:root{--color-bg:#11151F;--color-bg-secondary:#1B2230;--color-card:#262F40;--color-text:#F2F5FA;--color-heading:#8FD8FF;--color-primary:#8C5BEA;--color-primary-hover:#7044C7;--color-accent:#E0B04A;--color-success:#5ED3A6;--color-warning:#FFCC66;--color-danger:#FF6B6B;--color-border:#38465A;--color-icon:#FF8E63;--gray-50:#F5F7FB;--gray-100:#E2E6F0;--gray-200:#C5CCDB;--gray-300:#A9B2C7;--gray-400:#8D97AF;--gray-500:#727C96;--gray-600:#586179;--gray-700:#40475B;--gray-800:#2A3040;--gray-900:#181C26;--font-sans:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-fantasy-title:"Cinzel","Cormorant Garamond","Trajan Pro",serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--line-height-tight:1.1;--line-height-snug:1.25;--line-height-normal:1.5;--line-height-relaxed:1.7;--space-0:0;--space-1:2px;--space-2:4px;--space-3:8px;--space-4:12px;--space-5:16px;--space-6:20px;--space-7:24px;--space-8:28px;--space-9:32px;--space-10:40px;--space-11:48px;--space-12:56px;--space-13:64px;--space-14:72px;--space-15:80px;--space-16:96px;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-xl:24px;--radius-pill:999px;--shadow-sm:0 6px 18px rgba(0,0,0,0.35);--shadow-md:0 14px 40px rgba(0,0,0,0.5);--shadow-lg:0 26px 70px rgba(0,0,0,0.7);--shadow-glow-primary:0 0 18px rgba(140,91,234,0.7);--shadow-glow-accent:0 0 16px rgba(224,176,74,0.65);--transition-fast:120ms ease-out;--transition-med:220ms ease-out;--transition-slow:360ms ease-out;--container-max:1120px}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{scroll-behavior:smooth;text-size-adjust:100%;-webkit-font-smoothing:antialiased}body{min-height:100vh;background:radial-gradient(circle at 0% 0%,#1E2434 0,#11151F 40%,#05060A 100%);color:var(--color-text);font-family:var(--font-sans);font-size:var(--font-size-md);line-height:var(--line-height-normal);text-rendering:optimizeLegibility}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;color:inherit;background:none;border:none}button{cursor:pointer}a{text-decoration:none;color:inherit}ul,ol{list-style:none}p{margin-bottom:var(--space-5);line-height:var(--line-height-relaxed);color:var(--gray-100)}p:last-child{margin-bottom:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-fantasy-title);font-weight:600;line-height:var(--line-height-tight);color:var(--color-heading);letter-spacing:0.04em;text-transform:uppercase;margin-bottom:var(--space-4)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-md)}@media (max-width:768px){h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}}a:not(.btn){color:var(--color-accent);transition:color var(--transition-fast),text-shadow var(--transition-fast)}a:not(.btn):hover{color:var(--color-primary);text-shadow:0 0 10px rgba(224,176,74,0.6)}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding-inline:var(--space-6)}@media (max-width:768px){.container{padding-inline:var(--space-4)}}.flex{display:flex}.inline-flex{display:inline-flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-col{display:flex;flex-direction:column}.flex-wrap{flex-wrap:wrap}.grid{display:grid}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-7)}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-7)}@media(max-width:992px){.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.grid-2,.grid-3{grid-template-columns:minmax(0,1fr)}}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.text-center{text-align:center}.text-right{text-align:right}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-3) var(--space-7);border-radius:var(--radius-pill);background:radial-gradient(circle at 0 0,rgba(255,255,255,0.18) 0,rgba(255,255,255,0) 55%),linear-gradient(135deg,var(--color-primary),var(--color-accent));color:#0A0B10;font-weight:600;letter-spacing:0.05em;text-transform:uppercase;font-size:var(--font-size-sm);box-shadow:var(--shadow-md),var(--shadow-glow-primary);border:1px solid rgba(255,255,255,0.08);transition:transform var(--transition-fast),box-shadow var(--transition-fast),filter var(--transition-fast),background var(--transition-med)}.btn:hover{transform:translateY(-1px) scale(1.01);box-shadow:var(--shadow-lg),var(--shadow-glow-accent);filter:brightness(1.02);background:radial-gradient(circle at 0 0,rgba(255,255,255,0.22) 0,rgba(255,255,255,0) 55%),linear-gradient(135deg,var(--color-primary-hover),var(--color-accent))}.btn:active{transform:translateY(0) scale(0.99);box-shadow:var(--shadow-sm)}.btn:disabled,.btn[aria-disabled="true"]{opacity:0.5;cursor:not-allowed;box-shadow:var(--shadow-sm)}.btn-secondary{background:linear-gradient(135deg,var(--color-bg-secondary),var(--color-card));color:var(--color-heading);box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.btn-secondary:hover{background:linear-gradient(135deg,var(--color-card),var(--color-bg-secondary));box-shadow:var(--shadow-md)}.btn-ghost{background:rgba(18,22,32,0.4);border:1px solid rgba(143,216,255,0.45);color:var(--color-heading);box-shadow:0 0 0 1px rgba(5,8,14,0.8)}.btn-ghost:hover{background:rgba(35,44,64,0.9);box-shadow:0 0 18px rgba(143,216,255,0.6)}.input,.textarea,.select{width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);background:rgba(12,15,24,0.92);color:var(--color-text);font-size:var(--font-size-sm);line-height:var(--line-height-normal);box-shadow:inset 0 1px 0 rgba(255,255,255,0.04);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.input::placeholder,.textarea::placeholder{color:var(--gray-500)}.textarea{min-height:120px;resize:vertical}.select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--color-heading) 50%),linear-gradient(135deg,var(--color-heading) 50%,transparent 50%);background-position:calc(100% - 16px) 52%,calc(100% - 11px) 52%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 1px rgba(224,176,74,0.3),0 0 18px rgba(224,176,74,0.35);background:rgba(12,15,24,1)}.input[aria-invalid="true"],.textarea[aria-invalid="true"]{border-color:var(--color-danger)}.input[aria-invalid="true"]:focus,.textarea[aria-invalid="true"]:focus{box-shadow:0 0 0 1px rgba(255,107,107,0.5),0 0 16px rgba(255,107,107,0.45)}.card{position:relative;border-radius:var(--radius-lg);background:radial-gradient(circle at 0 0,rgba(143,216,255,0.08) 0,transparent 48%),radial-gradient(circle at 100% 100%,rgba(92,66,191,0.38) 0,transparent 55%),linear-gradient(145deg,rgba(26,33,49,0.98),rgba(15,19,30,0.98));padding:var(--space-7);border:1px solid rgba(99,124,163,0.6);box-shadow:var(--shadow-md);overflow:hidden}.card::before{content:"";position:absolute;inset:-40%;background:conic-gradient(from 110deg,rgba(224,176,74,0.0),rgba(224,176,74,0.45),rgba(140,91,234,0.0));opacity:0;transform:translate3d(-20%,0,0) rotate(8deg);transition:opacity var(--transition-slow),transform var(--transition-slow);pointer-events:none;mix-blend-mode:soft-light}.card:hover::before{opacity:1;transform:translate3d(0,0,0) rotate(0)}.card-header{margin-bottom:var(--space-4)}.card-title{font-size:var(--font-size-xl);margin-bottom:var(--space-2)}.card-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:2px var(--space-3);border-radius:var(--radius-pill);background:rgba(19,190,130,0.08);border:1px solid rgba(94,211,166,0.5);color:var(--color-success);font-size:var(--font-size-xs);letter-spacing:0.08em;text-transform:uppercase}.card-body{color:var(--gray-100);font-size:var(--font-size-sm)}.card-footer{margin-top:var(--space-5);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);font-size:var(--font-size-xs);color:var(--gray-300)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}a:focus-visible,button:focus-visible,.btn:focus-visible,.input:focus-visible,.textarea:focus-visible,.select:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;box-shadow:0 0 0 1px rgba(0,0,0,0.9),0 0 0 3px rgba(224,176,74,0.65)}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important;scroll-margin:0!important}}