*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#050918;color:#f5f6ff;font:14px Inter,Arial,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}header,main section,footer{width:min(1160px,calc(100% - 64px));margin:auto}header{height:80px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff13;position:relative;z-index:5}.brand{font-weight:800;font-size:18px}.brand b{font:600 23px monospace;color:#9c86ff}.brand span{font-weight:400;color:#aab2d0}nav{display:flex;gap:30px}nav a{font-size:12px;color:#c7cde0}nav a:hover{color:#a998ff}.hire,.btn{display:inline-flex;padding:10px 17px;border-radius:6px;background:linear-gradient(110deg,#655bff,#9a5be9);font-size:12px;font-weight:600}.menu{display:none}.hero{min-height:490px;display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center;padding-top:42px;padding-bottom:40px}.intro label,label{font-size:10px;font-weight:700;letter-spacing:1.1px;color:#a998ff}.intro>label{display:inline-block;background:#17142f;border:1px solid #29234b;padding:5px 8px;border-radius:4px}.hero h1{font-size:clamp(42px,5vw,60px);line-height:1.1;letter-spacing:-2.5px;margin:18px 0 8px}.hero h1 em,.about em,.contact em{font-style:normal;color:#9b83ff}.hero h2{font-size:30px;line-height:1.3;letter-spacing:-1px;margin:0 0 14px}.intro p,.about p,.contact p{color:#aab3cc;font-size:12px;line-height:1.9;max-width:470px}.actions{display:flex;gap:12px;margin:23px 0 28px}.outline{background:transparent;border:1px solid #69728c}.intro>small{font-size:9px;letter-spacing:1px}.tech{display:flex;gap:19px;margin-top:10px;align-items:center}.tech b{font-size:13px;background:#ef633b;padding:1px 4px}.tech b:nth-child(2){background:#2588e8}.tech b:nth-child(3){background:#f4d84a;color:#111}.tech b:nth-child(4){background:#2d8bdc}.tech b:nth-child(5){font-size:23px;color:#5fe1ef;background:none}.tech b:nth-child(6){font-size:23px;color:#a4d75d;background:none}.tech b:nth-child(7){font-size:23px;color:#f16b4b;background:none}.visual{height:420px;position:relative;display:flex;align-items:flex-end;justify-content:center}.orb{position:absolute;top:35px;left:50%;transform:translateX(-50%);width:310px;aspect-ratio:1;border-radius:50%;background:linear-gradient(140deg,#8d68ff,#3b20bd 70%,#141b54);z-index:-1;box-shadow:0 0 90px #6545ff28}.profile{height:355px;width:82%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 12px 30px #0008)}.code{position:absolute;right:-5px;top:132px;width:210px;background:#080d1d;border:1px solid #39405d;border-radius:8px;box-shadow:0 18px 50px #0005;font:9px/1.9 'JetBrains Mono',monospace;overflow:hidden}.codehead{padding:7px 12px;border-bottom:1px solid #242b45;color:#c6cbe0}.codehead i{float:right;color:#55e69a}.code pre{padding:7px 12px;margin:0;color:#cbd1e8;white-space:pre-wrap}.code span{color:#c19cff}.code strong{color:#8de6b7}.code b{color:#f9b17a}.lanyard-card{position:absolute;right:12px;top:-18px;display:flex;flex-direction:column;align-items:center;width:124px;height:170px;padding:30px 8px 9px;background:linear-gradient(145deg,#f9f7ff,#d9d5ff);color:#17152c;border:1px solid #b9adff;border-radius:9px;box-shadow:0 10px 30px #0006;transform:rotate(7deg);transform-origin:top center;animation:swing 4.5s ease-in-out infinite}.lanyard-card:hover{animation-play-state:paused;transform:rotate(0) scale(1.04)}.string{position:absolute;top:-45px;height:45px;width:2px;background:#8b7ce3}.hole{position:absolute;top:8px;width:11px;height:11px;border:2px solid #8577df;border-radius:50%}.lanyard-card small{font-size:6px;letter-spacing:1px;color:#6557ad}.lanyard-card>b{font-size:17px;line-height:1.08;text-align:center;margin:10px 0}.lanyard-card>span{font-size:7px;font-weight:bold;letter-spacing:1px;color:#6c5ac9}.lanyard-card>a{margin-top:auto;border-top:1px solid #c7c0f0;padding-top:7px;font-size:5px;color:#6557ad}.chip{position:absolute;bottom:18px;left:0;background:#0c152a;border:1px solid #303958;padding:8px 12px;border-radius:30px;color:#d5d9f0;font-size:10px}@keyframes swing{0%,100%{transform:rotate(7deg)}50%{transform:rotate(-5deg)}}.about{border-top:1px solid #ffffff18;border-bottom:1px solid #ffffff18;padding:45px 0;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.about h2,.contact h2{font-size:27px;line-height:1.35;margin:9px 0}.about .btn{margin-top:10px}.stats{display:grid;grid-template-columns:1fr 1fr}.stats article{display:flex;gap:13px;align-items:center;padding:17px 12px;border-bottom:1px solid #ffffff18}.stats article:nth-child(odd){border-right:1px solid #ffffff18}.stats article:nth-last-child(-n+2){border-bottom:0}.stats article>b{width:38px;height:38px;flex-shrink:0;display:grid;place-items:center;background:linear-gradient(135deg,#6555ff,#29265f);border:1px solid #7366ef;border-radius:9px}.stats strong,.stats small{display:block}.stats strong{font-size:13px}.stats small{font-size:10px;color:#9da6bf}section#skills,section.projects{padding:48px 0}.heading{text-align:center;margin-bottom:28px}.heading h2{margin:2px 0;font-size:24px}.heading p{font-size:11px;color:#9da7c2;margin:4px}.skills{display:grid;grid-template-columns:repeat(3,1fr);gap:24px 35px}.skills span{display:block;font-size:10px;color:#d6d9e9}.skills small{float:right;color:#b6bfd5}.skills i{display:block;margin-top:8px;height:4px;border-radius:8px;background:#202743;overflow:hidden}.skills i b{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,#695cff,#a18aff)}.projects{border-top:1px solid #ffffff18}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.cards article{border:1px solid #303750;border-radius:9px;overflow:hidden;background:linear-gradient(145deg,#0d1428,#080e1c);padding-bottom:16px;transition:.25s}.cards article:hover{transform:translateY(-5px);border-color:#7668d7}.preview{height:190px;position:relative;overflow:hidden;padding:13px}.store{background:radial-gradient(ellipse at 80% 30%,#6844b5,#241944 65%,#11152c)}.booking{background:linear-gradient(135deg,#e9efff,#b7c6f7);color:#1a2442}.terminal{background:radial-gradient(ellipse at 80% 100%,#113c45,#091a2a 70%);font:9px 'JetBrains Mono',monospace}.browser{height:19px;border-bottom:1px solid #ffffff25;font-size:8px;letter-spacing:3px;color:#a6b1ce}.mock{margin:19px 10px;padding:15px;background:#11132a;height:160px}.mock small{color:#c5a5ff;font-size:7px}.mock h3{font-size:20px;line-height:1.1;margin:8px 0}.mock button{background:#a36ef0;border:0;color:white;border-radius:4px;font-size:7px;padding:5px}.blocks{display:flex;gap:7px;margin-top:12px}.blocks i{display:block;height:29px;flex:1;border-radius:4px;background:linear-gradient(140deg,#28264c,#6945a1)}.dashboard{display:flex;background:white;margin:13px 5px;height:150px;box-shadow:0 7px 20px #18224c25;font-size:8px}.dashboard aside{width:27%;background:#222c51;color:white;padding:12px 6px}.dashboard aside hr{border:0;background:#59658d;height:4px;margin:12px 0}.dashboard>div{padding:12px;flex:1}.dashboard h3{font-size:11px;margin:5px 0}.dashboard .blocks i{background:#e8edff;border:1px solid #e3e8f4;height:28px}.dashboard>div>hr{border:0;height:5px;background:#e8edf7;margin:7px 0}.terminal pre{font-size:9px;line-height:1.9;color:#c7d7e3}.terminal pre span{color:#b99bff}.terminal pre b{color:#9ee5bc;font-weight:400}.terminal pre strong{color:#f3bd86}.bars{font-size:25px;letter-spacing:5px;color:#3ed1ba}.cards article>h3,.cards article>p,.cards article>a{margin-left:16px;margin-right:16px}.cards article>h3{font-size:13px;margin-top:14px;margin-bottom:5px}.cards article>p{font-size:10px;color:#9da7c2;line-height:1.7;min-height:48px}.cards article>a{font-size:9px;color:#a99aff}.contact{border-top:1px solid #ffffff18;padding:45px 0;display:grid;grid-template-columns:1fr 1fr .9fr;gap:28px;align-items:center}.contact h2{font-size:25px}.contact .btn{margin-top:8px}.quote{border:1px solid #2b3451;background:linear-gradient(145deg,#0d1429,#090f20);padding:22px;border-radius:9px}.quote>b{font:48px Georgia;color:#8b78ff;line-height:.8}.quote p{color:#c0c8dc;font-size:11px}.quote strong,.quote small{display:block;font-size:10px}.quote small{color:#929db9}.social>a{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #ffffff18;color:#a998ff}.social>a span{flex:1}.social>a b,.social>a small{display:block}.social>a b{font-size:10px;color:#f5f6ff}.social>a small{font-size:9px;color:#98a2bd}.social>a:last-child{border:0}footer{min-height:65px;border-top:1px solid #ffffff18;display:flex;align-items:center;justify-content:space-between;color:#8993ad;font-size:9px}footer .brand{font-size:14px}footer .brand b{font-size:18px}footer>a:last-child{color:#b7aaff}@media(max-width:850px){.hero h1{font-size:45px}.code{width:175px}.contact{grid-template-columns:1fr 1fr}.social{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.social label{grid-column:1/-1}.social>a{border:1px solid #ffffff18;padding:10px;border-radius:7px}.about{gap:25px}}@media(max-width:620px){header,main section,footer{width:calc(100% - 34px)}header{height:68px}.hire{margin-left:auto;margin-right:10px;padding:9px 12px}nav{display:none;position:absolute;top:61px;left:0;right:0;padding:10px;background:#0a1022;border:1px solid #ffffff20;border-radius:8px;flex-direction:column;gap:0}nav.open{display:flex}nav a{padding:10px}.menu{display:block;background:none;color:white;border:1px solid #ffffff25;border-radius:6px;padding:6px 9px}.hero{grid-template-columns:1fr;padding-top:32px;gap:0}.hero h1{font-size:44px}.hero h2{font-size:25px}.intro p{font-size:12px}.visual{height:350px;margin-top:18px}.orb{width:260px;top:20px}.profile{height:305px;width:78%}.code{width:153px;top:94px;font-size:7px}.code pre{font-size:7px}.lanyard-card{top:-3px;right:7px;transform:scale(.82) rotate(7deg);transform-origin:top right}.chip{font-size:9px;bottom:12px}.about{grid-template-columns:1fr;gap:25px;padding:34px 0}.about h2,.contact h2{font-size:24px}.stats article{padding:13px 7px;gap:9px}.stats article>b{width:32px;height:32px}.skills{grid-template-columns:1fr 1fr;gap:20px 15px}section#skills,section.projects{padding:35px 0}.heading h2{font-size:22px}.cards{grid-template-columns:1fr;gap:15px}.preview{height:205px}.cards article>p{min-height:0}.contact{grid-template-columns:1fr;padding:35px 0;gap:22px}.social{display:block;grid-column:auto}.social label{display:block}.social>a{border:0;border-bottom:1px solid #ffffff18;border-radius:0;padding:11px 0}footer{flex-wrap:wrap;padding:15px 0;gap:10px}footer small{order:3;width:100%}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}
/* Interactive hanging ID badge */
.badge-hanger{position:absolute;z-index:3;top:-60px;right:7px;width:clamp(180px,22vw,250px);display:block;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none;transform:translate3d(0,var(--badge-y,0px),0) rotate(var(--badge-tilt,2deg));transform-origin:50% 0;transition:transform .38s cubic-bezier(.2,.8,.2,1);filter:drop-shadow(0 12px 18px #0005);animation:badgeSwing 4.6s ease-in-out infinite}
.badge-hanger img{display:block;width:100%;height:auto;pointer-events:none;-webkit-user-drag:none}
.badge-hanger:active{cursor:grabbing}
.badge-hanger.dragging{animation:none;transition:none;cursor:grabbing}
.badge-hanger.is-hidden{--badge-y:-300px!important;--badge-tilt:0deg!important;opacity:.88}
.badge-hint{position:absolute;bottom:13%;left:50%;transform:translateX(-50%);padding:4px 7px;border-radius:20px;background:#080d1de8;border:1px solid #9c83ff;color:#e6ddff;font-size:7px;font-weight:700;letter-spacing:.7px;white-space:nowrap;opacity:0;transition:opacity .2s}
.badge-hanger:hover .badge-hint,.badge-hanger:focus-visible .badge-hint{opacity:1}
@keyframes badgeSwing{0%,100%{transform:translate3d(0,var(--badge-y,0px),0) rotate(2deg)}50%{transform:translate3d(0,var(--badge-y,0px),0) rotate(-2deg)}}
@media(max-width:620px){.badge-hanger{width:185px;top:-48px;right:0}.badge-hanger.is-hidden{--badge-y:-245px!important}}
@media(prefers-reduced-motion:reduce){.badge-hanger{animation:none}}