@import "https://fonts.googleapis.com/css2?family=Nunito:wght@500;700;800&family=Inter:wght@400;500;700&display=swap";:root{color:#24133f;--card-bg:#fff;--card-bg-alt:#fcfbff;--card-border:#d8cef1;--field-bg:#fff;--text-main:#2b1749;--text-soft:#5f4a83;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f6ff;font-family:Nunito,Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{background:radial-gradient(circle at 0 0,#f6f3ff,#f2f6ff 45%,#fff);margin:0}#root{min-height:100vh}h1,h2,h3{color:#2f1f3f;font-family:Nunito,sans-serif}html{scroll-behavior:smooth}body.dark-mode{color:#e5def9;--card-bg:#1c1331;--card-bg-alt:#241a3c;--card-border:#453466;--field-bg:#1a1330;--text-main:#e9dff1;--text-soft:#beafd7;background:#100a1d}body.dark-mode .navbar.scrolled{background:#140e21f0}.navbar{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:0 0;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;gap:1rem;padding:.95rem 1.1rem;transition:background .25s,border-color .25s;display:flex;position:sticky;top:0}.navbar.scrolled{border-bottom-color:var(--card-border);background:#fffffff2}.navbar nav{gap:.7rem;display:flex}.navbar a{color:#2a1841;border-radius:999px;padding:.3rem .55rem;font-weight:700;text-decoration:none}.navbar a.active{background:#efe6ff}.social-links{gap:.25rem;font-size:.82rem;display:flex}.brand{font-size:1.2rem}.site-shell{max-width:1100px;margin:0 auto;padding:1.2rem 1rem 4rem}.section{background:var(--card-bg);border:1px solid var(--card-border);border-radius:20px;margin-top:1.1rem;padding:1.6rem;box-shadow:0 16px 40px -30px #180a2c99}.hero-section{grid-template-columns:1.2fr 1fr;align-items:center;gap:1rem;display:grid}.full-hero{min-height:calc(100vh - 98px)}.floating-bg{border-radius:16px;padding:.6rem;position:relative;overflow:hidden}.floating-bg:before,.floating-bg:after{content:"";opacity:.3;border-radius:999px;animation:8s ease-in-out infinite float;position:absolute}.floating-bg:before{background:#ffcde2;width:180px;height:180px;top:-70px;right:-90px}.floating-bg:after{background:#bbf7d0;width:140px;height:140px;animation-delay:1.2s;bottom:-90px;left:-70px}.hero-content h1{margin:.25rem 0 .45rem;font-size:2.6rem}.hero-actions{gap:.6rem;margin-top:1rem;display:flex}.section-title h2{margin-bottom:.4rem}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:#8b5ea3;margin:0;font-size:.78rem}.subtitle{color:var(--text-soft);margin:0}.typing:after{content:"|";margin-left:2px;animation:.75s step-end infinite blink}.body-copy{color:var(--text-main);margin:.5rem 0 0;line-height:1.7}.photo-placeholder,.project-image-placeholder{color:#4d3767;background:linear-gradient(145deg,#f5f0ff,#f0ebff);border:2px dashed #ae9ac8;border-radius:50%;place-items:center;min-height:180px;font-weight:700;display:grid}.project-image-placeholder{border-radius:14px;min-height:150px}.about-grid,.contact-layout{grid-template-columns:.8fr 1.2fr;gap:1rem;display:grid}.timeline{gap:.7rem;margin:1rem 0;display:grid}.timeline div{border-left:3px solid #6042a5;padding-left:.8rem}.fun-facts{gap:.35rem;margin:1rem 0 0;padding-left:1rem;display:grid}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem;display:grid}.filter-bar{flex-wrap:wrap;gap:.5rem;display:flex}.project-card,.blog-card,.contact-panel{background:var(--card-bg-alt);border:1px solid var(--card-border);border-radius:14px;padding:.9rem;transition:transform .25s,box-shadow .25s}.project-card:hover,.blog-card:hover,.contact-panel:hover{transform:translateY(-6px)scale(1.01);box-shadow:0 12px 28px -20px #180a2ccc}.project-card h3,.blog-card h3{margin:.8rem 0 .4rem}.tag-list{flex-wrap:wrap;gap:.4rem;margin:.8rem 0;padding:0;list-style:none;display:flex}.tag-list li,.blog-card .tag-list span{color:#41266f;background:#eee6ff;border-radius:999px;padding:.2rem .5rem;font-size:.8rem}.project-cover{position:relative;overflow:hidden}.stack-overlay{color:#fff;background:#110921d6;padding:.55rem;font-size:.8rem;transition:transform .25s;position:absolute;inset:auto 0 0;transform:translateY(100%)}.project-cover:hover .stack-overlay{transform:translateY(0)}.contact-form{gap:.6rem;margin-top:.9rem;display:grid}.contact-form label{font-weight:700}.contact-form input,.contact-form textarea{font:inherit;background:var(--field-bg);border:1px solid #dbc8e7;border-radius:12px;padding:.7rem}.soft-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f2f8f,#3b2a7a);border:0;border-radius:999px;width:fit-content;padding:.62rem 1rem;font-weight:800;text-decoration:none;transition:transform .2s,opacity .2s}.soft-button:hover{opacity:.95;transform:translateY(-2px)}.soft-button:active{transform:translateY(1px)scale(.98)}.soft-button.alt{background:linear-gradient(135deg,#9f7d2d,#d4af37)}.soft-button.outline{color:#3a246d;background:0 0;border:1px solid #6042a5}.status-text{margin:0}.status-text.success{color:#0f7b36}.status-text.error{color:#be123c}.theme-toggle,.back-to-top{cursor:pointer;color:#311f57;z-index:50;background:#f6f2ff;border:none;border-radius:999px;padding:.5rem .8rem;position:fixed;right:1rem;box-shadow:0 8px 24px -18px #000c}.theme-toggle{top:4.4rem}.back-to-top{bottom:1rem}.footer{max-width:1100px;color:var(--text-soft);flex-wrap:wrap;justify-content:space-between;gap:.8rem;margin:0 auto;padding:1.2rem 1rem 2rem;display:flex}.footer-links{flex-wrap:wrap;gap:.8rem;display:flex}.footer a{color:inherit}.loading-screen{text-align:center;place-items:center;min-height:100vh;display:grid}.dot-loader{gap:.4rem;display:flex}.dot-loader span{background:#5b3b98;border-radius:50%;width:11px;height:11px;animation:.9s ease-in-out infinite bounce}.dot-loader span:nth-child(2){animation-delay:.15s}.dot-loader span:nth-child(3){animation-delay:.3s}.reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(16px)}.reveal.visible{opacity:1;transform:translateY(0)}.skills-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.skill-card{background:var(--card-bg-alt);border:1px solid var(--card-border);border-radius:14px;padding:.8rem}.skill-line{margin-top:.6rem}.skill-head{justify-content:space-between;font-size:.85rem;display:flex}.skill-track{background:#e5ddfb;border-radius:999px;height:8px;overflow:hidden}.skill-fill{background:linear-gradient(90deg,#4f2f8f,#d4af37);height:100%}.center-content{text-align:center}.blog-detail .project-image-placeholder{margin:1rem 0}.cover-image{border:1px solid var(--card-border);object-fit:cover;border-radius:12px;width:100%;min-height:150px}.hero-cover{max-height:360px;margin:1rem 0}.markdown-body{line-height:1.75}.markdown-body h1,.markdown-body h2,.markdown-body h3{margin-top:1.2rem;margin-bottom:.5rem}.markdown-body p{margin:.8rem 0}.markdown-body blockquote{background:#6b4fb114;border-left:4px solid #6b4fb1;border-radius:8px;margin:1rem 0;padding:.7rem .9rem}.markdown-body code{background:#6248aa24;border-radius:6px;padding:.1rem .35rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.92rem}.markdown-body pre{color:#f2ecff;background:#1c1430;border-radius:12px;margin:1rem 0;padding:.9rem;overflow-x:auto}.markdown-body pre code{background:0 0;padding:0}.admin-panel{max-width:900px;margin-inline:auto}.admin-header{justify-content:space-between;align-items:center;gap:.7rem;display:flex}.admin-post-list{gap:.8rem;display:grid}.admin-actions{gap:.5rem;display:flex}@keyframes bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes blink{50%{opacity:0}}@media (width<=840px){.navbar{flex-direction:column;gap:.7rem}.hero-section,.about-grid,.contact-layout,.project-grid,.skills-grid{grid-template-columns:1fr}.theme-toggle{top:auto;bottom:4.2rem}.social-links{display:none}}