:root{--bg-void: #000000;--bg-deep: #030303;--bg-surface: #0a0a0a;--bg-elevated: #111111;--bg-hover: #1a1a1a;--text-primary: rgba(255, 255, 255, .95);--text-secondary: rgba(255, 255, 255, .6);--text-muted: rgba(255, 255, 255, .35);--text-ghost: rgba(255, 255, 255, .15);--border-subtle: rgba(255, 255, 255, .04);--border-default: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .15);--border-active: rgba(255, 255, 255, .25);--accent-glow: rgba(255, 255, 255, .03);--accent-highlight: rgba(255, 255, 255, .06);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--ease-smooth: cubic-bezier(.22, 1, .36, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-out-expo: cubic-bezier(.19, 1, .22, 1);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .5);--shadow-glow: 0 0 60px -15px rgba(255, 255, 255, .08);--radius-sm: .75rem;--radius-md: 1.25rem;--radius-lg: 1.75rem;--radius-xl: 2.25rem;--radius-full: 9999px;--gap-cards: 16px;--gap-cards-md: 24px;--padding-card: 24px;--padding-card-md: 32px;--padding-card-sm: 20px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-feature-settings:"kern" 1,"liga" 1}body{margin:0;padding:0;background-color:var(--bg-void);color:var(--text-primary);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;line-height:1.6}::selection{background:#ffffff26;color:#fff}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:#fff3}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.96) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes subtleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pulseGlow{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.4;transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes rotateSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes breathe{0%,to{opacity:.5}50%{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes borderGlow{0%,to{border-color:var(--border-subtle)}50%{border-color:var(--border-hover)}}@keyframes glowWave{0%{box-shadow:0 0 0 0 transparent;border-color:#ffffff0f}8%{box-shadow:0 0 20px var(--glow-color);border-color:var(--glow-color)}16%,to{box-shadow:0 0 0 0 transparent;border-color:#ffffff0f}}@keyframes textShimmer{0%{background-position:0% 50%}to{background-position:100% 50%}}.animate-fade-in{animation:fadeInUp .8s var(--ease-smooth) forwards;opacity:0}.animate-fade-in-scale{animation:fadeInScale .6s var(--ease-smooth) forwards;opacity:0}.animate-fade-down{animation:fadeInDown .6s var(--ease-smooth) forwards;opacity:0}.animate-slide-left{animation:slideInLeft .7s var(--ease-smooth) forwards;opacity:0}.animate-slide-right{animation:slideInRight .7s var(--ease-smooth) forwards;opacity:0}.animate-float{animation:subtleFloat 6s ease-in-out infinite}.animate-pulse-glow{animation:pulseGlow 3s ease-in-out infinite}.animate-shimmer{background:linear-gradient(90deg,transparent,rgba(255,255,255,.03),transparent);background-size:300% 100%;animation:shimmer 3s linear infinite}.animate-breathe{animation:breathe 4s ease-in-out infinite}.animate-glow-wave{animation:glowWave 18s ease-in-out infinite}.animate-text-shimmer{background:linear-gradient(to right,#fffc 20%,#fff 30%,#fffc 70%,#fff 80%);-webkit-background-clip:text;background-clip:text;background-size:200% auto;color:transparent;animation:textShimmer 5s linear infinite}.delay-1{animation-delay:.05s}.delay-2{animation-delay:.1s}.delay-3{animation-delay:.15s}.delay-4{animation-delay:.2s}.delay-5{animation-delay:.25s}.delay-6{animation-delay:.3s}.delay-7{animation-delay:.35s}.delay-8{animation-delay:.4s}.delay-9{animation-delay:.45s}.delay-10{animation-delay:.5s}.tactile-press{transition:transform .15s var(--ease-bounce),opacity .15s ease}.tactile-press:active{transform:scale(.97);opacity:.9}.magnetic-hover{transition:transform .4s var(--ease-smooth)}.magnetic-hover:hover{transform:translateY(-4px)}.glow-hover{position:relative}.glow-hover:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);border-radius:inherit;opacity:0;transition:opacity .4s ease;pointer-events:none;z-index:-1}.glow-hover:hover:before{opacity:1}.border-animate{position:relative;overflow:hidden}.border-animate:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s var(--ease-smooth)}.border-animate:hover:after{left:100%}.glass{background:#0a0a0ab3;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-subtle)}.glass-hover:hover{background:#0f0f0fcc;border-color:var(--border-hover)}.gradient-text{background:linear-gradient(135deg,#fff,#fff9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}*:focus-visible{outline:2px solid rgba(255,255,255,.3);outline-offset:2px}.btn-base{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:var(--radius-md);background:#ffffff08;border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all .3s var(--ease-smooth)}.btn-base:hover{background:#fff;color:#000;border-color:transparent;transform:translateY(-1px);box-shadow:var(--shadow-glow)}.btn-base:active{transform:translateY(0) scale(.98)}.tag{display:inline-flex;align-items:center;padding:.375rem .75rem;border-radius:var(--radius-full);background:#ffffff08;border:1px solid var(--border-subtle);font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted);transition:all .3s ease}.tag:hover{color:var(--text-primary);border-color:var(--border-hover);background:#ffffff0d}.status-dot{position:relative}.status-dot:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;animation:pulseGlow 2s ease-in-out infinite}.noise-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");mix-blend-mode:overlay}.ambient-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;overflow:hidden}.ambient-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.15}.ambient-orb-1{width:600px;height:600px;background:radial-gradient(circle,rgba(100,100,120,.3),transparent);top:-200px;right:-200px;animation:subtleFloat 12s ease-in-out infinite;filter:blur(120px);opacity:.08}.ambient-orb-2{width:400px;height:400px;background:radial-gradient(circle,rgba(80,80,100,.2),transparent);bottom:-100px;left:-100px;animation:subtleFloat 15s ease-in-out infinite reverse}.card-highlight{position:relative;overflow:hidden}.card-highlight:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);opacity:0;transition:opacity .4s ease}.card-highlight:hover:before{opacity:1}.img-grayscale{filter:grayscale(100%);transition:filter .7s var(--ease-smooth),transform .7s var(--ease-smooth)}.img-grayscale:hover{filter:grayscale(0%);transform:scale(1.03)}.timeline-line{position:relative}.timeline-line:before{content:"";position:absolute;left:13px;top:8px;bottom:8px;width:1px;background:linear-gradient(to bottom,transparent,var(--border-default),transparent)}.text-display-xl{font-size:clamp(2rem,6vw,4rem);line-height:.95;letter-spacing:-.03em;text-shadow:0 2px 20px rgba(0,0,0,.5);font-weight:500}.text-display-lg{font-size:clamp(1.5rem,4vw,2.5rem);line-height:1;letter-spacing:-.02em;font-weight:500}.text-display-md{font-size:clamp(1.25rem,3vw,1.75rem);line-height:1.1;letter-spacing:-.01em;font-weight:500;text-shadow:0 2px 20px rgba(0,0,0,.5)}.text-label{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.text-body{font-size:.875rem;line-height:1.8;color:var(--text-secondary);font-weight:300;letter-spacing:.01em}@media(max-width:768px){:root{--radius-xl: 1.5rem;--radius-lg: 1.25rem}body{font-size:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.noise-overlay,.ambient-bg{display:none}}