@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap";:root{--color-bg: #0b0e14;--color-surface: #1a1f29;--color-primary: #6366f1;--color-secondary: #a855f7;--color-text: #e2e8f0;--color-text-muted: #94a3b8;--border-radius: 12px;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}body{margin:0;padding:0;background-color:var(--color-bg);color:var(--color-text);font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}.app-container{height:100vh;display:flex;flex-direction:column;overflow:hidden}.main-content{flex:1;overflow-y:auto;padding-bottom:20px}.app-footer{flex-shrink:0;padding:6px 0;border-top:1px solid rgba(255,255,255,.05);background:#0b0e14f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100}.footer-content{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center;color:var(--color-text-muted);font-size:.75rem}.author{color:var(--color-text);font-weight:500}.github-link{display:flex;align-items:center;gap:5px;color:var(--color-text-muted);text-decoration:none;transition:var(--transition);padding:4px 0}.github-link:hover{color:var(--color-primary);transform:translateY(-1px)}.github-icon{transition:transform .3s ease}.github-link:hover .github-icon{transform:rotate(360deg)}@media(max-width:600px){.footer-content{flex-direction:column;gap:16px;text-align:center}}*{box-sizing:border-box}body{background:radial-gradient(circle at top left,#121620,#0b0e14);background-attachment:fixed;overflow-x:hidden}.glass{background:#1a1f29b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05)}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border:none;color:#fff;padding:12px 24px;border-radius:var(--border-radius);font-weight:600;cursor:pointer;transition:var(--transition);box-shadow:0 4px 15px #6366f14d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6366f180}.btn-primary:active{transform:translateY(0)}input{background:var(--color-surface);border:1px solid rgba(255,255,255,.1);color:#fff;padding:12px 16px;border-radius:var(--border-radius);outline:none;transition:var(--transition)}input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #6366f133}h1,h2,h3{font-weight:700;letter-spacing:-.02em}.container{max-width:1200px;margin:0 auto;padding:0 24px}
