@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg-dark:#0f172a;--bg-darker:#020617;--bg-card:#1e293bb3;--primary:#3b82f6;--primary-hover:#2563eb;--accent:#10b981;--accent-hover:#059669;--text-main:#f8fafc;--text-muted:#94a3b8;--border-color:#ffffff1a;--glass-bg:#0f172a99;--glass-border:1px solid #ffffff14;--glass-shadow:0 4px 30px #0000001a;--font-main:"Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-darker);color:var(--text-main);-webkit-font-smoothing:antialiased;background-image:radial-gradient(at 0 0,#3b82f626 0,#0000 50%),radial-gradient(at 100% 100%,#10b98126 0,#0000 50%);background-attachment:fixed;min-height:100vh;line-height:1.5}a{color:var(--primary);text-decoration:none;transition:color .3s}a:hover{color:var(--primary-hover)}button{font-family:var(--font-main);cursor:pointer;border:none;outline:none;transition:all .3s}.app-layout{flex-direction:column;min-height:100vh;padding-bottom:80px;display:flex}.app-header{text-align:center;z-index:10;background:linear-gradient(to bottom, var(--bg-darker) 60%, transparent);padding:20px;position:sticky;top:0}.logo{letter-spacing:-1px;font-size:1.8rem;font-weight:800}.logo span{color:var(--primary)}.main-content{flex:1;width:100%;max-width:600px;margin:0 auto;padding:0 20px}.bottom-nav{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border-top:var(--glass-border);z-index:100;justify-content:space-around;align-items:center;height:70px;padding:0 10px;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{color:var(--text-muted);flex-direction:column;align-items:center;gap:4px;padding:10px;font-size:.75rem;transition:all .3s;display:flex}.nav-item.active{color:var(--primary)}.nav-item-main{position:relative;top:-20px}.nav-fab{background:linear-gradient(135deg, var(--primary), var(--accent));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 8px 24px #3b82f666}.nav-item-main.active .nav-fab,.nav-item-main:hover .nav-fab{transform:scale(1.1);box-shadow:0 12px 28px #3b82f699}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-hover));color:#fff;border-radius:12px;min-height:48px;padding:14px 24px;font-weight:600;box-shadow:0 4px 14px #3b82f666}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f699}.card{background:var(--bg-card);border:var(--glass-border);border-radius:16px;margin-bottom:16px;padding:20px;transition:transform .3s}input,select,textarea{border:1px solid var(--border-color);color:var(--text-main);font-family:var(--font-main);background:#0003;border-radius:12px;width:100%;min-height:48px;padding:14px 16px;font-size:16px;transition:border-color .3s}input:focus,select:focus,textarea:focus{border-color:var(--primary);outline:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s ease-out forwards fadeIn}