@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Courier New", monospace;--gradient-primary:linear-gradient(135deg, #38bdf8 0%, #8b5cf6 50%, #06b6d4 100%);--gradient-accent:linear-gradient(135deg, #6366f1 0%, #a855f7 100%);--gradient-card:linear-gradient(145deg, #ffffff0a 0%, #ffffff03 100%);--color-cyan:#22d3ee;--color-blue:#38bdf8;--color-violet:#8b5cf6;--color-indigo:#6366f1;--color-emerald:#10b981;--color-amber:#f59e0b;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce:all .5s cubic-bezier(.34, 1.56, .64, 1)}[data-theme=dark]{--bg-main:#090d16;--bg-secondary:#0f1626;--bg-tertiary:#162035;--bg-card:#0f172ab8;--bg-card-hover:#162035e0;--bg-glass:#0d1424bf;--bg-glass-nav:#090d16d9;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--text-inverse:#090d16;--border-subtle:#94a3b81f;--border-highlight:#38bdf859;--border-card:#ffffff14;--shadow-sm:0 2px 8px #00000059;--shadow-md:0 8px 24px -6px #00000073;--shadow-lg:0 16px 40px -10px #0009;--shadow-glow:0 0 35px -5px #38bdf838;--shadow-glow-violet:0 0 35px -5px #8b5cf640;--code-bg:#070a11;--code-text:#38bdf8;--terminal-header:#131c2e}[data-theme=light]{--bg-main:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#edf2f7;--bg-card:#ffffffd1;--bg-card-hover:#fff;--bg-glass:#ffffffd9;--bg-glass-nav:#f8fafce6;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--text-inverse:#fff;--border-subtle:#0f172a17;--border-highlight:#6366f159;--border-card:#0f172a14;--shadow-sm:0 2px 6px #0f172a0d;--shadow-md:0 10px 25px -5px #0f172a14;--shadow-lg:0 20px 45px -10px #0f172a1f;--shadow-glow:0 10px 30px -5px #6366f126;--shadow-glow-violet:0 10px 30px -5px #a855f726;--code-bg:#0f172a;--code-text:#38bdf8;--terminal-header:#1e293b}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse-subtle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes code-drift{0%{opacity:.15;transform:translateY(0)rotate(0)}50%{opacity:.35;transform:translateY(-20px)rotate(1deg)}to{opacity:.15;transform:translateY(0)rotate(0)}}@keyframes status-pulse{0%{box-shadow:0 0 #10b981b3}70%{box-shadow:0 0 0 8px #10b98100}to{box-shadow:0 0 #10b98100}}.animate-float{animation:5s ease-in-out infinite float}.animate-cursor-blink{animation:1s infinite cursor-blink}.animate-gradient-shift{background-size:200% 200%;animation:8s infinite gradient-shift}.animate-status-pulse{animation:2s infinite status-pulse}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s,color .3s}body{min-height:100vh;line-height:1.6;position:relative;overflow-x:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-blue)}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:700;line-height:1.25}a{color:inherit;text-decoration:none}code,pre{font-family:var(--font-mono)}.site-container{width:100%;max-width:1240px;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}@media (width<=768px){.site-container{padding-left:1.2rem;padding-right:1.2rem}}.section-wrapper{padding-top:5.5rem;padding-bottom:5.5rem;position:relative}@media (width<=768px){.section-wrapper{padding-top:4rem;padding-bottom:4rem}}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border-card);transition:var(--transition-smooth);border-radius:16px}.glass-panel:hover{border-color:var(--border-highlight);box-shadow:var(--shadow-glow)}.gradient-text{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;display:inline-block}.gradient-text-accent{background:var(--gradient-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;display:inline-block}.btn-primary{color:#fff;background:var(--gradient-primary);cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:10px;justify-content:center;align-items:center;gap:.6rem;padding:.75rem 1.6rem;font-size:.95rem;font-weight:600;display:inline-flex;box-shadow:0 4px 18px #38bdf84d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px #38bdf873}.btn-secondary{color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border-subtle);cursor:pointer;transition:var(--transition-smooth);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:10px;justify-content:center;align-items:center;gap:.6rem;padding:.75rem 1.6rem;font-size:.95rem;font-weight:600;display:inline-flex}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-highlight);transform:translateY(-2px)}.btn-outline{color:var(--text-primary);border:1px solid var(--border-subtle);cursor:pointer;transition:var(--transition-smooth);background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.55rem 1.2rem;font-size:.88rem;font-weight:500;display:inline-flex}.btn-outline:hover{border-color:var(--color-blue);color:var(--color-blue);background:#38bdf80d}.badge-pill{text-transform:uppercase;letter-spacing:.06em;color:var(--color-blue);background:#38bdf81a;border:1px solid #38bdf840;border-radius:9999px;align-items:center;gap:.4rem;padding:.35rem .85rem;font-size:.78rem;font-weight:600;display:inline-flex}.tech-tag{font-size:.8rem;font-weight:500;font-family:var(--font-mono);color:var(--text-secondary);border:1px solid var(--border-subtle);transition:var(--transition-smooth);background:#94a3b814;border-radius:6px;align-items:center;gap:.35rem;padding:.28rem .7rem;display:inline-flex}.tech-tag:hover{border-color:var(--color-blue);color:var(--text-primary);background:#38bdf81f}.status-dot{background-color:var(--color-emerald);width:8px;height:8px;box-shadow:0 0 10px var(--color-emerald);border-radius:50%;display:inline-block}.grid-2{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}@media (width<=1024px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.grid-2,.grid-3{grid-template-columns:1fr}}.scroll-progress-bar{background:var(--gradient-primary);transform-origin:0%;z-index:1000;height:3px;position:fixed;top:0;left:0;right:0}