: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{width:100%;max-width:none;margin:0;padding:0}:root{--bg:#050816;--bg-soft:#0b1020;--card:#111827;--accent:#00e0ff;--accent-soft:#00e0ff26;--text:#e5e7eb;--muted:#9ca3af;--border-subtle:#94a3b833;--radius-lg:18px;--radius-xl:26px;--shadow-soft:0 18px 45px #0f172ae6;--shadow-card:0 16px 40px #0f172ab3}*,:before,:after{box-sizing:border-box}html,body{color:var(--text);scroll-behavior:smooth;background:radial-gradient(circle at top,#111827 0,#020617 45%,#000 100%);margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-height:100vh}.loader{z-index:9999;background:radial-gradient(circle at top,#111827 0,#020617 45%,#000 100%);flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:fixed;inset:0}.loader-ring{border:3px solid #94a3b840;border-top-color:var(--accent);border-right-color:var(--accent);border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;animation:1.2s linear infinite spin;display:flex;box-shadow:0 0 40px #22d3ee66}.loader-core{letter-spacing:.08em;color:#0b1020;text-shadow:0 0 10px #0f172acc;background:radial-gradient(circle at 20% 0,#6ee7b7 0,#22d3ee 40%,#1d4ed8 95%);border-radius:999px;justify-content:center;align-items:center;width:74px;height:74px;font-weight:700;animation:1.3s ease-in-out infinite pulse;display:flex}.loader-text{text-transform:uppercase;letter-spacing:.4em;color:var(--muted);margin-top:6px;font-size:.8rem}.loader-dots{gap:6px;display:flex}.loader-dots span{background:var(--accent);opacity:.4;border-radius:999px;width:6px;height:6px;animation:1.3s infinite bounce}.loader-dots span:nth-child(2){animation-delay:.18s}.loader-dots span:nth-child(3){animation-delay:.36s}.loader-sub{color:var(--muted);font-size:.8rem}.app{flex-direction:column;min-height:100vh;display:flex}main{flex:1;width:100%}.page{box-sizing:border-box;width:100%;max-width:1100px;margin:0 auto;padding:60px 40px 80px}.navbar{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--border-subtle);background:linear-gradient(135deg,#0f172aeb,#0f172ab3);width:100%;position:sticky;top:0}.navbar-inner{box-sizing:border-box;justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto;padding:10px 40px;display:flex}.navbar-logo{letter-spacing:.05em;text-transform:lowercase;font-size:1rem;font-weight:700}.navbar-logo span{color:var(--accent)}.navbar-links{gap:18px;font-size:.9rem;display:flex}.navbar-links a{color:var(--muted);padding-bottom:4px;text-decoration:none;transition:color .2s;position:relative}.navbar-links a:after{content:"";background:linear-gradient(90deg,#22d3ee,#a855f7,#f97316);border-radius:999px;width:0;height:2px;transition:width .2s;position:absolute;bottom:0;left:0}.navbar-links a:hover{color:var(--text)}.navbar-links a:hover:after{width:100%}.section{box-sizing:border-box;width:100%;padding:60px 0}.hero{text-align:center}.hero-text{max-width:700px;margin:0 auto 24px}.hero-eyebrow{text-transform:uppercase;letter-spacing:.25em;color:var(--muted);margin-bottom:10px;font-size:.8rem}.hero h1{margin:0 0 14px;font-size:clamp(2.2rem,4vw,2.8rem)}.hero h1 span{background:linear-gradient(120deg,#22d3ee,#a855f7,#f97316);color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-desc{color:var(--muted);max-width:600px;margin:0 auto 20px;line-height:1.7}.hero-cta{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:24px;display:flex}.hero-card{border-radius:var(--radius-xl);border:1px solid var(--border-subtle);max-width:800px;box-shadow:var(--shadow-card);background:radial-gradient(circle at top,#1f2937 0,#020617 100%);flex-direction:column;gap:14px;margin:0 auto;padding:20px;display:flex}.hero-badge{text-transform:uppercase;letter-spacing:.18em;color:#bfdbfe;background:#2563eb26;border:1px solid #60a5fa80;border-radius:999px;align-self:center;padding:4px 10px;font-size:.75rem}.hero-tag-grid{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.hero-tag-grid span{background:var(--accent-soft);border:1px solid #38bdf866;border-radius:999px;padding:6px 10px;font-size:.8rem}.hero-note{color:var(--muted);font-size:.85rem}.section-title{text-align:center;margin-bottom:14px;font-size:1.7rem}.section-text{color:var(--muted);text-align:center;max-width:720px;margin:0 auto 14px;line-height:1.7}.about-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:20px;display:grid}.about-grid h3{margin-bottom:8px;font-size:1rem}.about-grid ul{margin:0;padding:0;list-style:none}.about-grid li{color:var(--muted);margin-bottom:6px;font-size:.9rem}.chip-grid{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px;display:flex}.chip{border:1px solid var(--border-subtle);background:#0f172ae6;border-radius:999px;padding:6px 10px;font-size:.85rem}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px;display:grid}.project-card{background:var(--card);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);box-shadow:var(--shadow-card);padding:16px}.project-card h3{margin-top:0;margin-bottom:6px;font-size:1rem}.project-card p{color:var(--muted);font-size:.9rem;line-height:1.6}.project-link{color:#7dd3fc;margin-top:10px;font-size:.85rem;text-decoration:none;display:inline-block}.project-link:hover{text-decoration:underline}.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:18px;display:grid}.contact-list{color:var(--muted);margin:0;padding:0;font-size:.9rem;list-style:none}.contact-list li{margin-bottom:6px}.contact-list span{color:var(--text);font-weight:500}.contact-list a{color:#7dd3fc;text-decoration:none}.contact-list a:hover{text-decoration:underline}.contact-note{color:var(--muted);margin-left:6px;font-size:.7rem}.footer{border-top:1px solid var(--border-subtle);text-align:center;color:var(--muted);padding:14px 16px 20px;font-size:.75rem}@media (max-width:900px){.navbar-inner{padding-inline:16px}.navbar-links{display:none}.page{padding-inline:16px}.about-grid,.projects-grid,.contact-grid{grid-template-columns:1fr}.hero-card{padding:16px}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{transform:scale(.96);box-shadow:0 0 #38bdf866}50%{transform:scale(1);box-shadow:0 0 0 16px #38bdf800}}@keyframes bounce{0%,80%,to{opacity:.4;transform:translateY(0)}40%{opacity:1;transform:translateY(-6px)}}