@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@600;700;800&display=swap');
:root{--bg:#080d17;--surface:#0e1726;--line:#223149;--text:#f3f7fb;--muted:#9baabd;--accent:#65d5ff;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}.wrap{max-width:1160px;margin:auto;padding:0 28px}header,footer{max-width:1160px;margin:auto;padding:24px 28px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}footer{border-top:1px solid var(--line);border-bottom:0;color:var(--muted)}.brand,h1,h2,h3{font-family:'Manrope',sans-serif}.brand{font-weight:800;font-size:1.35rem}.brand b,.eyebrow{color:var(--accent)}nav{display:flex;gap:24px;color:var(--muted);font-size:.92rem}nav a:hover{color:var(--text)}.lang{border:1px solid var(--line);padding:4px 9px;border-radius:7px}.hero{min-height:82vh;display:flex;align-items:center;padding:90px 0}.hero-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:70px;align-items:end}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.76rem;font-weight:600}h1{font-size:clamp(3.2rem,7vw,6.2rem);line-height:1.02;letter-spacing:-.065em;margin:18px 0}h2{font-size:clamp(2.1rem,4vw,3.6rem);line-height:1.1;letter-spacing:-.04em;margin:0}h3{line-height:1.25}.outline{color:transparent;-webkit-text-stroke:1px #718198}.portrait{width:116px;height:116px;object-fit:cover;border-radius:50%;border:3px solid #172438;box-shadow:0 0 0 1px var(--accent);margin-bottom:25px}.lead{font:600 clamp(1.3rem,2vw,1.8rem)/1.4 'Manrope';letter-spacing:-.02em}.muted,.card p,.intro{color:var(--muted)}section{padding:100px 0}.tinted{background:#0b121f}.section-head{display:grid;grid-template-columns:1fr 2fr;gap:45px;margin-bottom:48px}.section-head>p{margin:0;font-size:1.12rem;color:var(--muted)}.tags{display:flex;flex-wrap:wrap;gap:10px}.tag{border:1px solid var(--line);padding:8px 15px;border-radius:99px;color:#cbd5e1}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:linear-gradient(145deg,#121e31,var(--surface));border:1px solid var(--line);border-radius:18px;padding:28px;min-height:205px}.num{display:block;color:var(--accent);font-size:.76rem;margin-bottom:50px}.project{display:grid;grid-template-columns:1.3fr .7fr;align-items:center;border:1px solid var(--line);border-radius:24px;padding:46px;background:radial-gradient(circle at 85% 30%,#17344a,transparent 34%),var(--surface)}.project h3{font-size:clamp(2.5rem,5vw,4.8rem);margin:14px 0}.button{display:inline-flex;margin-top:20px;background:var(--text);color:var(--bg);padding:12px 20px;border-radius:9px;font-weight:600}.dial{justify-self:end;width:210px;aspect-ratio:1;border-radius:50%;border:2px solid var(--accent);border-left-color:#274456;display:flex;flex-direction:column;align-items:center;justify-content:center}.dial b{font:700 3.7rem/1 'Manrope'}.hobbies{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.contact{text-align:center;max-width:800px}.contact h2{font-size:clamp(3.5rem,8vw,6.5rem);margin:18px}.bike{--bg:#050806;--surface:#09110c;--line:#1b3423;--accent:#5bea7a}.bike-hero{background:radial-gradient(circle at 70% 35%,#164420,transparent 32%)}.bike-grid{display:grid;grid-template-columns:1fr .65fr;gap:70px;align-items:center}.computer{aspect-ratio:.72;border:1px solid #315c3c;border-radius:32px;background:#050806;padding:28px;display:flex;flex-direction:column;text-align:center}.computer strong{font:700 clamp(5rem,10vw,8rem)/1 'Manrope';margin:auto 0 0;letter-spacing:-.08em}.computer small{color:var(--muted);margin-bottom:auto}.legal{max-width:860px}.legal-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:clamp(24px,5vw,50px)}.legal-card h2{font-size:1.8rem}.legal-card h3{margin-top:30px}.legal-card p{color:var(--muted)}@media(max-width:760px){header{padding:20px}nav a:not(.keep){display:none}.wrap{padding:0 20px}.hero{min-height:auto;padding:70px 0}.hero-grid,.bike-grid,.section-head,.project{grid-template-columns:1fr}.cards,.hobbies{grid-template-columns:1fr}section{padding:72px 0}.dial{justify-self:start;width:145px;grid-row:1}.computer{max-width:290px;margin:auto}.project{padding:28px}}.finance-nav{color:var(--accent)}.finance-widget{display:grid;grid-template-columns:1.35fr .65fr;gap:28px;align-items:center;border:1px solid #29415b;border-radius:18px;padding:24px 28px;margin-bottom:18px;background:radial-gradient(circle at 88% 30%,rgba(101,213,255,.11),transparent 35%),linear-gradient(145deg,#0e1b2d,#0b1422);transition:.2s transform,.2s border-color}.finance-widget:hover{transform:translateY(-2px);border-color:#4b7898}.finance-copy>div{display:flex;gap:10px;align-items:center}.finance-copy h3{font-size:1.7rem;margin:4px 0}.finance-copy p:last-child{color:var(--muted);margin:4px 0 0;max-width:680px}.finance-live{font-size:.62rem;font-weight:700;letter-spacing:.12em;border:1px solid #3d5972;color:#8ecdeb;padding:3px 6px;border-radius:5px}.finance-mini{display:grid;grid-template-columns:1fr 1fr;gap:8px;justify-self:end;min-width:230px;color:#a9b7c8;font-size:.78rem}.finance-mini span{display:flex;gap:7px;align-items:center}.finance-mini b{grid-column:1/-1;color:#fff;margin-top:7px}.dot{width:7px;height:7px;border-radius:50%;display:inline-block}.dot.stock{background:#ef5964}.dot.fund{background:#8b6cff}.dot.metal{background:#e4ad2c}.dot.fx{background:#32bdd0}@media(max-width:760px){.finance-widget{grid-template-columns:1fr;padding:22px}.finance-mini{justify-self:start;min-width:0;width:100%}}
.experience-mark{display:flex;align-items:baseline;gap:13px;margin-bottom:20px}.experience-mark strong{font:800 3.4rem/1 Manrope;color:var(--accent)}.experience-mark span{color:var(--muted)}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.principles span{border:1px solid var(--line);background:var(--surface);padding:15px 18px;border-radius:10px;color:#cbd5e1}.cards.four{grid-template-columns:repeat(2,1fr)}.cards.four .card{min-height:230px}.tech{margin-top:30px}.velo{color:#5bea7a}.velospit-card{margin-top:18px;background:radial-gradient(circle at 85% 30%,rgba(91,234,122,.15),transparent 36%),var(--surface)}(max-width:760px){.principles,.cards.four{grid-template-columns:1fr}}
