:root{--bg:#020913;--panel:rgba(8,21,35,.76);--line:rgba(126,194,255,.18);--text:#f4f8ff;--muted:#9eb0c3;--blue:#37a8ff;--blue2:#7ad7ff;--violet:#7657ff;--shadow:0 24px 80px rgba(0,0,0,.45)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:radial-gradient(circle at 15% 10%,rgba(31,126,211,.20),transparent 34%),radial-gradient(circle at 83% 25%,rgba(97,63,202,.17),transparent 32%),linear-gradient(145deg,#020812,#050b13 56%,#02070c);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}.ambient{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:-1}.ambient:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(91,162,220,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(91,162,220,.045) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent 82%)}.wrap{width:min(1160px,calc(100% - 36px));margin:auto}.topbar{position:sticky;top:0;z-index:20;background:rgba(2,8,17,.72);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.topbar__in{height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text);font-weight:900}.logo img{width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 0 16px rgba(56,165,255,.28))}.logo span small{display:block;color:var(--muted);font-size:12px;font-weight:600;margin-top:2px}.back{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:11px 16px;color:var(--text);text-decoration:none;background:rgba(255,255,255,.035);font-weight:750;transition:.2s}.back:hover{transform:translateY(-2px);border-color:rgba(77,181,255,.45);box-shadow:0 0 24px rgba(37,153,255,.15)}.hero{padding:72px 0 44px}.hero__grid{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:stretch}.glass{background:linear-gradient(145deg,rgba(14,31,49,.84),rgba(7,15,27,.77));border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(18px);border-radius:28px}.intro{padding:46px;position:relative;overflow:hidden}.intro:after{content:"";position:absolute;width:420px;height:420px;right:-190px;top:-210px;border-radius:50%;background:radial-gradient(circle,rgba(50,173,255,.22),transparent 68%)}.eyebrow{display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(77,181,255,.28);border-radius:999px;background:rgba(38,157,255,.08);color:#bce9ff;padding:8px 13px;font-size:12px;text-transform:uppercase;letter-spacing:.13em;font-weight:850}.eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--blue2);box-shadow:0 0 14px var(--blue)}h1{font-size:clamp(48px,7vw,88px);line-height:.96;margin:26px 0 18px;letter-spacing:-.055em}.gradient{background:linear-gradient(100deg,#fff 5%,#aee5ff 47%,#4eafff 73%,#a884ff);-webkit-background-clip:text;color:transparent}.lead{font-size:clamp(18px,2vw,23px);line-height:1.55;color:#c5d2df;max-width:680px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:14px 19px;border-radius:999px;text-decoration:none;font-weight:850;color:#fff;border:1px solid var(--line);background:rgba(255,255,255,.05);transition:.2s}.btn--primary{background:linear-gradient(135deg,#168ff0,#674cff);border-color:transparent;box-shadow:0 12px 32px rgba(38,132,255,.25)}.btn:hover{transform:translateY(-2px);filter:brightness(1.08)}.profile{padding:26px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;overflow:hidden;position:relative}.profile:before{content:"";position:absolute;inset:auto 10% -45% 10%;height:65%;background:radial-gradient(circle,rgba(60,177,255,.32),transparent 68%)}.portrait{width:min(285px,78%);aspect-ratio:1;border-radius:32px;object-fit:cover;border:1px solid rgba(154,216,255,.3);box-shadow:0 0 0 8px rgba(74,171,255,.045),0 24px 70px rgba(0,0,0,.52),0 0 54px rgba(44,166,255,.16);position:relative;z-index:1}.profile h2{margin:24px 0 5px;font-size:28px;position:relative}.profile p{margin:0;color:#a9c8df;position:relative}.section{padding:34px 0}.section-title{display:flex;justify-content:space-between;gap:22px;align-items:end;margin-bottom:20px}.section-title h2{font-size:clamp(30px,4vw,46px);margin:0;letter-spacing:-.035em}.section-title p{margin:0;color:var(--muted);max-width:540px;line-height:1.6}.about{padding:34px;display:grid;grid-template-columns:1fr 1fr;gap:32px}.about p{color:#bdcad7;line-height:1.8;margin:0}.facts{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.fact{border:1px solid var(--line);border-radius:18px;padding:17px;background:rgba(255,255,255,.025)}.fact small{display:block;color:var(--muted);margin-bottom:6px}.fact strong{font-size:16px}.skills{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.skill{padding:24px;min-height:164px;transition:.22s;position:relative;overflow:hidden}.skill:hover{transform:translateY(-5px);border-color:rgba(78,182,255,.4)}.skill__icon{font-size:27px;margin-bottom:22px}.skill h3{margin:0 0 8px}.skill p{margin:0;color:var(--muted);line-height:1.55}.projects{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.project{padding:29px}.project__tag{font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:#79cfff;font-weight:900}.project h3{font-size:25px;margin:12px 0 8px}.project p{color:var(--muted);line-height:1.6}.tech{display:flex;flex-wrap:wrap;gap:10px}.tech span{padding:11px 15px;border-radius:999px;background:rgba(39,153,255,.075);border:1px solid rgba(76,176,255,.2);font-weight:750;color:#c9ebff}.cta{padding:38px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:70px}.cta h2{margin:0 0 9px;font-size:32px}.cta p{margin:0;color:var(--muted)}footer{border-top:1px solid var(--line);padding:28px 0;color:var(--muted);font-size:14px}.footer-in{display:flex;justify-content:space-between;gap:20px}.reveal{opacity:0;transform:translateY(18px);transition:.7s}.reveal.is-visible{opacity:1;transform:none}@media(max-width:850px){.hero__grid,.about{grid-template-columns:1fr}.hero{padding-top:38px}.intro{padding:30px}.profile{min-height:430px}.skills{grid-template-columns:1fr}.projects{grid-template-columns:1fr}.section-title,.cta{align-items:flex-start;flex-direction:column}.topbar__in{height:70px}.logo img{width:48px;height:48px}}@media(max-width:520px){.wrap{width:min(100% - 22px,1160px)}.intro,.about,.cta{padding:23px}.facts{grid-template-columns:1fr}.back span{display:none}.portrait{width:80%}h1{font-size:47px}}