.subscribe-page{background:linear-gradient(135deg,#0a0a0f 0%,#1a1a2e 50%,#0a0a0f 100%);justify-content:center;align-items:flex-start;min-height:100vh;padding:2rem;display:flex}.subscribe-container{width:100%;max-width:900px;padding-top:1rem}.back-link{color:#888;margin-bottom:1.5rem;font-size:.9rem;text-decoration:none;transition:color .2s;display:inline-block}.back-link:hover{color:#facc15}.subscribe-header{text-align:center;margin-bottom:2.5rem}.logo-section{align-items:center;gap:.75rem;margin-bottom:1.5rem;display:inline-flex}.logo-circle{color:#000;background:linear-gradient(145deg,#facc15 0%,#eab308 100%);border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;font-size:.9rem;font-weight:700;display:flex}.logo-name{color:#fff;font-size:1.5rem;font-weight:700}.level-result{background:#facc151a;border:1px solid #facc154d;border-radius:2rem;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:.5rem 1.25rem;display:inline-flex}.level-label{color:#888;font-size:.9rem}.level-badge{color:#000;background:linear-gradient(145deg,#facc15 0%,#eab308 100%);border-radius:1rem;padding:.25rem .75rem;font-size:.9rem;font-weight:700}.subscribe-header h1{color:#fff;margin:0 0 .75rem;font-size:2.25rem}.subscribe-header p{color:#888;max-width:500px;margin:0 auto;font-size:1.125rem}.unlock-section{margin-bottom:2.5rem}.unlock-section h2{color:#fff;text-align:center;margin-bottom:1.5rem;font-size:1.25rem}.unlock-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.unlock-item{background:#1e1e2899;border:1px solid #333;border-radius:.75rem;align-items:flex-start;gap:.75rem;padding:1rem;display:flex}.unlock-icon{flex-shrink:0;font-size:1.75rem}.unlock-item h4{color:#fff;margin:0 0 .25rem;font-size:.95rem}.unlock-item p{color:#888;margin:0;font-size:.8rem}.pricing-section{margin-bottom:2rem}.pricing-section h2{color:#fff;text-align:center;margin-bottom:1.5rem;font-size:1.25rem}.plans-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem;display:grid}.plan-card{cursor:pointer;text-align:center;background:#1e1e28cc;border:2px solid #333;border-radius:1rem;padding:1.25rem;transition:all .2s;position:relative}.plan-card:hover{border-color:#555}.plan-selected{background:#facc150d;border-color:#facc15}.plan-recommended{border-color:#facc15}.plan-badge{color:#000;background:linear-gradient(145deg,#4ade80 0%,#22c55e 100%);border-radius:1rem;padding:.25rem .75rem;font-size:.7rem;font-weight:600;position:absolute;top:-10px;right:1rem}.recommended-badge{color:#000;background:linear-gradient(145deg,#facc15 0%,#eab308 100%);border-radius:1rem;padding:.25rem .75rem;font-size:.7rem;font-weight:600;position:absolute;top:-10px;left:1rem}.plan-header{margin-bottom:1rem}.plan-header h3{color:#fff;margin:0 0 .5rem;font-size:1rem}.plan-price{justify-content:center;align-items:baseline;gap:.25rem;display:flex}.plan-price .price{color:#facc15;font-size:1.75rem;font-weight:700}.plan-price .period{color:#888;font-size:.85rem}.plan-select{color:#888;justify-content:center;align-items:center;gap:.5rem;font-size:.8rem;display:flex}.radio{border:2px solid #555;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:flex}.radio-selected{border-color:#facc15}.radio-dot{background:#facc15;border-radius:50%;width:10px;height:10px}.subscribe-form{text-align:center;background:#1e1e28cc;border:1px solid #333;border-radius:1rem;max-width:500px;margin:0 auto;padding:2rem}.subscribe-form label{color:#888;text-align:left;margin-bottom:.5rem;font-size:.875rem;display:block}.subscribe-form input{color:#fff;background:#0000004d;border:1px solid #444;border-radius:.5rem;width:100%;margin-bottom:1rem;padding:.875rem 1rem;font-size:1rem}.subscribe-form input:focus{border-color:#facc15;outline:none}.subscribe-form input::placeholder{color:#666}.subscribe-error{color:#ef4444;background:#ef44441a;border:1px solid #ef4444;border-radius:.5rem;margin-bottom:1rem;padding:.75rem;font-size:.875rem}.subscribe-button{color:#000;cursor:pointer;background:linear-gradient(145deg,#facc15 0%,#eab308 100%);border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:1rem 2rem;font-size:1.125rem;font-weight:600;transition:all .2s;display:inline-flex}.subscribe-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 20px #facc154d}.subscribe-button:disabled{opacity:.7;cursor:not-allowed}.btn-arrow{font-size:1.25rem;transition:transform .2s}.subscribe-button:hover .btn-arrow{transform:translate(4px)}.subscribe-note{color:#666;margin:1rem 0 0;font-size:.8125rem}.subscribe-footer{text-align:center;margin-top:2rem}.subscribe-footer p{color:#666;margin:0 0 .5rem}.signin-link{color:#facc15;font-weight:500;text-decoration:none}.signin-link:hover{text-decoration:underline}@media (max-width:768px){.subscribe-page{padding:1rem}.unlock-grid{grid-template-columns:repeat(2,1fr)}.plans-grid{grid-template-columns:1fr}.subscribe-header h1{font-size:1.75rem}.plan-price .price{font-size:2rem}}@media (max-width:480px){.unlock-grid{grid-template-columns:1fr}.logo-name{font-size:1.25rem}}