:root{--color-bg: #0a0a1a;--color-surface: rgba(32, 28, 61, .55);--color-surface-alt: rgba(255, 255, 255, .05);--color-border: rgba(139, 92, 246, .28);--color-text: #f5f3ff;--color-text-muted: #a9a4c9;--color-primary: #8b5cf6;--color-primary-hover: #a78bfa;--color-primary-contrast: #ffffff;--color-primary-bg: rgba(139, 92, 246, .15);--color-success: #4ade80;--color-success-bg: rgba(74, 222, 128, .15);--color-warning: #fbbf24;--color-warning-bg: rgba(251, 191, 36, .15);--color-danger: #f87171;--color-danger-bg: rgba(248, 113, 113, .15);--color-info: #38bdf8;--color-info-bg: rgba(56, 189, 248, .15);--gradient-primary: linear-gradient(135deg, #8b5cf6 0%, #ec4899 100%);--gradient-secondary: linear-gradient(135deg, #3b82f6 0%, #22d3ee 100%);--gradient-danger: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--radius: 12px;--radius-md: 16px;--radius-lg: 24px;--shadow: 0 4px 16px rgba(0, 0, 0, .45);--shadow-glow-primary: 0 8px 24px rgba(139, 92, 246, .4);--shadow-glow-secondary: 0 8px 24px rgba(59, 130, 246, .35);--shadow-glow-danger: 0 8px 24px rgba(239, 68, 68, .35)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Segoe UI,system-ui,-apple-system,Roboto,sans-serif;color:var(--color-text);background-color:#0a0a1a;background-repeat:no-repeat;background-attachment:fixed;background-position:0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,bottom center,0 0,0 0,0 0,0 0;background-size:auto,auto,auto,auto,auto,auto,auto,auto,auto,auto,100% 22vh,100% 100%,100% 100%,100% 100%,100% 100%;background-image:radial-gradient(1.5px 1.5px at 10% 8%,rgba(255,255,255,.9),transparent 100%),radial-gradient(1.5px 1.5px at 82% 14%,rgba(255,255,255,.75),transparent 100%),radial-gradient(1px 1px at 45% 22%,rgba(255,255,255,.7),transparent 100%),radial-gradient(1.5px 1.5px at 63% 6%,rgba(255,255,255,.6),transparent 100%),radial-gradient(1px 1px at 22% 28%,rgba(255,255,255,.8),transparent 100%),radial-gradient(1.5px 1.5px at 90% 34%,rgba(255,255,255,.55),transparent 100%),radial-gradient(1px 1px at 5% 18%,rgba(255,255,255,.65),transparent 100%),radial-gradient(1.5px 1.5px at 70% 42%,rgba(255,255,255,.7),transparent 100%),radial-gradient(1px 1px at 15% 50%,rgba(255,255,255,.6),transparent 100%),radial-gradient(1.5px 1.5px at 88% 58%,rgba(255,255,255,.8),transparent 100%),url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%20200'%20preserveAspectRatio%3D'none'%3E%3Cdefs%3E%3ClinearGradient%20id%3D'g'%20x1%3D'0'%20y1%3D'0'%20x2%3D'1'%20y2%3D'0'%3E%3Cstop%20offset%3D'0%25'%20stop-color%3D'%238b5cf6'%20stop-opacity%3D'0.35'%2F%3E%3Cstop%20offset%3D'100%25'%20stop-color%3D'%2338bdf8'%20stop-opacity%3D'0.3'%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D'url(%23g)'%20d%3D'M0%2C96%20C240%2C160%20480%2C32%20720%2C64%20C960%2C96%201200%2C176%201440%2C112%20L1440%2C200%20L0%2C200%20Z'%2F%3E%3C%2Fsvg%3E"),radial-gradient(circle at 15% 10%,rgba(139,92,246,.28),transparent 45%),radial-gradient(circle at 88% 20%,rgba(236,72,153,.14),transparent 40%),radial-gradient(circle at 80% 80%,rgba(56,189,248,.22),transparent 50%),linear-gradient(180deg,#0a0a1f,#0d0b26 45%,#0a0a1a)}h1,h2,h3{margin:0 0 .5rem}p{margin:0 0 .75rem;color:var(--color-text-muted)}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:transparent}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:1.5rem;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.65rem 1.25rem;font-size:1rem;font-weight:700;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:filter .15s ease,transform .05s ease,background-color .15s ease}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-glow-primary)}.btn-primary:hover:not(:disabled){filter:brightness(1.08)}.btn-accent{background:var(--gradient-secondary);color:#fff;box-shadow:var(--shadow-glow-secondary)}.btn-accent:hover:not(:disabled){filter:brightness(1.08)}.btn-secondary{background:var(--color-surface-alt);color:var(--color-text);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled){background:#ffffff1a}.btn-danger{background:var(--gradient-danger);color:#fff;box-shadow:var(--shadow-glow-danger)}.btn-danger:hover:not(:disabled){filter:brightness(1.08)}.btn-block{width:100%}.btn-arrow{display:inline-flex;font-weight:700}:root[dir=rtl] .btn-arrow{transform:scaleX(-1)}.field{margin-bottom:1rem}.field label{display:block;font-size:.85rem;font-weight:600;margin-bottom:.35rem;color:var(--color-text-muted)}.field label.field-label-primary{color:var(--color-primary)}.field label.field-label-accent{color:var(--color-info)}.field input{width:100%;padding:.6rem .75rem;font-size:1rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface-alt);color:var(--color-text)}.field input::placeholder{color:var(--color-text-muted)}.field input:focus{outline:2px solid var(--color-primary);outline-offset:1px}.field-input-wrap{position:relative;display:flex;align-items:center}.field-input-wrap .field-icon{position:absolute;left:.85rem;color:var(--color-text-muted);pointer-events:none}.field-input-wrap input{padding-left:2.6rem}:root[dir=rtl] .field-input-wrap .field-icon{left:auto;right:.85rem}:root[dir=rtl] .field-input-wrap input{padding-left:.75rem;padding-right:2.6rem}.error-message{color:var(--color-danger);background:var(--color-danger-bg);border-radius:var(--radius);padding:.6rem .8rem;font-size:.9rem;margin-bottom:1rem}.badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.75rem;font-weight:700;padding:.15rem .55rem;border-radius:999px}.badge-host{background:var(--color-primary-bg);color:var(--color-primary);box-shadow:0 0 10px #8b5cf659}.badge-success{background:var(--color-success-bg);color:var(--color-success)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning)}.badge-muted{background:var(--color-surface-alt);color:var(--color-text-muted)}.icon-square{flex:none;width:52px;height:52px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff}.icon-square-primary{background:var(--gradient-primary);box-shadow:var(--shadow-glow-primary)}.icon-square-accent{background:var(--gradient-secondary);box-shadow:var(--shadow-glow-secondary)}.icon-square-success{background:linear-gradient(135deg,#22c55e,#4ade80);box-shadow:0 8px 24px #22c55e59}.icon-square-sm{width:40px;height:40px;border-radius:var(--radius)}