@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Fira+Code:wght@400;500&display=swap";:root,[data-theme=light]{--color-primary: #0A1628;--color-primary-light: #1E3A5F;--color-secondary: #FFD700;--color-secondary-hover: #FFC107;--color-secondary-rgb: 255, 215, 0;--color-accent: #FF6B35;--color-accent-light: #FF8A5C;--color-success: #10B981;--color-success-light: rgba(16, 185, 129, .15);--color-error: #EF4444;--color-error-light: rgba(239, 68, 68, .15);--color-error-hover: #DC2626;--color-warning: #F59E0B;--color-warning-light: rgba(245, 158, 11, .15);--color-info: #3B82F6;--color-info-light: rgba(59, 130, 246, .15);--color-purple: #6366F1;--color-purple-light: rgba(99, 102, 241, .15);--color-text: #000000;--color-text-secondary: #1A1A1A;--color-text-muted: #4A4A4A;--color-text-light: #6B6B6B;--color-text-inverse: #FFFFFF;--color-text-on-gold: #000000;--color-text-on-dark: #FFFFFF;--color-bg: #FFFFFF;--color-bg-secondary: #FAFAFA;--color-bg-tertiary: #F5F5F5;--color-bg-card: #FFFFFF;--color-bg-elevated: #FFFFFF;--color-bg-overlay: rgba(0, 0, 0, .5);--color-border: #E5E5E5;--color-border-light: #F0F0F0;--color-border-strong: #CCCCCC;--gradient-primary: linear-gradient(135deg, #0A1628 0%, #1E3A5F 100%);--gradient-gold: linear-gradient(135deg, #FFD700 0%, #FFC107 100%);--gradient-hero: linear-gradient(135deg, #0A1628 0%, #1E3A5F 50%, #0A1628 100%);--gradient-success: linear-gradient(135deg, #10B981 0%, #059669 100%);--gradient-error: linear-gradient(135deg, #EF4444 0%, #DC2626 100%);--shadow-color: rgba(0, 0, 0, .1);--shadow-color-strong: rgba(0, 0, 0, .15);--shadow-xs: 0 1px 2px var(--shadow-color);--shadow-sm: 0 2px 4px var(--shadow-color);--shadow-md: 0 4px 12px var(--shadow-color);--shadow-lg: 0 8px 24px var(--shadow-color);--shadow-xl: 0 16px 48px var(--shadow-color-strong);--shadow-glow: 0 0 40px rgba(255, 215, 0, .3);--shadow-gold: 0 8px 20px rgba(255, 215, 0, .3);--shadow-success: 0 8px 20px rgba(16, 185, 129, .3);--shadow-error: 0 8px 20px rgba(239, 68, 68, .3);--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "Fira Code", "Consolas", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--text-7xl: 4.5rem;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--font-black: 900;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--spacing-4xl: 6rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--transition-bounce: .5s cubic-bezier(.68, -.55, .265, 1.55);--container-width: 1200px;--container-padding: 1.5rem;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal: 400;--z-tooltip: 500}[data-theme=dark]{--color-primary: #FFFFFF;--color-primary-light: #E5E5E5;--color-secondary: #FFD700;--color-secondary-hover: #FFDF33;--color-secondary-rgb: 255, 215, 0;--color-accent: #FF6B35;--color-accent-light: #FF8A5C;--color-success: #10B981;--color-success-light: rgba(16, 185, 129, .15);--color-error: #EF4444;--color-error-light: rgba(239, 68, 68, .15);--color-error-hover: #DC2626;--color-warning: #F59E0B;--color-warning-light: rgba(245, 158, 11, .15);--color-info: #3B82F6;--color-info-light: rgba(59, 130, 246, .15);--color-purple: #6366F1;--color-purple-light: rgba(99, 102, 241, .15);--color-text: #FFFFFF;--color-text-secondary: #F5F5F5;--color-text-muted: #CCCCCC;--color-text-light: #999999;--color-text-inverse: #000000;--color-text-on-gold: #000000;--color-text-on-dark: #FFFFFF;--color-bg: #000000;--color-bg-secondary: #0A0A0A;--color-bg-tertiary: #141414;--color-bg-card: #0D0D0D;--color-bg-elevated: #1A1A1A;--color-bg-overlay: rgba(0, 0, 0, .7);--color-border: #2A2A2A;--color-border-light: #1F1F1F;--color-border-strong: #3A3A3A;--gradient-primary: linear-gradient(135deg, #000000 0%, #1A1A1A 100%);--gradient-gold: linear-gradient(135deg, #FFD700 0%, #FFC107 100%);--gradient-hero: linear-gradient(135deg, #000000 0%, #0D0D0D 50%, #000000 100%);--shadow-color: rgba(0, 0, 0, .5);--shadow-color-strong: rgba(0, 0, 0, .7);--shadow-md: 0 4px 12px var(--shadow-color), 0 0 1px rgba(255, 255, 255, .1);--shadow-lg: 0 8px 24px var(--shadow-color), 0 0 1px rgba(255, 255, 255, .1);--shadow-glow: 0 0 60px rgba(255, 215, 0, .4)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-normal);line-height:1.7;color:var(--color-text);background-color:var(--color-bg);transition:background-color var(--transition-base),color var(--transition-base);min-height:100vh}::selection{background-color:var(--color-secondary);color:var(--color-text-inverse)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}[data-theme=dark] ::-webkit-scrollbar-track{background:var(--color-bg-secondary)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--color-border-strong)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-bold);line-height:1.2;margin-bottom:var(--spacing-md);color:var(--color-text)}h1{font-size:var(--text-5xl);font-weight:var(--font-extrabold)}h2{font-size:var(--text-4xl);font-weight:var(--font-bold)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}p{margin-bottom:var(--spacing-md);color:var(--color-text-secondary)}a{color:var(--color-secondary);text-decoration:none;transition:color var(--transition-fast),transform var(--transition-fast)}a:hover{color:var(--color-secondary-hover)}strong,b{font-weight:var(--font-semibold)}small{font-size:var(--text-sm)}code{font-family:var(--font-mono);font-size:.9em;padding:.2em .4em;background-color:var(--color-bg-tertiary);border-radius:var(--radius-sm)}.code-window code,.code-window pre,.code-content code,.code-content pre,.code-content span{background-color:transparent!important;padding:0;border-radius:0}.container{width:100%;max-width:var(--container-width);margin:0 auto;padding:0 var(--container-padding)}.container-fluid{width:100%;padding:0 var(--container-padding)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:.875rem 1.75rem;font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-semibold);line-height:1;text-align:center;text-decoration:none;border:2px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden}.btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 100%);opacity:0;transition:opacity var(--transition-fast)}.btn:hover:before{opacity:1}.btn-primary{background:var(--gradient-gold);color:#000;border-color:var(--color-secondary)}.btn-primary:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg),var(--shadow-glow);color:#000}.btn-secondary{background-color:transparent;color:var(--color-text);border-color:var(--color-border-strong)}.btn-secondary:hover{background-color:var(--color-bg-tertiary);border-color:var(--color-secondary);color:var(--color-secondary);transform:translateY(-2px)}.btn-outline{background-color:transparent;border-color:var(--color-text-inverse);color:var(--color-text-inverse)}.btn-outline:hover{background-color:var(--color-text-inverse);color:var(--color-text);transform:translateY(-2px)}.btn-ghost{background:transparent;color:var(--color-text);border:none;padding:.5rem 1rem}.btn-ghost:hover{background-color:var(--color-bg-tertiary)}.btn-sm{padding:.5rem 1rem;font-size:var(--text-sm)}.btn-lg{padding:1rem 2.5rem;font-size:var(--text-lg)}.btn-xl{padding:1.25rem 3rem;font-size:var(--text-xl)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.card{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-base)}.card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--color-border-strong)}[data-theme=dark] .card{background-color:var(--color-bg-card);border-color:var(--color-border)}[data-theme=dark] .card:hover{border-color:var(--color-secondary);box-shadow:var(--shadow-xl),0 0 30px #ffd7001a}.badge{display:inline-flex;align-items:center;padding:.35rem 1rem;font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full);background-color:var(--color-bg-tertiary);color:var(--color-text-muted)}.badge-primary{background-color:var(--color-secondary);color:#000}.badge-outline{background:transparent;border:1px solid var(--color-border-strong);color:var(--color-text-muted)}input,textarea,select{width:100%;padding:1rem 1.25rem;font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text);background-color:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-lg);outline:none;transition:all var(--transition-fast)}input:focus,textarea:focus,select:focus{border-color:var(--color-secondary);background-color:var(--color-bg);box-shadow:0 0 0 4px #ffd70026}input::placeholder,textarea::placeholder{color:var(--color-text-light)}label{display:block;margin-bottom:var(--spacing-sm);font-weight:var(--font-medium);color:var(--color-text)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--color-text)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-gold{color:var(--color-secondary)}.text-accent{color:var(--color-accent)}.font-light{font-weight:var(--font-light)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.font-extrabold{font-weight:var(--font-extrabold)}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing-sm)}.mt-2{margin-top:var(--spacing-md)}.mt-3{margin-top:var(--spacing-lg)}.mt-4{margin-top:var(--spacing-xl)}.mt-5{margin-top:var(--spacing-2xl)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-sm)}.mb-2{margin-bottom:var(--spacing-md)}.mb-3{margin-bottom:var(--spacing-lg)}.mb-4{margin-bottom:var(--spacing-xl)}.mb-5{margin-bottom:var(--spacing-2xl)}.py-1{padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.py-2{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}.py-3{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.py-4{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}.py-5{padding-top:var(--spacing-2xl);padding-bottom:var(--spacing-2xl)}.hidden{display:none}.block{display:block}.flex{display:flex}.grid{display:grid}.inline-flex{display:inline-flex}.items-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-1{gap:var(--spacing-sm)}.gap-2{gap:var(--spacing-md)}.gap-3{gap:var(--spacing-lg)}.gap-4{gap:var(--spacing-xl)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{box-shadow:0 0 20px #ffd7004d}50%{box-shadow:0 0 40px #ffd70080}}.animate-fade-in{animation:fadeIn .6s ease forwards}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-glow{animation:glow 2s ease-in-out infinite}@media(max-width:1200px){:root{--container-padding: 2rem}}@media(max-width:992px){:root{--text-5xl: 2.5rem;--text-6xl: 3rem;--text-7xl: 3.5rem}.hide-lg{display:none!important}}@media(max-width:768px){:root{--container-padding: 1.25rem;--text-4xl: 2rem;--text-5xl: 2.25rem;--text-6xl: 2.5rem}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}.hide-md{display:none!important}.show-md{display:block!important}.btn-stack-mobile{flex-direction:column;width:100%}.btn-stack-mobile .btn{width:100%;justify-content:center}}@media(max-width:480px){:root{--container-padding: 1rem;--text-3xl: 1.75rem;--text-4xl: 1.875rem;--text-5xl: 2rem}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}.hide-sm{display:none!important}.show-sm{display:block!important}.btn{padding:.75rem 1.25rem;font-size:var(--text-sm)}.btn-lg{padding:.875rem 1.5rem;font-size:var(--text-base)}}@media(max-width:320px){:root{--container-padding: .75rem;--text-2xl: 1.25rem;--text-3xl: 1.5rem}}@media(hover:none)and (pointer:coarse){.btn{min-height:48px;min-width:48px}.btn:hover{transform:none}.btn:active{transform:scale(.98)}a,button{min-height:44px;min-width:44px}.project-overlay{opacity:1;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 100%)}}@media print{.header,.footer,.theme-toggle-fixed,.btn{display:none!important}body{background:#fff!important;color:#000!important}.main-content{padding-top:0!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(max-height:500px)and (orientation:landscape){.hero{min-height:auto;padding:2rem 0}.scroll-indicator{display:none}}