:root{--bg:#0d0d0f;--panel:#151518;--text:#f3f3f5;--muted:#8a8a92;--accent:#66c72a;--accent-2:#66c72a;--ring:rgba(63, 226, 34, .636);--shadow:0 8px 30px rgba(0,0,0,.45)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;color:var(--text);background:var(--bg)}.container{max-width:1200px;margin:0 auto;padding:0 1.25rem}.accent{color:var(--accent)}.accent-link{color:#fff;background:var(--accent);padding:.55rem 1rem;border-radius:999px;text-decoration:none}.accent-link:hover{background:var(--accent-2)}.nav{position:sticky;top:0;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:linear-gradient(180deg,#0d0d0fe6,#0d0d0f99 60%,#0d0d0f00);-webkit-backdrop-filter:saturate(140%) blur(6px);backdrop-filter:saturate(140%) blur(6px)}.logo{font-weight:900;font-size:1.25rem;letter-spacing:.5px;color:#fff;text-decoration:none}.links{display:flex;gap:1.25rem}.links a{color:#d7d7dc;text-decoration:none;font-weight:600}.links a:hover{color:#fff}.hero{display:flex;align-items:center;justify-content:center;text-align:center;min-height:calc(100svh - var(--nav-h));padding:6rem 1.25rem 2rem;position:relative}.hero-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(900px 520px at 50% 60%,rgba(255,46,99,.2),transparent 60%);pointer-events:none}.hero-copy{max-width:900px}.role{color:#d1d1d6;margin:0 0 .75rem;font-weight:600;letter-spacing:.4px}.hero-title{font-size:clamp(2.5rem,7vw,5rem);line-height:1.05;margin:.25rem 0 0}.hero-sub{color:#c9c9cf;margin:.9rem auto 1.2rem;max-width:740px}.hero-cta{display:flex;gap:12px;justify-content:center;margin-top:.5rem}.btn{display:inline-grid;grid-auto-flow:column;gap:10px;place-items:center;padding:14px 22px;border:0;border-radius:16px;font-weight:700;color:#fff;background:var(--accent);box-shadow:0 10px 30px #ff2e6359;cursor:pointer;transition:.2s ease}.btn:hover{background:var(--accent-2);box-shadow:0 16px 40px #ff2e6373}.btn:active{transform:translateY(1px)}.btn.ghost{background:transparent;border:1px solid #33343c}.btn.ghost:hover{border-color:var(--accent)}.section{padding-bottom:2.5rem 0}.section{padding-bottom:1.5rem 0}.section-title{font-size:clamp(2rem,3.4vw,3rem);margin:0 0 1.75rem}.about-grid{display:grid;grid-template-columns:1fr}.about-centered .full{grid-column:1/-1}.about-copy p{color:#c9c9cf}.skills-grid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:14px}.skills-card{background:#141419;border:1px solid #23232a;border-radius:14px;padding:12px 14px}.skills-card h4{margin:.25rem 0 .5rem}.skills-card ul{margin:0;padding-left:1.1rem}.edu-list{list-style:none;padding:0;margin:0;display:grid;gap:12px}.edu-item{background:#141419;border:1px solid #23232a;border-radius:14px;padding:12px 14px}.edu-item .muted{color:#b7b7bf}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}@media (max-width:900px){.portfolio-grid{grid-template-columns:1fr}}.portfolio-item{display:block;text-decoration:none;color:#fff;background:#1a1a1f;border:1px solid #272730;border-radius:16px;overflow:hidden}.thumb{aspect-ratio:16/10;background:linear-gradient(135deg,#222,#2b2b33 60%,#333)}.meta{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1rem;color:#d9d9e0}.meta h4{margin:0}.proj-desc{color:#c9c9cf;padding:0 1rem 1rem;margin:0}.contact-wrap{background:var(--bg);color:var(--text);padding:4rem 1.25rem 5rem;border-top:1px solid #1b1b21}.contact-grid{max-width:1200px;margin:0 auto;display:grid;gap:2rem;grid-template-columns:1fr 1.2fr}@media (max-width:900px){.contact-grid{grid-template-columns:1fr}}.title{font-size:clamp(2.25rem,5vw,4rem);margin:0 0 1rem}.info-list{display:grid;gap:1rem;margin:1rem 0 1.5rem}.row{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:center}.icon{width:44px;height:44px;display:grid;place-items:center;background:#1d1d22;border-radius:12px;box-shadow:var(--shadow)}.muted{color:var(--muted);font-size:15px}.value{color:var(--text);font-weight:600}.socials{display:flex;gap:16px;margin:6px 0 28px}.social{width:44px;height:44px;display:grid;place-items:center;background:#1d1d22;border-radius:999px;color:#fff;transition:.15s ease}.social:hover{transform:translateY(-2px);background:#23232a}.card{background:linear-gradient(180deg,#141419,#111116);border:1px solid #1f1f25;border-radius:24px;padding:24px;box-shadow:var(--shadow)}.form{display:grid;gap:16px}.input{width:100%;border:1px solid #23232a;background:var(--panel);color:var(--text);padding:16px 18px;border-radius:14px;font-size:16px;outline:none;transition:.2s ease}.input::placeholder{color:#6e6e77}.input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--ring);background:#17171b}.textarea{min-height:240px;resize:vertical}.status{font-size:14px;color:#7fffd4}.xp-sket-wrap{padding:2rem 0 3rem}.xp-sket-grid{display:grid;grid-template-columns:1fr minmax(8px,10px) 1fr;gap:clamp(16px,4vw,48px);align-items:start;min-height:80vh}.sk-col.center{position:relative;min-height:80vh}.sk-line{position:absolute;left:50%;top:4%;bottom:4%;width:6px;transform:translate(-50%);background:#3a3a44;border-radius:999px;box-shadow:0 10px 40px #00000059 inset;z-index:0}.sk-dot{position:absolute;left:50%;transform:translate(-50%,-50%);width:14px;height:14px;border-radius:50%;background:var(--accent);box-shadow:0 10px 26px #ff2e6373;z-index:1}.sk-station{position:absolute;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background:#fff;outline:3px solid #2f2f3a;z-index:1}.sk-col.left{display:flex;justify-content:flex-end}.sk-col.right{display:flex;justify-content:flex-start}.sk-card-wrap{opacity:0;transform:translateY(12px);transition:.45s ease}.sk-card-wrap.reveal{opacity:1;transform:none}.sk-card-wrap.top{margin-top:4vh}.sk-card-wrap.bottom{margin-top:28vh}.sk-card{width:min(720px,96%);background:#151518;border:1px solid #23232a;border-radius:16px;padding:22px 26px;box-shadow:0 12px 40px #00000073}.sk-title{margin:.25rem 0 .35rem}.sk-meta{color:#c9c9cf;margin:.2rem 0 1rem}.sk-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:.25rem}.sk-tag{background:#202028;border:1px solid #303038;color:#fff;padding:6px 12px;border-radius:999px;font-size:13px;font-weight:600}.sk-accordion{border:1px solid #23232a;border-radius:14px;background:#141419;margin-top:10px;padding:10px 12px}.sk-accordion+.sk-accordion{margin-top:10px}.sk-accordion>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-weight:700;color:#fff}.sk-accordion>summary::-webkit-details-marker{display:none}.sk-list{margin:10px 0 4px;padding-left:1.1rem;color:#d7d7df;line-height:1.55}.footer{border-top:1px solid #1b1b21;color:#b9b9c1;text-align:center;padding:1.25rem;margin-top:2rem}@media (max-width:900px){.skills-grid,.xp-sket-grid{grid-template-columns:1fr}.sk-col.left,.sk-col.right{justify-content:flex-start}.sk-card{width:min(620px,95vw)}.sk-card-wrap.top,.sk-card-wrap.bottom{margin-top:4vh}}@media (prefers-reduced-motion: reduce){.sk-card-wrap{transition:none}}