:root{--bg-gradient: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .37);--primary-color: #4ecdc4;--primary-rgb: 78, 205, 196;--primary-gradient: linear-gradient(45deg, #4ecdc4, #45b7af);--primary-gradient-135: linear-gradient(135deg, #4ecdc4 0%, #44a3d5 100%);--text-color: #ffffff;--text-muted: #a0a0a0;--text-muted-light: #e0e0e0;--danger-color: #ff6b6b;--danger-gradient: linear-gradient(45deg, #ff6b6b, #ee5253);--success-color: #22c55e;--warning-color: #ffc107;--info-color: #45b7af;--premium-gradient: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);--premium-color: #fbbf24;--card-padding: 2.5rem;--card-padding-large: 3rem;--card-padding-mobile: 1.5rem;--input-bg: rgba(255, 255, 255, .05);--input-bg-focus: rgba(255, 255, 255, .1);--input-border: rgba(255, 255, 255, .2);--modal-overlay: rgba(0, 0, 0, .8);--touch-target-min: 44px;--header-height: 72px}body{margin:0;padding:0;min-height:100vh;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg-gradient);background-attachment:fixed;color:var(--text-color);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.glass-card{background:var(--glass-bg);border-radius:20px;border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);padding:var(--card-padding)}@supports (backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px)){.glass-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}}@media(max-width:768px){.glass-card{padding:var(--card-padding-mobile)}@supports (backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px)){.glass-card{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}}}.glow-text{text-shadow:0 0 10px rgba(78,205,196,.5),0 0 20px rgba(78,205,196,.3)}.page-title{font-size:2.5rem;margin:0;text-shadow:0 0 10px rgba(78,205,196,.5),0 0 20px rgba(78,205,196,.3)}@media(max-width:1023px)and (min-width:769px){.page-title{font-size:2.2rem}}@media(max-width:768px){.page-title{font-size:2rem}}.btn{padding:.8rem 1.5rem;min-height:var(--touch-target-min);font-size:1rem;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-weight:600;text-decoration:none;color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:.6rem 1rem;min-height:var(--touch-target-min);min-width:var(--touch-target-min);font-size:.9rem;border-radius:8px}.btn-primary{background:var(--primary-gradient);box-shadow:0 4px 15px #4ecdc44d}.btn-primary:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 6px 20px #4ecdc466}.btn-secondary{background:#ffffff1a;border:1px solid var(--glass-border)}.btn-secondary:not(:disabled):hover{background:#ffffff26;transform:translateY(-2px)}.btn-danger{background:linear-gradient(45deg,#ff6b6b,#ee5253);box-shadow:0 4px 15px #ff6b6b4d}.btn-danger:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b66}input[type=text],input[type=email],input[type=password]{background:var(--input-bg);border:1px solid var(--input-border);border-radius:10px;padding:.8rem 1rem;color:#fff;font-size:16px;outline:none;transition:all .3s ease;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus{background:var(--input-bg-focus);border-color:var(--primary-color)}input[type=text]::placeholder,input[type=email]::placeholder,input[type=password]::placeholder{color:#ffffff4d}.badge{padding:.25rem .75rem;border-radius:12px;font-size:.875rem;font-weight:600;display:inline-block}.badge-free{background:#6b72804d;color:#d1d5db}.badge-premium_solo{background:#4ecdc44d;color:#4ecdc4}.badge-premium_pro{background:var(--premium-gradient);color:#1f2937}.badge-date{background:#ffffff1a;color:#ffffffb3}.pro-badge{padding:.25rem .75rem;border-radius:12px;background:var(--premium-gradient);color:#1f2937;font-size:.75rem;font-weight:700}.pro-badge-menu{display:inline-flex;align-items:center;gap:.3rem;background:var(--premium-gradient);color:#1f2937;padding:.2rem .5rem;border-radius:8px;font-size:.7rem;font-weight:700}.modal-overlay{position:fixed;inset:0;background:var(--modal-overlay);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.modal-content{max-width:500px;width:100%}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes badgeGlow{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message,.error-banner{background:#ef444433;border:1px solid rgba(239,68,68,.5);color:#fca5a5;padding:1rem;border-radius:12px}.success-message,.success-banner{background:#22c55e33;border:1px solid rgba(34,197,94,.5);color:#86efac;padding:1rem;border-radius:12px}.loading,.spinner{display:flex;justify-content:center;align-items:center}.spinner{width:40px;height:40px;border:3px solid rgba(78,205,196,.1);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}