:root{--bg: #0a0a0c;--bg-secondary: #131316;--bg-card: rgba(255, 255, 255, .03);--border: rgba(255, 255, 255, .08);--accent: #7c4dff;--accent-hover: #8e5dfa;--text-primary: #ededed;--text-secondary: #94a3b8;--danger: #ff4d4d;--danger-hover: #ff6b6b;--success: #22c55e}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-container{max-width:600px;margin:0 auto;padding:20px;min-height:100vh;display:flex;flex-direction:column}.card{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:16px;padding:24px;margin-bottom:16px;box-shadow:0 4px 30px #0000001a;transition:transform .2s ease-in-out,border-color .2s}.card:hover{border-color:#ffffff26}h1{font-size:28px;font-weight:800;margin-bottom:8px;background:linear-gradient(135deg,#fff,#fff9);-webkit-background-clip:text;-webkit-text-fill-color:transparent}h2{font-size:20px;font-weight:700;margin-bottom:16px;color:#fff}p,span{font-size:15px}.text-secondary{color:var(--text-secondary)}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.justify-between{justify-content:space-between}.items-center{align-items:center}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:12px;font-weight:600;font-size:16px;cursor:pointer;border:none;transition:all .2s ease-in-out;text-decoration:none}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px #7c4dff4d}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:#ffffff0d;border-color:#ffffff26}.btn-danger{background:#ff4d4d1a;color:var(--danger)}.btn-danger:hover:not(:disabled){background:#ff4d4d33}.btn-block{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed}.badge{display:inline-block;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-trial{background:#ffffff1a;color:#fff}.badge-pro{background:#7c4dff33;color:#b388ff}.badge-free{background:#ff4d4d1a;color:var(--danger)}.loader-container{display:flex;justify-content:center;align-items:center;height:200px}.spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-radius:50%;border-top-color:var(--accent);animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.list-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#ffffff05;border:1px solid var(--border);border-radius:12px;margin-bottom:12px;transition:border-color .2s}.list-item:hover{border-color:#ffffff1a}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mt-4{margin-top:16px}.text-center{text-align:center}