@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Sora:wght@400;600;700&display=swap";:root{--bg:#05070e;--panel-bg:#0a101cd6;--inner-panel:#0d1422e6;--border:#99b6d63d;--border-soft:#99b6d62e;--text-strong:#eef4ff;--text-soft:#c5d4ea;--text-dim:#93a8c8;--bubble-cyan:#2bdbec73;--bubble-amber:#ffbc6273;--shadow:#010b1a80 0 12px 24px;--display:"Sora", sans-serif;--mono:"IBM Plex Mono", monospace;--body:"Sora", sans-serif;color:var(--text-soft);font-family:var(--body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(1200px 600px at 70% -15%, #2563eb38, transparent 52%), radial-gradient(900px 500px at 8% 115%, #facc1529, transparent 58%), var(--bg);min-height:100vh}h1,h2,h3,p{margin:0}.site-shell{width:min(1040px,100% - 2rem);margin:2rem auto 3rem;position:relative}.site-shell:before,.site-shell:after{content:"";z-index:-1;filter:blur(24px);opacity:.45;border-radius:999px;position:fixed}.site-shell:before{background:var(--bubble-cyan);width:420px;height:420px;top:-120px;right:-120px}.site-shell:after{background:var(--bubble-amber);width:360px;height:360px;bottom:-110px;left:-110px}.top-nav{z-index:5;border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#060a12b8;border-radius:999px;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 1rem;display:flex;position:sticky;top:1rem}.brand{font-family:var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--text-strong);text-decoration:none}.top-nav nav{gap:1rem;display:flex}.top-nav a{color:var(--text-soft);font-size:.92rem;text-decoration:none}.top-nav nav a:hover{color:var(--text-strong)}main{gap:1.2rem;margin-top:1rem;display:grid}.panel{border:1px solid var(--border);background:var(--panel-bg);border-radius:1.1rem;padding:2rem}.hero h1{max-width:18ch;line-height:1;font-family:var(--display);color:var(--text-strong);margin:.7rem 0;font-size:clamp(2rem,4vw,3.5rem)}.hero-copy{color:var(--text-soft);max-width:58ch}.hero-actions{flex-wrap:wrap;gap:.8rem;margin-top:1.4rem;display:flex}.primary-button,.ghost-button,.link-button{cursor:pointer;font:inherit;border:0;border-radius:999px;text-decoration:none;transition:transform .18s,box-shadow .18s}.primary-button{color:#07131f;background:linear-gradient(120deg,#52e3c2,#f8dc67);padding:.65rem 1.1rem;font-weight:600}.ghost-button{color:var(--text-strong);border:1px solid var(--border);background:0 0;padding:.6rem 1.05rem}.primary-button:hover,.ghost-button:hover,.link-button:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.section-title{margin-bottom:1rem}.eyebrow{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);margin:0;font-size:.8rem}.section-title h2{color:var(--text-strong);margin:.3rem 0;font-size:clamp(1.35rem,2.5vw,2rem)}.section-subtitle{color:var(--text-soft)}.about-copy{color:var(--text-soft);gap:.85rem;display:grid}.project-grid,.skills-grid{gap:1rem;display:grid}.certifications-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.project-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.project-card,.skill-group,.certification-card{background:var(--inner-panel);border:1px solid var(--border-soft);border-radius:.9rem;padding:1rem}.project-card h3,.skill-group h3,.certification-card h3{color:var(--text-strong);margin-top:0}.certification-header{align-items:center;gap:.7rem;display:flex}.certification-logo{border:1px solid var(--border-soft);object-fit:cover;border-radius:.5rem;flex-shrink:0;width:38px;height:38px}.project-card p,.skill-group p{color:var(--text-soft)}.certification-card p{color:var(--text-soft);margin-top:.4rem}.certification-link{border:1px solid var(--border);color:var(--text-strong);border-radius:999px;margin-top:.75rem;padding:.42rem .78rem;text-decoration:none;transition:transform .18s,box-shadow .18s;display:inline-block}.certification-link:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.chip-list{flex-wrap:wrap;gap:.45rem;margin:.8rem 0 1rem;padding:0;list-style:none;display:flex}.chip-list li{border:1px solid var(--border-soft);color:var(--text-soft);border-radius:999px;padding:.26rem .6rem;font-size:.8rem}.link-button{color:var(--text-strong);border:1px solid var(--border);background:0 0;padding:.45rem .8rem;display:inline-block}.contact-form{gap:.85rem;display:grid}.contact-form label{color:var(--text-soft);gap:.35rem;display:grid}.contact-form input,.contact-form textarea{border:1px solid var(--border);color:var(--text-strong);font:inherit;background:#0b1220;border-radius:.7rem;padding:.75rem}.site-footer{text-align:center;color:var(--text-dim);margin-top:1rem;font-size:.9rem}.reveal{opacity:0;animation:.6s forwards rise;transform:translateY(14px)}.delay-1{animation-delay:80ms}.delay-2{animation-delay:.14s}.delay-3{animation-delay:.2s}.delay-4{animation-delay:.26s}.delay-5{animation-delay:.32s}.delay-6{animation-delay:.38s}@keyframes rise{to{opacity:1;transform:translateY(0)}}@media (width<=720px){.site-shell{width:calc(100% - 1.1rem);margin-top:1rem}.panel{padding:1.2rem}.top-nav{border-radius:1rem;flex-direction:column}.top-nav nav{justify-content:space-around;width:100%}}
