@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-page:#0b0f14;--bg-section-dark:#111720;--bg-section-soft:#f4f6f8;--bg-card:#171d26;--bg-card-hover:#202936;--surface:#ffffff0f;--surface-strong:#ffffff1c;--text-color:#f8fafc;--text-dark:#10131b;--text-muted:#9aa4b2;--card-text-muted:#a8b0bd;--primary-color:#2dd4bf;--primary-strong:#0f766e;--accent-color:#60a5fa;--success-color:#22c55e;--border-color:#94a3b838;--border:1px solid var(--border-color);--border-radius:8px;--shadow:0 18px 50px #02061759;--font-title:"Inter", "DM Sans", system-ui, sans-serif;--font-body:"Inter", "DM Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", Consolas, monospace;--container:min(90vw, 1280px);--section-padding:clamp(3rem, 7vw, 6rem);--card-width:minmax(240px, 1fr);--card-media-height:clamp(170px, 22vw, 250px);--card-padding-body:1rem;--card-padding-footer:.85rem 1rem 1rem;--text-title:clamp(1rem, 1.6vw, 1.15rem);--text-desc:clamp(.86rem, 1.2vw, .96rem);--text-tag:.72rem;--text-btn:.78rem;--react:#2e505996;--typescript:#213e5d89;--firebase:#ff48008d}.card-btn-outline{border:1px solid var(--border-color);color:var(--text-color);font-family:var(--font-title);font-size:var(--text-btn);letter-spacing:.05em;cursor:pointer;background:0 0;border-radius:6px;width:100%;min-height:42px;padding:.72rem .9rem;font-weight:700;transition:border-color .2s,color .2s,background .2s}.card-btn-outline:hover,.card-btn-outline:focus-visible{border-color:var(--primary-color);color:var(--primary-color);background:#38bdf81f;outline:none}.card-footer{padding:var(--card-padding-footer);border-top:1px solid var(--border-color)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background:var(--bg-page)}body{background:var(--bg-page);min-width:320px;min-height:100vh;color:var(--text-color);font-family:var(--font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;overflow-x:hidden}img{max-width:100%}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--primary-color);outline-offset:3px}::selection{background:#38bdf847}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}