:root{--primary-color: #2d9cdb;--secondary-color: #56ccf2;--success-color: #27ae60;--warning-color: #f2c94c;--danger-color: #eb5757;--text-color: #333333;--bg-color: #f4f6f8;--white: #ffffff;--shadow: 0 4px 6px rgba(0, 0, 0, .1);--border-radius: 12px}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}body{background-color:var(--bg-color);color:var(--text-color);-webkit-font-smoothing:antialiased;padding-bottom:80px}h1,h2,h3,h4,h5,h6{font-weight:600;margin-bottom:.5rem}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;font-family:inherit}.container{max-width:480px;margin:0 auto;min-height:100vh;background-color:var(--white);padding:1rem;position:relative;box-shadow:0 0 20px #0000000d}.card{background:var(--white);border-radius:var(--border-radius);padding:1rem;margin-bottom:1rem;box-shadow:var(--shadow);border:1px solid #eee}.primary-btn{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;padding:12px 24px;border-radius:30px;font-weight:600;width:100%;transition:transform .2s}.primary-btn:active{transform:scale(.98)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .3s ease-out forwards}.active-nav{color:var(--primary-color)!important;font-weight:600}