:root{--bg:#030609;--card:#07141f;--line:#20475b;--text:#e9f4f8;--muted:#83a0ad;--cyan:#61d2ff;--pink:#ed2f73}
*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:var(--bg);color:var(--text);font-family:"Space Mono",monospace;overflow:hidden}body:before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 70% 45%,#063b5a88,transparent 38%),radial-gradient(circle at 10% 90%,#34105a55,transparent 35%),#030609}a{color:inherit;text-decoration:none}.top{position:fixed;z-index:10;top:0;left:0;right:0;height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1180px)/2));background:#030609d9;border-bottom:1px solid #1c3c4d;backdrop-filter:blur(14px)}.logo{font:800 26px "Barlow Condensed"}.logo span,em{color:var(--cyan);font-style:normal}.nav{display:flex;gap:28px;font-size:10px;color:var(--muted)}.nav a:hover,.nav a.active{color:var(--cyan)}.id{font-size:9px;color:#5c7a88}.horizontal-site{display:flex;width:400vw;transition:transform .85s cubic-bezier(.2,.8,.2,1)}.panel{flex:0 0 100vw;width:100vw;height:100vh;min-height:100vh;padding:72px 6vw 45px;display:flex;align-items:center;justify-content:center;border-right:1px solid #15394b;position:relative;overflow:hidden}.hero-panel{isolation:isolate}.hero-glow{position:absolute;width:40vw;height:40vw;border-radius:50%;background:#008cff22;filter:blur(50px);right:6vw;animation:float 8s ease-in-out infinite}.hero-card{width:min(1100px,100%);min-height:570px;display:grid;grid-template-columns:45% 55%;border:1px solid #55caff55;border-radius:26px;background:linear-gradient(120deg,#0a1b2bdd,#06121dcc 54%,#073a5dcc);box-shadow:0 25px 90px #000,0 0 70px #009eff22;overflow:hidden}.hero-photo{margin:20px;border-radius:20px;background:linear-gradient(140deg,var(--pink),#291849 55%,#061a2a);border:1px solid #ffffff20}.image-slot{display:grid;place-items:center;overflow:hidden;text-align:center;color:#7596a5;font-size:11px;line-height:1.6}.image-slot img{width:100%;height:100%;object-fit:cover}.image-slot span{padding:15px}.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:55px}.hero-copy small,.label{font-size:10px;letter-spacing:.14em;color:#8fcce0}.hero-copy h1,.panel h2{font:900 clamp(72px,11vw,145px)/.72 "Barlow Condensed";letter-spacing:-.04em;margin:30px 0;text-transform:uppercase}.hero-copy h1 span{color:#fff}.hero-copy h1 b{font-size:30px;color:var(--cyan);vertical-align:top;margin-left:10px}.hero-copy p,.bio{font-size:11px;line-height:1.8;color:var(--muted)}.primary{width:max-content;margin-top:30px;padding:13px 18px;border-radius:50px;background:#eaf9ff;color:#06131a;font-size:10px;font-weight:bold}.primary i{margin-left:9px}.panel-hint{position:absolute;bottom:22px;color:#6f8d9b;font-size:9px}.panel-hint i{color:var(--cyan);margin-right:8px}.panel-inner{width:min(1100px,100%)}.panel h2{margin:22px 0 45px}.about-grid{display:grid;grid-template-columns:35% 1fr;gap:60px;align-items:center}.profile{height:370px;border:1px solid var(--line);background:#0b2231}.about-grid h3{font:700 38px "Barlow Condensed";margin:0 0 15px}.skills{display:grid;gap:15px;margin-top:25px}.skills span{display:flex;justify-content:space-between;font-size:10px}.skills span b{color:var(--cyan);font-weight:normal}.skills i{display:block;height:5px;background:#183546;border-radius:9px;margin-top:8px;overflow:hidden}.skills i b{display:block;height:100%;background:linear-gradient(90deg,#218ac1,var(--cyan));border-radius:inherit;animation:grow 1.4s ease both}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.project{height:280px;border:1px solid var(--line);background:#091b29;transition:.3s}.project:hover{border-color:var(--cyan);transform:translateY(-8px);box-shadow:0 15px 40px #00aaff25}.project img{transition:.4s}.project:hover img{transform:scale(1.08)}.contact-panel{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.contact-links{border-left:1px solid var(--line);padding-left:35px}.contact-links a{display:flex;align-items:center;gap:16px;margin:20px 0;font-size:11px;color:#bfe9f8}.contact-links a i{width:34px;height:34px;display:grid;place-items:center;border:1px solid #4f90ab;border-radius:50%;color:var(--cyan);font-size:16px;transition:.25s}.contact-links a:hover i{background:var(--cyan);color:#03101a;box-shadow:0 0 20px #61d2ff88}.reveal{opacity:0;transform:translateY(35px);transition:.8s}.reveal.show{opacity:1;transform:none}@keyframes float{50%{transform:translate(-35px,25px) scale(1.12)}}@keyframes grow{from{transform:scaleX(0);transform-origin:left}}@media(max-width:700px){.top{padding:0 16px}.nav{gap:9px;font-size:8px}.id{display:none}.panel{padding:95px 17px 55px;min-height:100vh}.hero-card{grid-template-columns:1fr;min-height:650px}.hero-photo{height:245px;margin:13px}.hero-copy{padding:30px 25px}.hero-copy h1{font-size:83px}.about-grid,.contact-panel{grid-template-columns:1fr;gap:30px}.profile{height:250px}.project-grid{grid-template-columns:1fr}.project{height:220px}.contact-links{border-left:0;border-top:1px solid var(--line);padding:25px 0}.panel h2{font-size:75px}}