@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{color:#f3f6ff;font-synthesis:none;text-rendering:optimizelegibility;background:#070c1c;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#f3f6ff;background:radial-gradient(circle at 18% -10%,#4e5bab38,#0000 32rem),linear-gradient(#111b43 0,#090f22 440px,#070b18 100%);min-width:320px;margin:0}a{color:inherit;text-decoration:none}.page{width:min(100%,1160px);min-height:100vh;margin:0 auto;padding:8px 22px 48px}.hero{max-width:760px;padding-top:0}.kicker{color:#fff;letter-spacing:.16em;text-transform:uppercase;background:#2a366f61;border:1px solid #a6b8f53d;border-radius:999px;align-items:center;min-height:32px;margin-bottom:28px;padding:0 16px;font-size:13px;font-weight:800;display:inline-flex}h1,h2,h3,p{margin-top:0}h1{color:#f1f4ff;letter-spacing:-.045em;max-width:560px;margin-bottom:6px;font-size:68px;font-weight:900;line-height:.97}h2{color:#f7f8ff;letter-spacing:-.025em;margin-bottom:20px;font-size:25px;font-weight:800}h3{color:#f7f8ff;letter-spacing:-.02em;margin-bottom:20px;font-size:18px;font-weight:800}.hero p{color:#fff;max-width:820px;margin-bottom:32px;font-size:16px;line-height:1.9}.hero-actions{gap:16px;margin-bottom:42px;display:flex}.button,.contact-panel a{border:1px solid #95a3d647;border-radius:12px;justify-content:center;align-items:center;min-height:50px;padding:0 22px;font-size:15px;font-weight:800;transition:transform .18s,border-color .18s,background .18s;display:inline-flex}.button:hover,.contact-panel a:hover{border-color:#b4c0ff8c;transform:translateY(-1px)}.primary,.contact-panel a{color:#fff;background:linear-gradient(135deg,#8a46ff 0%,#2369f4 100%);border-color:#0000;box-shadow:0 14px 28px #345dff33}.secondary{color:#fff;background:#0f1730eb}.intro-grid{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:42px;display:grid}.panel,.project-card,.contact-panel{background:#0c1327c7;border:1px solid #919ece2e;border-radius:22px;box-shadow:inset 0 1px #ffffff05}.panel{min-height:176px;padding:28px 26px}.panel p,.panel li,.project-card p,.section-heading p,.contact-panel p{color:#d9e1f5;font-size:15px;line-height:1.85}.panel p{max-width:480px}.panel ul{margin:0;padding-left:20px}.panel li::marker{color:#c7d2fe}.section{margin-bottom:42px}.section-heading{margin-bottom:22px}.section-heading h2{margin-bottom:12px}.section-heading p{color:#fff;margin-bottom:0}.project-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.project-card{min-height:224px;padding:28px 26px 24px}.project-card p{min-height:80px;margin-bottom:20px}.project-card h3 a{color:inherit;text-decoration:none}.project-card h3 a:hover{opacity:.75}.tags,.skills{flex-wrap:wrap;gap:10px;display:flex}.tags span,.skills span{color:#fff;background:#5833996b;border:1px solid #9977ff94;border-radius:999px;align-items:center;min-height:28px;font-size:12px;font-weight:700;line-height:1;display:inline-flex}.tags span{padding:0 12px}.skills span{min-height:30px;padding:0 12px}.contact-panel{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:200px;margin-top:46px;padding:30px;display:flex}.contact-panel h2{margin-bottom:18px}.contact-panel p{margin-bottom:28px}.contact-panel a{min-width:230px}.cookie-banner{z-index:40;backdrop-filter:blur(18px);background:#0c1327f5;border:1px solid #919ece3d;border-radius:18px;justify-content:space-between;align-items:center;gap:20px;width:min(100% - 44px,720px);margin:0 auto;padding:18px;display:flex;position:fixed;bottom:22px;left:22px;right:22px;box-shadow:0 24px 70px #00000061}.cookie-banner strong{color:#fff;margin-bottom:6px;font-size:16px;display:block}.cookie-banner p{color:#d9e1f5;margin:0;font-size:13px;line-height:1.55}.cookie-actions{flex-shrink:0;gap:10px;display:flex}.cookie-actions .button{cursor:pointer;min-height:42px;padding:0 16px}.cookie-preferences{z-index:35;color:#fff;min-height:36px;font:inherit;cursor:pointer;background:#583399b8;border:1px solid #9977ff80;border-radius:999px;padding:0 13px;font-size:12px;font-weight:800;position:fixed;bottom:18px;right:18px}@media (width<=920px){.page{width:100%}h1{font-size:56px}.intro-grid,.project-grid{grid-template-columns:1fr}.project-card p{min-height:0}}@media (width<=560px){.page{padding:8px 16px 36px}.kicker{font-size:10px}h1{font-size:46px}.hero-actions{flex-direction:column;align-items:stretch}.button,.cookie-actions .button{width:100%}.cookie-banner{flex-direction:column;align-items:stretch}.cookie-actions{flex-direction:column}}
