*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg-deepest:#030712;--bg-dark:#060d1e;--bg-mid:#0a1628;--bg-card:#0a1628b3;--bg-card-hover:#0e1c34d9;--bg-glass:#0a162880;--blue-electric:#38bdf8;--blue-mid:#0ea5e9;--cyan:#22d3ee;--cyan-dim:#06b6d4;--violet:#818cf8;--violet-mid:#6366f1;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#475569;--text-accent:#38bdf8;--border:#38bdf81f;--border-hover:#38bdf859;--border-glow:#38bdf899;--glow-blue:0 0 30px #38bdf826;--glow-blue-strong:0 0 60px #38bdf840;--glow-cyan:0 0 30px #22d3ee26;--glow-violet:0 0 30px #818cf81f;--shadow-card:0 4px 24px #0006, 0 1px 4px #0000004d;--shadow-card-hover:0 8px 40px #00000080, 0 0 20px #38bdf81a;--section-padding:100px;--container-max:1200px;--font-sans:"Plus Jakarta Sans", "Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Courier New", monospace;--transition:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.6s cubic-bezier(.4, 0, .2, 1)}html{scroll-behavior:smooth;scroll-padding-top:80px}body,html{overflow-x:hidden}body{font-family:var(--font-sans);background-color:var(--bg-deepest);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-deepest)}::-webkit-scrollbar-thumb{background:#38bdf84d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#38bdf880}.container{max-width:var(--container-max);width:100%;margin:0 auto;padding:0 24px}.section{padding:var(--section-padding) 0;position:relative}.section-header{text-align:center;margin-bottom:64px}.section-eyebrow{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--blue-electric);align-items:center;gap:8px;margin-bottom:14px;font-size:.75rem;font-weight:600;display:inline-flex}.section-eyebrow:after,.section-eyebrow:before{content:"";background:var(--blue-electric);opacity:.6;width:24px;height:1px;display:inline-block}.section-title{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:16px;font-size:calc(clamp(2rem,4vw,2.75rem));font-weight:800;line-height:1.15}.section-subtitle{color:var(--text-secondary);max-width:560px;margin:0 auto;font-size:1.05rem}.bg-grid{z-index:0;pointer-events:none;background-image:linear-gradient(#38bdf808 1px,#0000 0),linear-gradient(90deg,#38bdf808 1px,#0000 0);background-size:60px 60px;position:fixed;inset:0}.glass-card{background:var(--bg-card);border:1px solid var(--border);-webkit-backdrop-filter:blur(16px);transition:border-color var(--transition),box-shadow var(--transition),background var(--transition);border-radius:16px}.glass-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-card-hover);background:var(--bg-card-hover)}.btn{font-family:var(--font-sans);cursor:pointer;transition:all var(--transition);white-space:nowrap;border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 28px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg,var(--blue-mid),var(--cyan-dim));color:#fff;box-shadow:0 4px 20px #0ea5e959}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 8px 30px #0ea5e980}.btn-outline{color:var(--blue-electric);border:1.5px solid var(--border-hover);background:0 0}.btn-outline:hover{border-color:var(--blue-electric);box-shadow:var(--glow-blue);background:#38bdf814;transform:translateY(-2px)}.badge{color:var(--blue-electric);font-size:.78rem;font-weight:600;font-family:var(--font-mono);background:#38bdf81a;border:1px solid #38bdf840;border-radius:100px;align-items:center;gap:6px;padding:5px 12px;display:inline-flex}.gradient-text{background:linear-gradient(135deg,var(--blue-electric),var(--cyan),var(--violet));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.sr-only{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tech-tag,.text-mono{font-family:var(--font-mono)}.orbit-container{display:inline-block;position:relative}.tech-tag{color:var(--text-secondary);transition:all var(--transition);background:#38bdf814;border:1px solid #38bdf82e;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:500;display:inline-flex}.tech-tag:hover{color:var(--blue-electric);background:#38bdf826;border-color:#38bdf866}@media (width<=768px){:root{--section-padding:64px}.container{padding:0 16px}}@media (width<=480px){:root{--section-padding:48px}.btn{padding:11px 20px;font-size:.875rem}}@media (prefers-reduced-motion:reduce){*,:after,:before{transition-duration:.01ms!important;animation-duration:.01ms!important}html{scroll-behavior:auto}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes pulse-ring{0%{opacity:.8;transform:scale(.95)}50%{opacity:.3;transform:scale(1.05)}to{opacity:.8;transform:scale(.95)}}@keyframes orbit-cw{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes orbit-ccw{0%{transform:rotate(0)}to{transform:rotate(-1turn)}}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}@keyframes scan-line{0%{top:0}to{top:100%}}@keyframes gradient-shift{0%{background-position:0}50%{background-position:100%}to{background-position:0}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-32px)}to{opacity:1;transform:translate(0)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:translate(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes particle-drift{0%{opacity:0;transform:translateY(0)translate(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100px)translate(30px)}}@keyframes loader-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes loader-progress{0%{width:0}30%{width:35%}60%{width:65%}85%{width:88%}to{width:100%}}@keyframes loader-fade-out{0%{opacity:1;transform:scale(1)}80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.05)}}@keyframes typewriter-blink{0%,50%{border-right-color:var(--blue-electric)}51%,to{border-right-color:#0000}}@keyframes draw-line{0%{stroke-dashoffset:100%}to{stroke-dashoffset:0%}}@keyframes glow-pulse{0%,to{box-shadow:0 0 10px #38bdf833}50%{box-shadow:0 0 30px #38bdf880,0 0 60px #38bdf833}}@keyframes border-rotate{0%{background-position:0}50%{background-position:100%}to{background-position:0}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.reveal{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translateY(24px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translate(-24px)}.reveal-left.visible{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translate(24px)}.reveal-right.visible{opacity:1;transform:translate(0)}.portrait-float{animation:6s ease-in-out infinite float}.ambient-orb{pointer-events:none;filter:blur(80px);opacity:.15;border-radius:50%;position:absolute}.ambient-orb-blue{background:radial-gradient(circle,var(--blue-electric),transparent 70%)}.ambient-orb-cyan{background:radial-gradient(circle,var(--cyan),transparent 70%)}.ambient-orb-violet{background:radial-gradient(circle,var(--violet),transparent 70%)}.gradient-shimmer{background:linear-gradient(90deg,#0000,#38bdf826 50%,#0000) 0 0/200% 100%;animation:2.5s linear infinite shimmer}.glow-pulse{animation:3s ease-in-out infinite glow-pulse}@media (prefers-reduced-motion:reduce){.ambient-orb,.glow-pulse,.gradient-shimmer,.portrait-float{animation:none!important}.reveal,.reveal-left,.reveal-right{opacity:1!important;transition:none!important;transform:none!important}}