@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;700&family=Playfair+Display:wght@400;500;600;700&display=swap";:root{--color-primary-light: #e0f2fe;--color-primary-lighter: #f8fafc;--color-primary-base: #3b82f6;--color-primary-dark: #1d4ed8;--color-primary-darker: #1e40af;--color-primary-accent: #0ea5e9;--color-secondary-light: #dbeafe;--color-secondary-base: #60a5fa;--color-secondary-dark: #2563eb;--color-secondary-accent: #06b6d4;--color-neutral-50: #ffffff;--color-neutral-100: #f8fafc;--color-neutral-200: #f1f5f9;--color-neutral-300: #e2e8f0;--color-neutral-400: #cbd5e1;--color-neutral-500: #94a3b8;--color-neutral-600: #64748b;--color-neutral-700: #475569;--color-neutral-800: #334155;--color-neutral-900: #1e293b;--font-display: "JetBrains Mono", "SF Mono", "Monaco", "Inconsolata", monospace;--font-body: "Playfair Display", "Times New Roman", serif;--font-mono: "JetBrains Mono", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 2rem;--space-8: 2.5rem;--space-9: 3rem;--space-10: 4rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--gradient-primary: linear-gradient(135deg, var(--color-primary-base) 0%, var(--color-primary-accent) 100%);--gradient-light: linear-gradient(135deg, var(--color-primary-light) 0%, var(--color-secondary-light) 100%);--gradient-subtle: linear-gradient(135deg, var(--color-neutral-50) 0%, var(--color-neutral-100) 100%);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;line-height:1.5}body{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-neutral-900);background:linear-gradient(135deg,#fff,#f8fafc);background-attachment:fixed;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-neutral-200)}::-webkit-scrollbar-thumb{background:var(--color-primary-base);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-dark)}@keyframes particle-float{0%,to{transform:translateY(0) rotate(0);opacity:.4}50%{transform:translateY(-15px) rotate(180deg);opacity:.7}}@keyframes particle-pulse{0%,to{transform:scale(1);opacity:.2}50%{transform:scale(1.1);opacity:.4}}.particles-bg:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 80%,var(--color-primary-accent) 1px,transparent 1px),radial-gradient(circle at 80% 20%,var(--color-secondary-base) 1px,transparent 1px),radial-gradient(circle at 40% 40%,var(--color-primary-base) 1px,transparent 1px);background-size:120px 120px,180px 180px,240px 240px;background-position:0 0,60px 60px,120px 120px;opacity:.08;z-index:-1;animation:particle-float 25s ease-in-out infinite}.text-display{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em}.text-body{font-family:var(--font-body);font-weight:400}.text-mono{font-family:var(--font-mono);font-weight:500}.glow-primary{box-shadow:0 0 20px #e945604d}.glow-electric{box-shadow:0 0 20px #00d4ff4d}.glow-cyber{box-shadow:0 0 20px #00ff884d}.btn-primary{background:var(--gradient-primary);color:#fff;border:none;padding:var(--space-4) var(--space-6);border-radius:var(--radius-lg);font-family:var(--font-display);font-weight:600;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left var(--transition-slow)}.btn-primary:hover:before{left:100%}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3b82f666}.card-elevated{background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(59,130,246,.1);border-radius:var(--radius-xl);box-shadow:0 4px 20px #00000014;transition:all var(--transition-base)}.card-elevated:hover{transform:translateY(-4px);box-shadow:0 8px 30px #3b82f626;border-color:#3b82f633}@keyframes fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-scale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #e945604d}50%{box-shadow:0 0 40px #e9456099}}.animate-fade-in-up{animation:fade-in-up .6s ease-out forwards}.animate-fade-in-scale{animation:fade-in-scale .5s ease-out forwards}.animate-slide-in-left{animation:slide-in-left .7s ease-out forwards}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}@media (max-width: 768px){:root{--text-6xl: 2.5rem;--text-5xl: 2rem;--text-4xl: 1.75rem}.particles-bg:before{background-size:50px 50px,75px 75px,100px 100px}}