@import "https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=DM+Mono:wght@300;400;500&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,300&display=swap";:root{--bg:#08080c;--bg-card:#10101a;--bg-hover:#181826;--border:#1e1e2e;--border-hi:#d4a0ef59;--text:#f2f0ff;--text-2:#a09bbe;--text-3:#5e5a7a;--acc:#c97ee8;--acc2:#7ec8e8;--acc3:#e87ec9;--glow1:#c97ee82e;--glow2:#7ec8e824;--nav-bg:#08080ce0;--serif:"DM Serif Display", Georgia, serif;--mono:"DM Mono", monospace;--sans:"DM Sans", system-ui, sans-serif;--radius:14px}[data-theme=light]{--bg:#f8f5ff;--bg-card:#fff;--bg-hover:#eee8ff;--border:#ddd6f3;--border-hi:#9650be4d;--text:#0d0b1a;--text-2:#3a3558;--text-3:#7a72a0;--acc:#9340c8;--acc2:#2a96c8;--acc3:#c8409a;--glow1:#9340c81a;--glow2:#2a96c81a;--nav-bg:#f8f5ffe6}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;transition:background .4s,color .4s;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}img{max-width:100%;display:block}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--acc);border-radius:2px}.section{min-height:auto;padding:5rem 1rem 3rem;position:relative;overflow:hidden}@media (width>=480px){.section{padding:6rem 1.5rem 4rem}}@media (width>=768px){.section{padding:6rem 3rem 4rem}}@media (width>=1024px){.section{padding:6rem 5rem 4rem}}@media (width>=1280px){.section{padding:6rem 8rem 4rem}}.inner{width:100%;max-width:960px;margin:0 auto}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .25s,transform .25s,box-shadow .25s}.card:hover{border-color:var(--border-hi)}.eyebrow{font-family:var(--mono);letter-spacing:.22em;color:var(--acc);margin-bottom:.6rem;font-size:clamp(.65rem,1.5vw,.72rem)}.section-title{font-family:var(--serif);color:var(--text);margin-bottom:2rem;font-size:clamp(1.8rem,5vw,3rem);font-weight:400;line-height:1.1}.section-title em{color:var(--acc);font-style:italic}.grad{background:linear-gradient(135deg, var(--acc), var(--acc2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn-primary{background:linear-gradient(135deg, var(--acc), var(--acc2));color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:999px;align-items:center;gap:.45rem;padding:.7rem 1.4rem;font-size:clamp(.78rem,2vw,.85rem);font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.btn-primary:hover{box-shadow:0 8px 28px var(--glow1);transform:translateY(-2px)}.btn-outline{border:1px solid var(--border-hi);color:var(--acc);cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;align-items:center;gap:.45rem;padding:.7rem 1.4rem;font-size:clamp(.78rem,2vw,.85rem);font-weight:500;text-decoration:none;transition:all .25s;display:inline-flex}.btn-outline:hover{background:var(--glow1);transform:translateY(-2px)}.tag{font-family:var(--mono);background:var(--glow1);border:1px solid var(--border-hi);color:var(--acc);white-space:nowrap;border-radius:999px;padding:.2rem .65rem;font-size:clamp(.6rem,1.5vw,.65rem)}.orb{pointer-events:none;filter:blur(80px);opacity:.55;border-radius:50%;animation:4s ease-in-out infinite pulseGlow;position:absolute}@media (width<=767px){.orb{opacity:.3;filter:blur(60px)}}.code-block{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.code-header{background:var(--bg-hover);border-bottom:1px solid var(--border);align-items:center;gap:.5rem;padding:.6rem 1rem;display:flex}.dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}pre{font-family:var(--mono);color:var(--text-2);white-space:pre;word-break:normal;-webkit-overflow-scrolling:touch;padding:1.2rem 1rem;font-size:clamp(.68rem,1.8vw,.82rem);line-height:1.85;overflow-x:auto}.kw{color:#e87ec9}.str{color:var(--acc2)}.key{color:var(--acc)}.cm{color:var(--text-3)}.contact-input{background:var(--bg-card);border:1px solid var(--border);width:100%;color:var(--text);font-size:clamp(.82rem,2vw,.88rem);font-family:var(--sans);border-radius:12px;outline:none;padding:.85rem 1rem;transition:border-color .2s}.contact-input:focus{border-color:var(--border-hi)}.contact-input::placeholder{color:var(--text-3)}.timeline-line{background:linear-gradient(to bottom, var(--acc), var(--acc2), transparent);width:1px;position:absolute;top:0;bottom:0;left:0}.timeline-dot{background:var(--acc);border:2px solid var(--bg);border-radius:50%;width:10px;height:10px;position:absolute;top:6px;left:-4.5px}.skill-bar-track{background:var(--border);border-radius:999px;height:5px;overflow:hidden}.skill-bar-fill{background:linear-gradient(90deg, var(--acc), var(--acc2));transform-origin:0;border-radius:999px;height:100%;transition:transform .9s cubic-bezier(.22,1,.36,1)}.proj-img-wrap{border-radius:calc(var(--radius) - 1px) calc(var(--radius) - 1px) 0 0;height:160px;position:relative;overflow:hidden}@media (width>=480px){.proj-img-wrap{height:180px}}.proj-img-wrap img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.proj-overlay{opacity:0;background:#08080cb8;justify-content:center;align-items:center;gap:1rem;transition:opacity .3s;display:flex;position:absolute;inset:0}.proj-card:hover .proj-img-wrap img{transform:scale(1.07)}.proj-card:hover .proj-overlay{opacity:1}.proj-link{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.1rem;text-decoration:none;transition:transform .2s;display:flex}.proj-link:hover{transform:scale(1.15)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes floatAnim{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulseGlow{0%,to{opacity:.55}50%{opacity:.8}}.float-anim{animation:6s ease-in-out infinite floatAnim}