*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0a0e27;--bg2: #0f1419;--bg3: #161b2e;--surface: #1a1f3a;--border: rgba(255,255,255,.08);--border2: rgba(255,255,255,.12);--text: #ffffff;--muted: #a0aec0;--dim: #6b7280;--accent: #00d9ff;--accent2: #8b5cf6;--accent3: #06ffa5;--green: #06ffa5;--radius: 12px;--mono: "Space Mono", monospace;--sans: "Poppins", sans-serif;--serif: "Playfair Display", serif}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--sans);line-height:1.6;overflow-x:hidden;cursor:none}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:2px}section{padding:96px 48px}.section-label{font-family:var(--mono);font-size:11px;color:var(--accent);letter-spacing:.3em;text-transform:uppercase;margin-bottom:8px}.section-title{font-size:clamp(28px,4vw,48px);font-weight:800;letter-spacing:-.02em;line-height:1.1;margin-bottom:16px}.section-sub{font-size:16px;color:var(--muted);max-width:560px;line-height:1.8}.reveal{opacity:0;transform:translateY(32px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:none}.btn-primary{padding:13px 28px;background:var(--accent2);color:var(--text);font-family:var(--sans);font-weight:600;font-size:14px;border:none;border-radius:6px;cursor:none;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:transform .2s,box-shadow .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px #8b5cf666}.btn-ghost{padding:12px 28px;background:transparent;color:var(--text);font-family:var(--sans);font-weight:500;font-size:14px;border:1px solid var(--border2);border-radius:6px;cursor:none;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:border-color .2s,color .2s,transform .2s}.btn-ghost:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:none}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes pulse-glow{0%,to{opacity:.6}50%{opacity:1}}@keyframes float1{0%,to{transform:translateY(0) translate(0)}25%{transform:translateY(-100px) translate(50px)}50%{transform:translateY(-200px) translate(-30px)}75%{transform:translateY(-100px) translate(-80px)}}@keyframes float2{0%,to{transform:translateY(0) translate(0)}25%{transform:translateY(80px) translate(-100px)}50%{transform:translateY(150px) translate(60px)}75%{transform:translateY(80px) translate(100px)}}@keyframes float3{0%,to{transform:translateY(0)}50%{transform:translateY(-150px)}}@keyframes float4{0%,to{transform:translate(0)}50%{transform:translate(120px)}}@keyframes float5{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(120px) rotate(180deg)}}@keyframes float6{0%,to{transform:scale(1) translate(0)}50%{transform:scale(1.2) translate(-80px)}}@keyframes rotate-elem{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 900px){section{padding:64px 20px}}.skill-tag:hover{border-color:var(--accent)!important;color:var(--accent)!important;transform:translateY(-2px);box-shadow:0 0 14px #00d9ff2e,0 4px 12px #0003}@media (max-width: 900px){nav{padding:14px 20px}.skills-grid{grid-template-columns:1fr 1fr!important}.services-grid,.projects-grid,.exp-item{grid-template-columns:1fr!important}footer{flex-direction:column;text-align:center;padding:24px 20px}}