:root{--bg-dark: #0a0a0a;--bg-card: rgba(17, 17, 17, .7);--primary: #00f2ff;--primary-dim: rgba(0, 242, 255, .15);--primary-glow: rgba(0, 242, 255, .3);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .6);--text-muted: rgba(255, 255, 255, .35);--border-subtle: rgba(255, 255, 255, .06);--border-glow: rgba(0, 242, 255, .15);--font-display: "Public Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "Fira Code", "Cascadia Code", monospace;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 3rem;--space-xl: 5rem;--space-2xl: 8rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 24px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--primary-dim) transparent}body{font-family:var(--font-display);background-color:var(--bg-dark);background-image:radial-gradient(circle at 50% -20%,rgba(0,242,255,.04),transparent 60%);color:var(--text-primary);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:var(--primary);color:#000}::-moz-selection{background:var(--primary);color:#000}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--primary-dim);border-radius:3px}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font-family:inherit;cursor:pointer;border:none;outline:none;background:none}.grid-mesh{background-size:40px 40px;background-image:linear-gradient(to right,rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.02) 1px,transparent 1px)}.glass{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:border-color .3s ease,box-shadow .3s ease}.glass:hover{border-color:var(--border-glow);box-shadow:0 0 20px #00f2ff0f}.terminal-cursor:after{content:"|";animation:blink 1s step-end infinite;color:var(--primary);margin-left:2px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.section{max-width:1000px;margin:0 auto;padding:var(--space-2xl) var(--space-md);position:relative}.section-label{font-family:var(--font-mono);font-size:.8rem;color:var(--primary);letter-spacing:.1em;margin-bottom:var(--space-sm);opacity:.8}.section-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:900;letter-spacing:-.02em;line-height:1.1;margin-bottom:var(--space-lg)}.vertical-rl{writing-mode:vertical-rl}.glow-orb{position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(0,242,255,.08) 0%,transparent 70%);pointer-events:none;filter:blur(60px)}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--primary);color:#000;font-weight:700;font-size:.85rem;letter-spacing:.05em;border-radius:var(--radius-sm);transition:all .3s ease;text-transform:uppercase}.btn-primary:hover{box-shadow:0 0 25px #00f2ff66;transform:translateY(-2px)}.btn-outline{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:transparent;color:var(--primary);font-weight:600;font-size:.85rem;letter-spacing:.05em;border:1px solid var(--border-glow);border-radius:var(--radius-sm);transition:all .3s ease;text-transform:uppercase}.btn-outline:hover{background:var(--primary-dim);border-color:var(--primary);box-shadow:0 0 20px #00f2ff26}.tech-tag{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.08em;color:var(--primary);background:var(--primary-dim);padding:.25rem .65rem;border-radius:4px;text-transform:uppercase;border:1px solid rgba(0,242,255,.1)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.animate-fade-in-up{animation:fadeInUp .8s ease forwards}.animate-fade-in{animation:fadeIn .6s ease forwards}.animate-slide-left{animation:slideInLeft .7s ease forwards}.animate-float{animation:float 6s ease-in-out infinite}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}.delay-6{animation-delay:.6s}@media(max-width:768px){.section{padding:var(--space-xl) var(--space-sm)}.section-title{font-size:clamp(1.8rem,7vw,2.5rem);margin-bottom:1.5rem}}
