:root{--bg: #0b0d14;--bg-soft: #12151f;--card: #161a26;--border: rgba(124, 92, 255, .18);--text: #e6e9f2;--muted: #9aa3b8;--accent: #7c5cff;--accent-2: #22d3ee;--radius: 14px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}.container{width:min(1100px,92%);margin-inline:auto}::selection{background:var(--accent);color:#fff}.navbar{position:fixed;inset:0 0 auto 0;z-index:100;transition:background .3s,backdrop-filter .3s,border-color .3s;border-bottom:1px solid transparent}.navbar--scrolled{background:#0b0d14bf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom-color:#ffffff0f}.navbar__inner{display:flex;align-items:center;justify-content:space-between;height:68px}.navbar__logo{font-size:1.35rem;font-weight:800;color:var(--text);text-decoration:none;letter-spacing:.04em}.navbar__logo span{color:var(--accent)}.navbar__links{display:flex;gap:1.8rem;list-style:none}.navbar__links a{color:var(--muted);text-decoration:none;font-size:.95rem;transition:color .2s}.navbar__links a:hover{color:var(--accent-2)}.navbar__toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px}.navbar__toggle span{width:24px;height:2px;background:var(--text);border-radius:2px}.hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden}.hero__canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:.9}.hero__content{position:relative;z-index:1;padding-block:120px 80px;pointer-events:none}.hero__content a{pointer-events:auto}.hero__eyebrow{color:var(--accent-2);font-size:1rem;letter-spacing:.08em;margin-bottom:.6rem}.hero__name{font-size:clamp(2.6rem,7vw,4.5rem);font-weight:800;line-height:1.1;background:linear-gradient(120deg,#fff 30%,var(--accent) 75%,var(--accent-2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero__title{font-size:clamp(1.2rem,3vw,1.8rem);color:var(--text);font-weight:600;margin-top:.4rem}.hero__sep{color:var(--accent);margin-inline:.3rem}.hero__desc{max-width:560px;color:var(--muted);margin-top:1.2rem;font-size:1.05rem}.hero__cta{display:flex;gap:1rem;margin-top:2rem;flex-wrap:wrap}.btn{display:inline-block;padding:.75rem 1.6rem;border-radius:10px;font-size:.98rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s}.btn--primary{background:linear-gradient(120deg,var(--accent),#5b3df0);color:#fff;box-shadow:0 8px 24px #7c5cff59}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px #7c5cff73}.btn--ghost{border:1px solid var(--accent-2);color:var(--accent-2)}.btn--ghost:hover{background:#22d3ee14;transform:translateY(-2px)}.hero__scroll{position:absolute;left:50%;bottom:28px;transform:translate(-50%);z-index:1;width:26px;height:42px;border:2px solid var(--muted);border-radius:14px;display:flex;justify-content:center}.hero__scroll span{width:4px;height:8px;border-radius:4px;background:var(--accent-2);margin-top:7px;animation:scroll-hint 1.6s ease-in-out infinite}@keyframes scroll-hint{0%,to{transform:translateY(0);opacity:1}50%{transform:translateY(10px);opacity:.3}}.section{padding-block:96px}.section__title{font-size:clamp(1.6rem,4vw,2.1rem);font-weight:700;margin-bottom:2.5rem;display:flex;align-items:baseline;gap:.7rem}.section__title:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--border),transparent)}.section__num{color:var(--accent);font-size:1.1rem;font-family:Consolas,monospace}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;transition:transform .25s,border-color .25s,box-shadow .25s}.card:hover{transform:translateY(-4px);border-color:#7c5cff73;box-shadow:0 14px 36px #00000059}.tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.tag{font-size:.78rem;padding:.25rem .7rem;border-radius:999px;background:#7c5cff1f;color:var(--accent-2);border:1px solid rgba(34,211,238,.18)}.about{max-width:780px;display:grid;gap:1.2rem;color:var(--muted);font-size:1.03rem}.skills__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.2rem}.skill__title{font-size:1.05rem;font-weight:700;color:var(--accent-2);margin-bottom:.5rem}.skill__desc{color:var(--muted);font-size:.92rem}.projects__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.4rem}.project__icon{font-size:1.4rem;color:var(--accent);margin-bottom:.8rem}.project__title{font-size:1.15rem;font-weight:700;margin-bottom:.6rem}.project__desc{color:var(--muted);font-size:.94rem}.contact__lead{max-width:620px;color:var(--muted);margin-bottom:2.2rem;font-size:1.02rem}.contact__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.2rem}.contact{display:flex;flex-direction:column;gap:.3rem;text-decoration:none;color:var(--text)}.contact__icon{font-size:1.5rem;color:var(--accent-2);margin-bottom:.4rem}.contact__title{font-weight:700;font-size:1.02rem}.contact__value{color:var(--muted);font-size:.92rem;word-break:break-all}.footer{border-top:1px solid rgba(255,255,255,.06);padding-block:2rem;background:var(--bg-soft)}.footer__inner{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;color:var(--muted);font-size:.9rem}.footer__top{color:var(--accent-2);text-decoration:none;font-size:.9rem}@media (max-width: 720px){.navbar__toggle{display:flex}.navbar__links{position:absolute;top:68px;right:0;left:0;flex-direction:column;gap:0;background:#0b0d14f7;border-bottom:1px solid rgba(255,255,255,.06);max-height:0;overflow:hidden;transition:max-height .3s ease}.navbar__links--open{max-height:320px}.navbar__links li{padding:.9rem 5%;border-top:1px solid rgba(255,255,255,.04)}.section{padding-block:72px}.hero__canvas{opacity:.55}}