:root{--bg: #0a0f1f;--bg-soft: #0f1629;--card: rgba(20, 30, 60, .55);--border: rgba(90, 130, 255, .18);--text: #e6ecff;--text-dim: #8b96b8;--accent: #00d4ff;--accent-2: #7c4dff;--accent-3: #ff4d8f;--radius: 16px;--shadow: 0 20px 60px rgba(0, 0, 0, .45)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.7;overflow-x:hidden}a{color:inherit;text-decoration:none}.container{max-width:1080px;margin:0 auto;padding:0 24px}section{padding:90px 0;position:relative}.section-title{font-size:2rem;font-weight:700;margin-bottom:12px;letter-spacing:.5px}.section-title .grad{background:linear-gradient(120deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.section-sub{color:var(--text-dim);margin-bottom:44px;font-size:1.02rem}.bg-grid{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background-image:linear-gradient(rgba(90,130,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(90,130,255,.06) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000 40%,transparent 100%);mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000 40%,transparent 100%)}.bg-glow{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}.bg-glow:before,.bg-glow:after{content:"";position:absolute;border-radius:50%;filter:blur(130px);opacity:.4}.bg-glow:before{width:520px;height:520px;top:-160px;left:10%;background:radial-gradient(circle,var(--accent),transparent 65%)}.bg-glow:after{width:480px;height:480px;bottom:-120px;right:8%;background:radial-gradient(circle,var(--accent-2),transparent 65%)}.nav{position:fixed;top:0;left:0;right:0;z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a0f1fbf;border-bottom:1px solid var(--border)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:64px}.logo{font-weight:800;font-size:1.15rem;letter-spacing:1px}.logo span{color:var(--accent)}.nav-links{display:flex;gap:30px;list-style:none}.nav-links a{color:var(--text-dim);font-size:.95rem;transition:color .2s}.nav-links a:hover{color:var(--accent)}.hero{min-height:100vh;display:flex;align-items:center;padding-top:64px}.hero-inner{display:grid;grid-template-columns:1fr 340px;gap:60px;align-items:center;width:100%}.hero-badge{display:inline-block;padding:5px 14px;border-radius:999px;border:1px solid var(--border);background:#00d4ff14;color:var(--accent);font-size:.85rem;margin-bottom:22px}.hero h1{font-size:3.1rem;font-weight:800;line-height:1.2;margin-bottom:18px;letter-spacing:.5px}.hero h1 .grad{background:linear-gradient(120deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-typing{font-size:1.25rem;color:var(--accent);margin-bottom:20px;min-height:1.7em}.hero-desc{color:var(--text-dim);font-size:1.05rem;max-width:520px;margin-bottom:34px}.hero-actions{display:flex;gap:16px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 26px;border-radius:10px;font-weight:600;font-size:.95rem;transition:transform .2s,box-shadow .2s;cursor:pointer}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(120deg,var(--accent),var(--accent-2));color:#fff;box-shadow:0 10px 30px #0096ff59}.btn-ghost{border:1px solid var(--border);color:var(--text);background:transparent}.btn-ghost:hover{border-color:var(--accent);box-shadow:0 10px 30px #0096ff26}.avatar-wrap{position:relative;display:flex;justify-content:center}.avatar-ring{position:relative;width:300px;height:300px}.avatar-ring:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;background:conic-gradient(from 0deg,var(--accent),var(--accent-2),var(--accent-3),var(--accent));animation:spin 8s linear infinite;filter:blur(2px)}.avatar-ring:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:var(--bg)}.avatar-img{position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:50%;overflow:hidden;z-index:2;background:linear-gradient(160deg,#16203d,#0d1428);display:flex;align-items:center;justify-content:center;border:2px solid rgba(0,212,255,.25)}.avatar-img svg{width:60%;height:60%}.avatar-orbit{position:absolute;top:-30px;right:-30px;bottom:-30px;left:-30px;border:1px dashed rgba(124,77,255,.4);border-radius:50%;animation:spin 20s linear infinite reverse}.avatar-orbit:before{content:"";position:absolute;top:8%;left:50%;width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}@keyframes spin{to{transform:rotate(360deg)}}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px}.skill-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .25s,border-color .25s,box-shadow .25s}.skill-card:hover{transform:translateY(-6px);border-color:#00d4ff80;box-shadow:0 16px 40px #0096ff1f}.skill-icon{font-size:1.9rem;margin-bottom:14px;display:inline-block}.skill-card h3{font-size:1.1rem;margin-bottom:8px}.skill-card p{color:var(--text-dim);font-size:.9rem}.skill-bar{margin-top:16px;height:6px;border-radius:3px;background:#ffffff14;overflow:hidden}.skill-bar i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,var(--accent),var(--accent-2));box-shadow:0 0 10px #00d4ff80;animation:fill 1.2s ease forwards;transform-origin:left}@keyframes fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.project-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .25s,border-color .25s,box-shadow .25s}.project-card:hover{transform:translateY(-6px);border-color:#7c4dff80;box-shadow:0 16px 44px #7c4dff26}.project-banner{height:150px;display:flex;align-items:center;justify-content:center;font-size:3rem;background:linear-gradient(135deg,#00d4ff29,#7c4dff29);border-bottom:1px solid var(--border)}.project-body{padding:22px}.project-body h3{font-size:1.15rem;margin-bottom:10px}.project-body p{color:var(--text-dim);font-size:.92rem;margin-bottom:16px}.tags{display:flex;flex-wrap:wrap;gap:8px}.tag{padding:3px 12px;border-radius:999px;font-size:.78rem;background:#00d4ff1a;border:1px solid rgba(0,212,255,.25);color:var(--accent)}.contact-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}.contact-card{display:flex;align-items:center;gap:16px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px 24px;transition:transform .2s,border-color .2s}.contact-card:hover{transform:translateY(-4px);border-color:#00d4ff80}.contact-icon{font-size:1.6rem}.contact-card .label{font-size:.8rem;color:var(--text-dim)}.contact-card .value{font-weight:600;word-break:break-all}footer{border-top:1px solid var(--border);padding:30px 0;text-align:center;color:var(--text-dim);font-size:.9rem}.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}@media(max-width:900px){.hero-inner{grid-template-columns:1fr;text-align:center}.hero-desc{margin:0 auto 34px}.hero-actions{justify-content:center}.hero h1{font-size:2.4rem}.nav-links{display:none}}.cursor{color:var(--accent);animation:blink .9s step-end infinite}@keyframes blink{50%{opacity:0}}