:root{--primary: #00b900;--primary-dark: #009900;--bg-gradient: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);--card-bg: rgba(255, 255, 255, .8);--glass-bg: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .2);--text-main: #2c3e50;--text-muted: #7f8c8d;--shadow: 0 8px 32px 0 rgba(31, 38, 135, .15)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background:var(--bg-gradient);background-attachment:fixed;min-height:100vh;color:var(--text-main);overflow-x:hidden}#root{max-width:500px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column}.glass-card{background:var(--card-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:20px;box-shadow:var(--shadow);padding:20px;margin:15px;transition:transform .3s ease}.glass-card:active{transform:scale(.98)}h1{font-size:1.5rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(to right,var(--primary),var(--primary-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.btn-primary{background:var(--primary);color:#fff;border:none;padding:12px 24px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #00b9004d}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px)}.loading-container{display:flex;justify-content:center;align-items:center;height:100vh}.loader{width:48px;height:48px;border:5px solid #FFF;border-bottom-color:var(--primary);border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-in{animation:fadeIn .5s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}