:root{--primary: #6366f1;--primary-dark: #4f46e5;--secondary: #ec4899;--accent: #8b5cf6;--bg-main: #f8fafc;--bg-card: #ffffff;--text-main: #1e293b;--text-muted: #64748b;--border: #e2e8f0;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--bg-main);color:var(--text-main);margin:0;padding:0;-webkit-font-smoothing:antialiased}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}.container{max-width:480px;margin:0 auto;padding:0;min-height:100vh;background-color:var(--bg-main);box-shadow:var(--shadow-lg);position:relative;overflow-x:hidden}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;border:none;font-size:.95rem}.btn:active{transform:scale(.98)}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;box-shadow:0 4px 6px -1px #6366f14d}.btn-primary:hover{filter:brightness(1.1);box-shadow:0 6px 8px -1px #6366f166}.card{background:#fff;border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm);border:1px solid var(--border);margin-bottom:1rem;transition:transform .2s,box-shadow .2s;animation:fadeIn .5s ease-out forwards}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.tab-bar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);display:flex;justify-content:space-around;padding:.75rem 0;z-index:50;box-shadow:0 -4px 6px -1px #0000000d}.tab-item{display:flex;flex-direction:column;align-items:center;color:var(--text-muted);font-size:.7rem;text-decoration:none;gap:.25rem;transition:color .2s;position:relative}.tab-item.active{color:var(--primary);font-weight:600}.tab-item.active:after{content:"";position:absolute;top:-.75rem;width:40%;height:3px;background-color:var(--primary);border-bottom-left-radius:4px;border-bottom-right-radius:4px}