@import url("https://fonts.googleapis.com/css2?family=Press+Start+2P&family=IBM+Plex+Mono:wght@400;500;600&display=swap");:root{color-scheme:light;--blue:#2c43ff;--blue-dark:#1f2dbf;--off-white:#f1f2f6;--ink:#0b0f2a;--pixel:"Press Start 2P",monospace;--sans:"IBM Plex Mono",monospace}*{box-sizing:border-box;padding:0;margin:0}body{font-family:var(--sans);background:var(--off-white);color:var(--ink)}.page{padding:48px clamp(20px,5vw,96px) 80px;display:flex;flex-direction:column;gap:64px}.hero{display:grid;grid-gap:32px;gap:32px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:center}.hero-card{background:var(--blue);color:#f9f9fb;padding:40px;border-radius:28px;box-shadow:0 25px 60px rgba(31,45,191,.35);border:6px solid hsla(0,0%,100%,.15)}.hero-card h1{font-size:clamp(28px,3vw,42px);line-height:1.3}.hero-card h1,.tag{font-family:var(--pixel);margin-bottom:20px}.tag{font-size:12px;letter-spacing:2px}.subtitle{font-size:18px;margin-bottom:24px}.meta{gap:12px 24px;font-size:14px;margin-bottom:28px}.cta-row,.meta{display:flex;flex-wrap:wrap}.cta-row{gap:12px}.cta{font-family:var(--pixel);border:none;padding:12px 18px;border-radius:14px;background:#f6f7fb;color:var(--blue-dark);cursor:pointer;font-size:12px;text-transform:uppercase;text-decoration:none;display:inline-block;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.cta:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(31,45,191,.3);background:#fff}.hero-visual{background:#fff;border-radius:32px;padding:40px;position:relative;min-height:320px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border:2px solid rgba(44,67,255,.2)}.pixel-sphere{width:180px;height:180px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#c8d0ff,var(--blue));position:relative;box-shadow:inset 0 0 0 12px hsla(0,0%,100%,.2)}.pixel-glow{position:absolute;inset:-10px;border-radius:50%;border:3px dashed rgba(44,67,255,.3)}.visual-caption{font-family:var(--pixel);font-size:12px;color:var(--blue-dark);margin-top:24px;text-transform:uppercase}.animated-bars{display:flex;align-items:flex-end;justify-content:flex-start;gap:3px;height:60px;margin-bottom:20px}.animated-bars .bar{width:4px;background:hsla(0,0%,100%,.5);border-radius:2px}.section{display:flex;flex-direction:column;gap:24px}.section-header{display:flex;align-items:center;justify-content:space-between;gap:20px}.section-header h2{font-family:var(--pixel);font-size:clamp(18px,2.4vw,26px)}.section-tag{font-family:var(--pixel);font-size:12px;color:var(--blue);background:rgba(44,67,255,.1);padding:8px 12px;border-radius:999px}.grid{display:grid;grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.grid.two{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.card{background:#fff;border-radius:20px;padding:24px;border:1px solid rgba(44,67,255,.15);box-shadow:0 14px 24px rgba(16,22,64,.08)}.card h3{font-family:var(--pixel);font-size:14px;margin-bottom:12px;color:var(--blue-dark)}.card-meta{font-size:13px;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.card ul{display:grid;grid-gap:8px;gap:8px;padding-left:18px;font-size:14px}.base-actions{display:grid;grid-gap:16px}.base-actions h3{font-family:var(--pixel);font-size:14px;color:var(--blue-dark)}.base-actions ul{display:grid;grid-gap:8px;gap:8px;padding-left:18px;font-size:14px}.base-cta{width:-moz-fit-content;width:fit-content}.footer{background:var(--blue);color:#fff;padding:32px;border-radius:28px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px}.footer-meta{font-size:13px;margin-top:6px;color:hsla(0,0%,100%,.8)}.map-container{background:#fff;border-radius:20px;padding:24px;border:1px solid rgba(44,67,255,.15);box-shadow:0 14px 24px rgba(16,22,64,.08);overflow:hidden;display:flex;justify-content:center;align-items:center}.map-svg{max-width:800px}.map-svg,.map-svg svg{width:100%;height:auto}.map-placeholder{width:100%;max-width:800px;height:400px;background:rgba(44,67,255,.05);border-radius:12px}.card{transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.card:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(16,22,64,.12);border-color:rgba(44,67,255,.3)}.exp-card{display:flex;flex-direction:column;gap:16px}.exp-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.exp-role{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:var(--blue);font-weight:600}.exp-stats{display:flex;gap:12px}.stat{text-align:center;padding:8px 12px;background:linear-gradient(135deg,rgba(44,67,255,.08),rgba(44,67,255,.04));border-radius:12px;min-width:60px;transition:transform .2s ease,background .2s ease}.stat:hover{transform:scale(1.05);background:linear-gradient(135deg,rgba(44,67,255,.15),rgba(44,67,255,.08))}.stat-value{display:block;font-family:var(--pixel);font-size:14px;color:var(--blue);font-weight:600}.stat-label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--ink);opacity:.6;margin-top:2px}.exp-desc{font-size:14px;line-height:1.6;color:var(--ink);opacity:.85}.project-card{display:flex;flex-direction:column;gap:12px}.project-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.project-tag{font-size:10px;text-transform:uppercase;letter-spacing:1px;padding:4px 10px;background:rgba(44,67,255,.1);color:var(--blue);border-radius:999px;font-weight:600;transition:background .2s ease,color .2s ease}.project-card:hover .project-tag{background:var(--blue);color:#fff}.skill-card{display:flex;flex-direction:column;gap:16px}.skill-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.skill-highlight{text-align:center;padding:6px 12px;background:linear-gradient(135deg,var(--blue),var(--blue-dark));border-radius:10px;transition:transform .2s ease}.skill-card:hover .skill-highlight{transform:scale(1.05)}.skill-value{display:block;font-family:var(--pixel);font-size:12px;color:#fff;font-weight:600}.skill-label{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.5px;color:hsla(0,0%,100%,.8);margin-top:1px}.skill-tags{display:flex;flex-wrap:wrap;gap:8px}.skill-tag{font-size:12px;padding:6px 12px;background:rgba(44,67,255,.06);border-radius:8px;color:var(--ink);transition:background .2s ease,transform .2s ease,color .2s ease}.skill-tag:hover{background:rgba(44,67,255,.15);transform:translateY(-2px);color:var(--blue-dark)}.base-card{display:flex;flex-direction:column;gap:12px}.base-stat{display:inline-flex;flex-direction:column;align-items:center;padding:8px 14px;background:linear-gradient(135deg,rgba(44,67,255,.1),rgba(44,67,255,.05));border-radius:10px;width:-moz-fit-content;width:fit-content;transition:transform .2s ease,background .2s ease}.base-card:hover .base-stat{transform:scale(1.05);background:linear-gradient(135deg,rgba(44,67,255,.2),rgba(44,67,255,.1))}.base-stat-value{font-family:var(--pixel);font-size:12px;color:var(--blue);font-weight:600}.base-stat-label{font-size:9px;text-transform:uppercase;letter-spacing:.5px;color:var(--ink);opacity:.6}.base-action-list{display:flex;flex-direction:column;gap:10px}.base-action-item{display:flex;align-items:center;gap:12px;padding:10px 14px;background:rgba(44,67,255,.04);border-radius:10px;font-size:14px;transition:background .2s ease,transform .2s ease}.base-action-item:hover{background:rgba(44,67,255,.1);transform:translateX(4px)}.base-action-tag{font-size:10px;text-transform:uppercase;letter-spacing:.5px;padding:4px 8px;background:var(--blue);color:#fff;border-radius:6px;font-weight:600}.base-actions{background:#fff;border-radius:20px;padding:24px;border:1px solid rgba(44,67,255,.15);box-shadow:0 14px 24px rgba(16,22,64,.08);display:flex;flex-direction:column;gap:16px;transition:transform .3s ease,box-shadow .3s ease}.base-actions:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(16,22,64,.12)}.section-tag{transition:background .2s ease,color .2s ease,transform .2s ease}.section-tag:hover{background:var(--blue);color:#fff;transform:scale(1.05)}.footer{transition:transform .3s ease,box-shadow .3s ease}.footer:hover{transform:translateY(-2px);box-shadow:0 30px 70px rgba(31,45,191,.4)}@media (max-width:720px){.hero-card,.hero-visual{padding:28px}.map-container{padding:16px}.map-placeholder{height:200px}.exp-header{flex-direction:column}.exp-stats{width:100%;justify-content:flex-start}.skill-header{flex-direction:column;align-items:flex-start}}