:root{--spacing-0: 0;--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--spacing-8: 32px;--spacing-10: 40px;--spacing-12: 48px;--spacing-16: 64px;--spacing-20: 80px;--spacing-24: 96px;--navbar-height: 85px;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 30px;--text-4xl: 36px;--text-5xl: 48px;--leading-tight: 1.2;--leading-normal: 1.5;--leading-relaxed: 1.75;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .08);--shadow-md: 0 4px 6px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .15), 0 4px 10px rgba(0, 0, 0, .08);--shadow-xl: 0 20px 50px rgba(0, 0, 0, .2), 0 8px 20px rgba(0, 0, 0, .1);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--color-bg-primary: #0a0a1a;--color-bg-secondary: #0f0f24;--color-bg-tertiary: #161630;--color-bg-card: #1a1a38;--color-bg-card-hover: #222250;--color-bg-nav: rgba(10, 10, 26, .8);--color-text-primary: #f0f0f8;--color-text-secondary: #a0a0c0;--color-text-muted: #606080;--color-text-inverse: #0a0a1a;--color-accent: #6366f1;--color-accent-light: #818cf8;--color-accent-dark: #4f46e5;--color-gradient-start: #6366f1;--color-gradient-end: #06b6d4;--gradient-primary: linear-gradient(135deg, var(--color-gradient-start), var(--color-gradient-end));--gradient-hero: linear-gradient(135deg, #6366f1 0%, #818cf8 30%, #06b6d4 70%, #22d3ee 100%);--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--color-border: rgba(255, 255, 255, .08);--color-border-light: rgba(255, 255, 255, .12);--color-divider: rgba(255, 255, 255, .06);--color-glass-bg: rgba(255, 255, 255, .05);--color-glass-border: rgba(255, 255, 255, .08);--color-glass-blur: blur(16px)}[data-theme=light]{--color-bg-primary: #f8f9fc;--color-bg-secondary: #ffffff;--color-bg-tertiary: #f1f3f9;--color-bg-card: #ffffff;--color-bg-card-hover: #f1f3f9;--color-bg-nav: rgba(248, 249, 252, .85);--color-text-primary: #1a1a3e;--color-text-secondary: #4a4a6a;--color-text-muted: #8a8aaa;--color-text-inverse: #f0f0f8;--color-border: rgba(0, 0, 0, .06);--color-border-light: rgba(0, 0, 0, .1);--color-divider: rgba(0, 0, 0, .04);--color-glass-bg: rgba(255, 255, 255, .7);--color-glass-border: rgba(0, 0, 0, .06);--color-glass-blur: blur(12px)}:root{color-scheme:dark;background-color:var(--color-bg-primary);color:var(--color-text-primary)}[data-theme=light]{color-scheme:light}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,.h1{font-size:var(--text-5xl);font-weight:var(--weight-bold);line-height:var(--leading-tight)}h2,.h2{font-size:var(--text-4xl);font-weight:var(--weight-bold);line-height:var(--leading-tight)}h3,.h3{font-size:var(--text-3xl);font-weight:var(--weight-semibold);line-height:var(--leading-tight)}h4,.h4{font-size:var(--text-2xl);font-weight:var(--weight-semibold);line-height:var(--leading-normal)}h5,.h5{font-size:var(--text-xl);font-weight:var(--weight-medium);line-height:var(--leading-normal)}h6,.h6{font-size:var(--text-lg);font-weight:var(--weight-medium);line-height:var(--leading-normal)}p,.body{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text-secondary)}.small{font-size:var(--text-sm)}.caption{font-size:var(--text-xs);color:var(--color-text-muted)}a{color:var(--color-accent-light);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.radius-sm{border-radius:var(--radius-sm)}.radius-md{border-radius:var(--radius-md)}.radius-lg{border-radius:var(--radius-lg)}.radius-xl{border-radius:var(--radius-xl)}.radius-2xl{border-radius:var(--radius-2xl)}.radius-full{border-radius:var(--radius-full)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);background:var(--gradient-primary);color:var(--color-text-inverse);border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast);text-decoration:none}.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn-primary:active{transform:translateY(0)}.btn-primary--lg{padding:var(--spacing-4) var(--spacing-8);font-size:var(--text-base);border-radius:var(--radius-lg)}.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);background:transparent;color:var(--color-text-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast);text-decoration:none}.btn-outline:hover{border-color:var(--color-accent);background:#6366f114;transform:translateY(-1px)}.btn-outline--lg{padding:var(--spacing-4) var(--spacing-8);font-size:var(--text-base)}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-8);transition:transform var(--transition-base),box-shadow var(--transition-base),background var(--transition-base)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);background:var(--color-bg-card-hover)}.input{width:100%;padding:var(--spacing-3) var(--spacing-4);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-sm);font-family:inherit;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);box-sizing:border-box}.input::placeholder{color:var(--color-text-muted)}.input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #6366f126}.input.ng-invalid.ng-touched{border-color:var(--color-error)}textarea.input{resize:vertical;min-height:120px}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-6)}.grid{display:grid;gap:var(--spacing-6)}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}.grid--5{grid-template-columns:repeat(5,1fr)}@media(max-width:1024px){.grid--5,.grid--4{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.grid--5,.grid--4,.grid--3{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.grid--5,.grid--4,.grid--3,.grid--2{grid-template-columns:1fr}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.d-flex{display:flex}.d-none{display:none}.d-block{display:block}.align-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.gap-2{gap:var(--spacing-2)}.gap-4{gap:var(--spacing-4)}.gap-6{gap:var(--spacing-6)}.gap-8{gap:var(--spacing-8)}.mt-0{margin-top:0}.mt-4{margin-top:var(--spacing-4)}.mt-8{margin-top:var(--spacing-8)}.mt-12{margin-top:var(--spacing-12)}.mt-16{margin-top:var(--spacing-16)}.mb-4{margin-bottom:var(--spacing-4)}.mb-8{margin-bottom:var(--spacing-8)}.mb-12{margin-bottom:var(--spacing-12)}.mb-16{margin-bottom:var(--spacing-16)}.pt-8{padding-top:var(--spacing-8)}.pt-12{padding-top:var(--spacing-12)}.pt-16{padding-top:var(--spacing-16)}.pb-8{padding-bottom:var(--spacing-8)}.pb-12{padding-bottom:var(--spacing-12)}.pb-16{padding-bottom:var(--spacing-16)}.py-8{padding-top:var(--spacing-8);padding-bottom:var(--spacing-8)}.py-12{padding-top:var(--spacing-12);padding-bottom:var(--spacing-12)}.py-16{padding-top:var(--spacing-16);padding-bottom:var(--spacing-16)}.px-6{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}.w-full{width:100%}.max-w-md{max-width:480px}.max-w-lg{max-width:640px}.max-w-2xl{max-width:720px}.reveal-fade-in{opacity:0;animation:fadeIn .4s ease forwards}.reveal-slide-up{opacity:0;transform:translateY(30px);animation:slideUp .4s ease forwards}@keyframes fadeIn{to{opacity:1}}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--color-bg-primary);color:var(--color-text-primary)}body{min-height:100vh;overflow-x:hidden}img{max-width:100%;height:auto}::selection{background:#6366f14d;color:var(--color-text-primary)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}