:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{color-scheme:#1c5f28;--bg:#070a12;--panel:#1118278c;--panel-2:#11182759;--text:#e9efff;--muted:#e9efffb8;--border:#e9efff1f;--accent:#7aa2ff;--accent2:#7dffcf;--warn:#ffd27a;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;line-height:1.5}body{background:radial-gradient(900px 600px at 10% 10%,#7aa2ff38,transparent 55%),radial-gradient(900px 600px at 90% 15%,#7dffcf29,transparent 55%),radial-gradient(800px 600px at 40% 100%,#ffd27a1a,transparent 55%),var(--bg);color:var(--text);margin:0}.page{max-width:1100px;margin:0 auto;padding:26px 18px 60px}.topbar{border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0e1a73;border-radius:18px;justify-content:space-between;align-items:flex-start;gap:16px;padding:16px;display:flex}.brand{align-items:flex-start;gap:12px;display:flex}.logoMark{background:linear-gradient(135deg,#7aa2ff40,#7dffcf1f);border:1px solid #7aa2ff59;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.nameRow{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.brand h1{letter-spacing:.2px;margin:0;font-size:20px}.pill{color:#e9efffeb;background:#7dffcf14;border:1px solid #7dffcf3d;border-radius:999px;padding:6px 10px;font-size:12px}.subtitle{color:var(--muted);max-width:68ch;margin:6px 0 0}.nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.nav a{color:var(--muted);font-weight:600;text-decoration:none}.nav a:hover{color:var(--text)}.main{flex-direction:column;gap:18px;margin-top:18px;display:flex}.hero{border:1px solid var(--border);background:#0a0e1a66;border-radius:20px;grid-template-columns:1.1fr .9fr;gap:14px;padding:18px;display:grid}.kicker{color:#e9efffd1;background:#e9efff0f;border:1px solid #e9efff24;border-radius:999px;align-items:center;gap:8px;width:fit-content;padding:8px 10px;font-size:12px;font-weight:700;display:inline-flex}.hero h2{margin:12px 0 10px;font-size:34px;line-height:1.12}.accent{background:linear-gradient(90deg,var(--accent),var(--accent2));color:#0000;-webkit-background-clip:text;background-clip:text}.heroText{color:var(--muted);max-width:72ch;margin:0 0 14px}.ctaRow{flex-wrap:wrap;gap:10px;display:flex}.heroRight{align-items:stretch;display:flex}.heroGrid{grid-template-columns:1fr 1fr;gap:12px;width:100%;display:grid}.heroCard{border:1px solid var(--border);background:var(--panel);border-radius:18px;padding:12px}.heroCardIcon{background:#7aa2ff1a;border:1px solid #7aa2ff42;border-radius:12px;place-items:center;width:34px;height:34px;margin-bottom:8px;display:grid}.heroCard h3{margin:0;font-size:14px}.heroCard p{color:var(--muted);margin:6px 0 10px;font-size:13px}.miniTags{flex-wrap:wrap;gap:8px;display:flex}.miniTags span{color:#e9efffdb;background:#e9efff0f;border:1px solid #e9efff1f;border-radius:999px;padding:6px 10px;font-size:12px}.section{border:1px solid var(--border);background:#0a0e1a57;border-radius:20px;padding:18px}.sectionHead{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.sectionTitle{margin:0;font-size:20px}.sectionSub{color:var(--muted);margin:0}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.projCard{border:1px solid var(--border);background:var(--panel);border-radius:18px;padding:14px;transition:transform .12s,border-color .12s}.projCard:hover{border-color:#7aa2ff61;transform:translateY(-2px)}.projTop{align-items:flex-start;gap:12px;display:flex}.projIcon{background:#7dffcf1a;border:1px solid #7dffcf42;border-radius:12px;flex:none;place-items:center;width:34px;height:34px;display:grid}.projTitleWrap{min-width:0}.projTitle{margin:0;font-size:15px}.projDesc{color:var(--muted);margin:8px 0 0;font-size:13px}.bullets{gap:8px;margin-top:12px;display:grid}.bullet{color:#e9efffdb;align-items:center;gap:8px;font-size:13px;display:flex}.techRow{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.techBadge{color:#e9efffe6;background:linear-gradient(135deg,#7aa2ff24,#7dffcf12);border:1px solid #7aa2ff38;border-radius:999px;padding:7px 10px;font-size:12px}.linkRow{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.techGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.techCard{border:1px solid var(--border);background:var(--panel);border-radius:18px;padding:14px}.techCardTop{align-items:center;gap:10px;display:flex}.techCardIcon{background:#ffd27a1a;border:1px solid #ffd27a42;border-radius:12px;place-items:center;width:32px;height:32px;display:grid}.techCard h3{margin:0;font-size:15px}.techList{color:var(--muted);gap:10px;margin:12px 0 0;padding:0;font-size:13px;list-style:none;display:grid}.techList li{align-items:center;gap:8px;display:flex}.aboutBox{color:#e9efffdb;background:#e9efff0f;border:1px solid #e9efff1f;border-radius:18px;padding:14px}.contactRow{flex-wrap:wrap;gap:10px;display:flex}.btnResume{color:#e9effff2;background:#e9efff0f;border:1px solid #7aa2ff59;border-radius:14px;align-items:center;gap:8px;padding:10px 12px;font-weight:800;text-decoration:none;display:inline-flex}.btnResume:hover{background:#ffffff14;border-color:#e9efff73}.btnGhost{color:#e9efffe6;background:#e9efff0f;border:1px solid #e9efff24}.btnGhost:hover{border-color:#7aa2ff59}.footer{text-align:center;color:var(--muted);margin-top:16px;font-size:13px}@media (max-width:980px){.hero,.cards,.techGrid{grid-template-columns:1fr}}@media (max-width:520px){.heroGrid{grid-template-columns:1fr}.topbar{align-items:flex-start}}.btnPrimary{color:#06121c;background:linear-gradient(135deg,#7aa2ff,#5b86ff);border:none;border-radius:14px;align-items:center;gap:8px;padding:11px 14px;font-weight:900;text-decoration:none;display:inline-flex;box-shadow:0 8px 24px #7aa2ff40,inset 0 1px #ffffff40}.btnPrimary:hover{transform:translateY(-1px);box-shadow:0 12px 30px #7aa2ff59,inset 0 1px #ffffff4d}