:root{--font-score: "VT323", monospace;--font-header: "Press Start 2P", monospace;--font-label: "Silkscreen", monospace;--bg-primary: #1E1E2E;--bg-secondary: #252535;--bg-tertiary: #2E2E3E;--bg-quaternary: #303045;--bg-overlay: rgba(0, 0, 0, .7);--text-primary: #FFFFFF;--text-secondary: #E0E0E0;--text-tertiary: #808090;--text-quaternary: #505060;--btn-primary: #FFFFFF;--btn-primary-text: #1E1E2E;--btn-secondary: #2E2E3E;--btn-secondary-text: #FFFFFF;--btn-danger: #FF3B5C;--btn-danger-text: #FFFFFF;--btn-success: #00E676;--btn-success-text: #FFFFFF;--btn-accent: #00D9FF;--btn-accent-text: #FFFFFF;--badge-premium: #f59e0b;--badge-free: #22c55e;--text-on-premium: #000000;--border-color: transparent;--border-selected: #FFFFFF;--accent-color: #FFFFFF;--scrollbar-track: #252535;--scrollbar-thumb: #3A3A4A;--scrollbar-thumb-hover: #4A4A5A}*{margin:0;padding:0;box-sizing:border-box}html{background:var(--bg-primary)}body{font-family:var(--font-label);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary)}.app{width:100vw;height:100vh;overflow:hidden;background:var(--bg-primary)}button{font-family:inherit;transition:all .1s;font-weight:700}button:hover{opacity:.9}button:active{transform:scale(.9);filter:brightness(.85)}button:disabled{opacity:.3;cursor:not-allowed;transform:scale(1)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.auth-container{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px;background:var(--bg-primary)}.auth-card{background:var(--bg-secondary);padding:40px;border-radius:16px;max-width:400px;width:100%}.auth-card h1{font-size:28px;margin-bottom:24px;text-align:center;color:var(--text-primary);font-family:var(--font-header)}.auth-card p{color:var(--text-tertiary);font-size:14px;text-align:center;margin-bottom:24px;line-height:1.5}.form-group{margin-bottom:20px}.form-group label{display:block;color:var(--text-secondary);font-size:12px;font-weight:700;margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}.form-group input{width:100%;padding:12px 16px;background:var(--bg-tertiary);border:2px solid transparent;border-radius:8px;color:var(--text-primary);font-size:14px;font-family:inherit;transition:all .2s}.form-group input:focus{outline:none;border-color:var(--accent-color)}.form-group input:disabled{opacity:.5;cursor:not-allowed}.error-message{background:var(--btn-danger);color:var(--btn-danger-text);padding:12px 16px;border-radius:8px;font-size:13px;font-weight:600;margin-bottom:16px;text-align:center}.btn-primary{width:100%;padding:14px;background:var(--btn-primary);border:none;border-radius:8px;color:var(--btn-primary-text);font-size:14px;font-weight:700;cursor:pointer;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.btn-secondary{width:100%;padding:14px;background:var(--btn-secondary);border:none;border-radius:8px;color:var(--btn-secondary-text);font-size:14px;font-weight:700;cursor:pointer;text-transform:uppercase;letter-spacing:1px}.btn-danger{width:100%;padding:14px;background:var(--btn-danger);border:none;border-radius:8px;color:var(--btn-danger-text);font-size:14px;font-weight:700;cursor:pointer;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.btn-premium{width:100%;padding:12px 24px;background:linear-gradient(135deg,gold,orange);border:none;border-radius:8px;color:#000;font-size:13px;font-weight:800;cursor:pointer;text-transform:uppercase;letter-spacing:1px}.auth-links{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:24px;font-size:12px;color:var(--text-tertiary)}.link-button{background:none;border:none;color:var(--text-secondary);font-size:12px;font-weight:700;cursor:pointer;text-decoration:underline;padding:0}.profile-card{max-width:500px}.profile-info{background:var(--bg-tertiary);padding:24px;border-radius:12px;margin-bottom:24px}.info-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--bg-quaternary)}.info-row:last-child{border-bottom:none}.info-label{color:var(--text-tertiary);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.info-value{color:var(--text-primary);font-size:14px;font-weight:600}.plan-badge{padding:6px 12px;border-radius:6px;font-size:11px;font-weight:800;letter-spacing:1px}.plan-badge.free{background:var(--bg-quaternary);color:var(--text-secondary)}.plan-badge.premium{background:linear-gradient(135deg,gold,orange);color:#000}.upgrade-banner{background:linear-gradient(135deg,#ffd7001a,#ffa5001a);border:2px solid rgba(255,215,0,.3);padding:20px;border-radius:12px;text-align:center;margin-bottom:24px}.upgrade-banner p{color:var(--text-primary);font-size:14px;font-weight:700;margin-bottom:16px}.profile-actions{display:flex;flex-direction:column;gap:12px}.info-message{background:#3b82f6;color:#fff;padding:12px 16px;border-radius:8px;font-size:13px;font-weight:600;margin-bottom:16px;text-align:center}.pricing-container{min-height:100vh;padding:40px 20px;background:var(--bg-primary);display:flex;flex-direction:column;align-items:center}.pricing-header{text-align:center;margin-bottom:48px}.pricing-header h1{font-size:36px;color:var(--text-primary);font-family:var(--font-header);margin-bottom:16px}.pricing-header p{font-size:16px;color:var(--text-tertiary);line-height:1.5}.pricing-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;max-width:800px;width:100%;margin-bottom:40px}.pricing-card{background:var(--bg-secondary);border:2px solid var(--bg-tertiary);border-radius:16px;padding:32px;position:relative;transition:all .3s}.pricing-card:hover{transform:translateY(-4px);border-color:var(--bg-quaternary)}.pricing-card.premium{border-color:#ffd70080;background:linear-gradient(135deg,#ffd7000d,#ffa5000d)}.pricing-card.premium:hover{border-color:#ffd700cc}.badge{position:absolute;top:-12px;right:24px;background:linear-gradient(135deg,gold,orange);color:#000;padding:6px 16px;border-radius:20px;font-size:10px;font-weight:800;letter-spacing:1px}.plan-header{text-align:center;margin-bottom:32px}.plan-header h2{font-size:24px;color:var(--text-primary);font-family:var(--font-header);margin-bottom:16px}.price{display:flex;flex-direction:column;align-items:center;gap:4px}.price .amount{font-size:48px;font-weight:800;color:var(--text-primary);font-family:var(--font-score)}.price .period{font-size:12px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:1px}.features-list{list-style:none;margin-bottom:32px}.feature-item{display:flex;align-items:center;gap:12px;padding:12px 0;color:var(--text-secondary);font-size:14px}.feature-item.disabled{color:var(--text-quaternary);opacity:.5}.feature-item .check{color:var(--btn-success);font-size:18px;font-weight:800}.feature-item .cross{color:var(--text-quaternary);font-size:18px;font-weight:800}.btn-back{padding:12px 24px;background:var(--btn-secondary);border:none;border-radius:8px;color:var(--btn-secondary-text);font-size:13px;font-weight:700;cursor:pointer;text-transform:uppercase;letter-spacing:1px}@media(max-width:768px){.pricing-cards{grid-template-columns:1fr}.pricing-header h1{font-size:28px}}