*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#e5e5e5;background:radial-gradient(circle at 0 0,#60a5fa1f,#0000 30%),radial-gradient(circle at 100% 100%,#60a5fa14,#0000 32%),linear-gradient(135deg,#0b0d12 0%,#111827 48%,#151827 100%);margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:relative}body:before{content:"";z-index:-2;pointer-events:none;background:radial-gradient(520px circle at var(--glow-x,50%) var(--glow-y,50%), #60a5fa24, #60a5fa0e 32%, transparent 68%);position:fixed;inset:0}body:after{content:"";z-index:-3;pointer-events:none;background:radial-gradient(circle,#0000 0%,#00000061 100%);position:fixed;inset:0}a{color:inherit;text-decoration:none}.page{width:min(1150px,92%);margin:0 auto;padding:40px 0}.hero-grid{grid-template-columns:1.25fr .75fr;align-items:stretch;gap:24px;display:grid}.terminal,.preview-card,.section{background:#12161feb;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 30px 90px #0000008c,inset 0 1px #ffffff0a}.terminal{position:relative;overflow:hidden}.terminal-header{background:#0c1018f5;border-bottom:1px solid #ffffff14;align-items:center;gap:16px;padding:14px 18px;display:flex}.terminal-header p{color:#a3a3a3;margin:0;font-size:.9rem}.buttons{gap:8px;display:flex}.buttons span{border-radius:50%;width:12px;height:12px}.buttons span:first-child{background:#ff5f57}.buttons span:nth-child(2){background:#ffbd2e}.buttons span:nth-child(3){background:#28c840}.terminal-body,.preview-card,.section{padding:34px}.prompt{color:#60a5fa}.command{color:#d4d4d4;margin-top:0}.terminal-header,.command,.prompt,.score-board,.game-message{font-family:Courier New,monospace}h1{color:#fff;letter-spacing:-.045em;margin:18px 0 8px;font-size:clamp(3rem,8vw,6rem);line-height:.95}h2{color:#d4d4d4;margin:0 0 24px;font-weight:500}.text,.preview-card p,.card p,.skills p{color:#c7c7c7;line-height:1.7}.actions{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.actions a{color:#f5f5f5;background:#ffffff0b;border:1px solid #ffffff24;border-radius:10px;padding:11px 14px;transition:all .2s}.actions a:hover{background:#60a5fa14;border-color:#60a5faa6;transform:translateY(-2px);box-shadow:0 12px 30px #60a5fa1a}.resume-btn{box-shadow:0 12px 30px #60a5fa1a;color:#f5f5f5!important;background:#60a5fa14!important;border-color:#60a5faa6!important}.resume-btn:hover{transform:translateY(-3px);box-shadow:0 16px 38px #60a5fa38;color:#fff!important;background:#60a5fa2e!important;border-color:#60a5fae6!important}.preview-card{flex-direction:column;justify-content:center;display:flex;position:relative;overflow:hidden}.preview-card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff0e,#0000 36%),radial-gradient(circle at 100% 100%,#60a5fa13,#0000 42%);position:absolute;inset:0}.preview-card>*{z-index:1;position:relative}.label{color:#60a5fa;margin:0 0 12px}.tech-list{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.tech-list span{color:#e5e5e5;background:#ffffff0e;border:1px solid #ffffff24;border-radius:999px;padding:7px 10px;font-size:.85rem;transition:all .2s}.tech-list span:hover{background:#60a5fa13;border-color:#60a5fa8c}.section{margin-top:28px}.actions.small{margin-top:18px}.actions.small a{padding:8px 10px;font-size:.85rem}.tech-list.small{margin-top:14px}.tech-list.small span{padding:6px 8px;font-size:.78rem}.cards{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.card{background:#12161fb8;border:1px solid #ffffff17;border-radius:14px;padding:22px;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s;position:relative;overflow:hidden}.card:before{content:"";pointer-events:none;opacity:0;background:radial-gradient(circle at 0 0,#60a5fa17,#0000 40%);transition:opacity .2s;position:absolute;inset:0}.card:hover{background:#141414e6;border-color:#60a5fa73;transform:translateY(-5px);box-shadow:0 22px 55px #00000061,0 0 34px #60a5fa17}.card:hover:before{opacity:1}.card>*{z-index:1;position:relative}.card h3{color:#fff;margin-top:0}.skills{gap:12px;display:grid}.skills p{border-left:2px solid #60a5fa73;margin:0;padding-left:14px}@media (width<=850px){.hero-grid,.cards{grid-template-columns:1fr}.page{padding:36px 0}.terminal-body,.preview-card,.section{padding:26px}}.dino-section{overflow:hidden}.dino-game{--runner-bg:#101010;--runner-fg:#d4d4d4;--runner-muted:#737373;--runner-accent:#60a5fa;--runner-border:#60a5fa52;background:var(--runner-bg);border:1px solid var(--runner-border);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;overflow:hidden;box-shadow:inset 0 1px #ffffff0b,0 20px 55px #00000047}.dino-game.ended{border-color:#ef44448c}.game-screen{background:radial-gradient(circle at top left, #ffffff09, transparent 26%), radial-gradient(circle at bottom right, #60a5fa0e, transparent 34%), var(--runner-bg);height:220px;position:relative;overflow:hidden}.score-board{z-index:20;color:var(--runner-accent);letter-spacing:3px;gap:18px;font-family:Courier New,monospace;font-size:18px;font-weight:700;display:flex;position:absolute;top:18px;right:24px}.game-message{z-index:20;width:max-content;max-width:90%;color:var(--runner-fg);letter-spacing:5px;text-align:center;font-family:Courier New,monospace;font-size:18px;font-weight:700;position:absolute;top:64px;left:50%;transform:translate(-50%)}.ground{background:var(--runner-muted);height:2px;position:absolute;bottom:46px;left:0;right:0}.ground-dots{background-image:repeating-linear-gradient(90deg, transparent 0 24px, var(--runner-muted) 24px 32px, transparent 32px 72px, var(--runner-muted) 72px 76px, transparent 76px 132px), repeating-linear-gradient(90deg, transparent 0 38px, var(--runner-muted) 38px 42px, transparent 42px 92px, var(--runner-muted) 92px 101px, transparent 101px 166px), repeating-linear-gradient(90deg, transparent 0 16px, var(--runner-muted) 16px 19px, transparent 19px 64px, var(--runner-muted) 64px 67px, transparent 67px 124px);opacity:.85;background-position:0 1px,20px 11px,48px 7px;background-repeat:repeat-x;background-size:132px 3px,166px 3px,124px 3px;width:220%;height:16px;position:absolute;bottom:32px;left:0}.ground-dots.move{animation:.75s linear infinite chromeGroundMove}.chrome-dino,.chrome-cactus{transform-origin:0 100%;z-index:10;background:0 0;position:absolute}.chrome-dino{shape-rendering:crispedges;width:72px;height:78px;bottom:46px;left:58px;overflow:visible}.dino-fill,.dino-leg rect{fill:var(--runner-fg)}.dino-cutout{fill:var(--runner-bg)}.dino-leg{transform-box:fill-box;transform-origin:top}.leg-frame{opacity:0}.leg-front .leg-extended,.leg-back .leg-tucked{opacity:1}.chrome-dino.run .leg-front .leg-extended,.chrome-dino.run .leg-back .leg-tucked{animation:.22s step-end infinite dinoLegFrameA}.chrome-dino.run .leg-front .leg-tucked,.chrome-dino.run .leg-back .leg-extended{animation:.22s step-end infinite dinoLegFrameB}.chrome-dino.jump{animation:.62s ease-out chromeDinoJump}.chrome-cactus{shape-rendering:crispedges;height:58px;bottom:46px;right:-84px;overflow:visible}.cactus-single{width:30px}.cactus-double{width:54px}.cactus-triple{width:78px}.cactus-fill{fill:var(--runner-fg)}.chrome-cactus.move{animation:1.45s linear infinite chromeCactusMove}.cloud{--cloud-scale:1;--cloud-speed:24s;opacity:.7;shape-rendering:crispedges;width:94px;height:34px;transform:translateX(0) scale(var(--cloud-scale));transform-origin:0 0;animation:cloudDrift var(--cloud-speed) ease-in-out infinite;position:absolute;overflow:visible}.cloud-pixel{fill:none;stroke:var(--runner-muted);stroke-width:1px;stroke-linecap:square;stroke-linejoin:miter}.cloud-one{--cloud-speed:12s;top:40px;left:13%}.cloud-two{--cloud-scale:.72;--cloud-speed:16s;top:74px;left:42%}.cloud-three{--cloud-scale:.82;--cloud-speed:14s;transform-origin:100% 0;top:48px;right:9%}@keyframes chromeCactusMove{0%{right:-84px}to{right:105%}}@keyframes chromeGroundMove{0%{transform:translate(0)}to{transform:translate(-154px)}}@keyframes cloudDrift{0%,to{transform:translateX(0) scale(var(--cloud-scale))}50%{transform:translateX(-24px) scale(var(--cloud-scale))}}@keyframes chromeDinoJump{0%{bottom:46px}42%{bottom:138px}58%{bottom:138px}to{bottom:46px}}@keyframes dinoLegFrameA{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes dinoLegFrameB{0%,49%{opacity:0}50%,to{opacity:1}}@media (width<=700px){.game-screen{height:190px}.score-board{letter-spacing:2px;gap:10px;font-size:15px;top:14px;right:16px}.game-message{letter-spacing:3px;white-space:normal;font-size:13px;top:58px}.chrome-dino{bottom:38px;left:34px;transform:scale(.78)}.chrome-cactus{bottom:38px;transform:scale(.84)}.ground{bottom:38px}.ground-dots{bottom:25px}@keyframes chromeDinoJump{0%{bottom:38px}42%{bottom:118px}58%{bottom:118px}to{bottom:38px}}}@media (hover:hover) and (pointer:fine){body,body *{cursor:none!important}.custom-cursor{pointer-events:none;z-index:9999;opacity:0;border-radius:50%;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.custom-cursor.visible{opacity:1}.cursor-dot{background:#60a5fa;width:8px;height:8px;transition:opacity .16s,transform .12s;box-shadow:0 0 18px #60a5faf2}.cursor-ring{background:#60a5fa06;border:1px solid #60a5faa6;width:30px;height:30px;transition:opacity .16s,width .18s,height .18s,border-color .18s,background .18s,box-shadow .18s;box-shadow:0 0 30px #60a5fa24}.cursor-dot.active{background:#bfdbfe;transform:translate(-50%,-50%)scale(.72);box-shadow:0 0 24px #bfdbfef2}.cursor-ring.active{background:#60a5fa14;border-color:#60a5faf2;width:45px;height:45px;box-shadow:0 0 42px #60a5fa42}}@media (hover:none),(pointer:coarse),(width<=850px){.custom-cursor{display:none}}.tech-stack-section{overflow:hidden}.tech-marquee{background:#0808088c;border:1px solid #60a5fa29;border-radius:16px;margin-top:22px;padding:25px 0;position:relative;overflow:hidden}.tech-marquee:before,.tech-marquee:after{content:"";z-index:2;pointer-events:none;width:90px;height:100%;position:absolute;top:0}.tech-marquee:before{background:linear-gradient(90deg,#121212fa,#0000);left:0}.tech-marquee:after{background:linear-gradient(270deg,#121212fa,#0000);right:0}.tech-track{align-items:center;gap:18px;width:max-content;animation:26s linear infinite techScroll;display:flex;overflow:visible}.tech-track span{color:#60a5fa;transform-origin:50%;background:#60a5fa0e;border:1px solid #60a5fa52;border-radius:999px;flex:none;align-items:center;gap:9px;margin-inline:0;padding:10px 15px;font-size:.9rem;transition:transform .22s,margin .22s,border-color .22s,background .22s,box-shadow .22s,opacity .22s;display:inline-flex;transform:scale(1);box-shadow:0 0 22px #60a5fa14}.tech-marquee:hover .tech-track{animation-play-state:paused}.tech-track span:hover{opacity:1;z-index:5;background:#60a5fa24;border-color:#60a5fad9;margin-inline:18px;transform:scale(1.26);box-shadow:0 16px 36px #00000059,0 0 34px #60a5fa40}.tech-track span:hover+span{opacity:.95;z-index:4;margin-inline:8px;transform:scale(1.12)}.tech-track span:hover+span+span{opacity:.85;z-index:3;margin-inline:3px;transform:scale(1.05)}.tech-track span:has(+span:hover){opacity:.95;z-index:4;margin-inline:8px;transform:scale(1.12)}.tech-track span:has(+span+span:hover){opacity:.85;z-index:3;margin-inline:3px;transform:scale(1.05)}@keyframes techScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.footer{text-align:center;color:#737373;margin-top:42px;padding:24px 0 6px;font-size:1.2rem}.footer p{margin:0}.footer:before{content:"";background:linear-gradient(90deg,#0000,#60a5fa73,#0000);width:120px;height:1px;margin:0 auto 18px;display:block}.project-title-row{align-items:center;gap:.85rem;margin-top:.4rem;margin-bottom:1rem;display:flex}.project-logo{object-fit:contain;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;width:46px;height:46px;padding:.35rem}.project-title-row h2{margin:0}