:root{--brand-primary: #fa3823;--brand-secondary: #ffc914;--brand-gradient: linear-gradient(135deg, #fa3823, #ffc914);--ui-blue: #0c0458;--bg-dark: #050508;--text-white: #ffffff;--text-gray: #b0b0b0}@property --bgcolor1{syntax:"<color>";initial-value:#ffc914;inherits:false}@property --bgcolor2{syntax:"<color>";initial-value:#fa3823;inherits:false}*{margin:0;padding:0;box-sizing:border-box;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}body{background-color:var(--bg-dark);color:var(--text-white);overflow-x:hidden;min-height:100vh}.ambient-glow{position:fixed;width:600px;height:600px;background:var(--brand-primary);filter:blur(150px);opacity:.15;border-radius:50%;top:-100px;left:-100px;z-index:-1;animation:pulse 5s infinite alternate}.ambient-glow.secondary{top:auto;bottom:-100px;left:auto;right:-100px;background:var(--brand-secondary);animation-delay:2s}@keyframes pulse{0%{transform:scale(1);opacity:.1}100%{transform:scale(1.2);opacity:.2}}nav{display:flex;justify-content:space-around;align-items:center;max-width:1400px;margin:2rem auto}@media(max-width: 1100px){nav{flex-direction:column;gap:30px}nav .logo{width:100%;text-align:center}}.logo{font-size:clamp(1rem,5vw,1.5rem);font-weight:800;background:var(--brand-gradient);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);letter-spacing:-0.5px}.nav-links{display:flex;gap:clamp(1rem,5vw,2rem);align-items:center}.nav-links a img{height:clamp(2rem,5vw,4rem);transition:transform .3s ease}.nav-links a:hover img{transform:scale(1.3)}.hero{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;max-width:100%;padding:20px}h1{font-size:clamp(1.5rem,5vw,4.5rem);line-height:1.1;font-weight:800;margin-bottom:1.5rem;max-width:900px}h1 span{background:var(--brand-gradient);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}div.subtitle{font-size:clamp(16px,3vw,24px);color:var(--text-gray);max-width:800px;margin-bottom:3rem;line-height:3rem}div.subtitle a{color:#fff;text-decoration:none}div.subtitle a:hover{text-decoration:underline}div.subtitle.valid{font-size:clamp(14px,3vw,24px);max-width:900px}div.subtitle.valid .status,div.subtitle.valid .preapproval-id{color:#fff;padding:2px 5px;border-radius:5px;background-color:#3d3d3d}div.subtitle.valid .key{white-space:nowrap;font-weight:bold;background:var(--brand-gradient);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);overflow:hidden;text-overflow:ellipsis;font-size:clamp(14px,3.5vw,40px)}div.subtitle.valid .recover-btn{font-size:1.2rem;padding:4px 26px 8px}div.subtitle.valid .copy-btn{display:inline-block;padding:6px 20px 10px;border-radius:8px;font-weight:600;font-size:1rem;color:#fff;cursor:pointer;background-color:#2c2c2c;transition:background-color 500ms linear;border:2px solid #454545;margin-top:auto}div.subtitle.valid .copy-btn:hover{background-color:#424242}div.subtitle.valid .flash{animation:greenFlash 1.2s ease-out forwards}@keyframes greenFlash{0%{background:linear-gradient(135deg, #fa3823, #ffc914);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}30%{background:linear-gradient(135deg, #1a7d0b, #2cc914);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}100%{background:linear-gradient(135deg, #fa3823, #ffc914);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}}.subscription-container{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;max-width:1300px;margin:0 auto;padding:0 5%}.subscription-card{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.05);padding:2rem;border-radius:16px;transition:.3s;text-align:center;width:300px;display:flex;flex-direction:column;align-items:center;gap:20px}.subscription-card:hover{background:hsla(0,0%,100%,.06);transform:translateY(-5px)}.subscription-card .subscription-icon{width:100%;display:inline-block;aspect-ratio:4/3}.subscription-card .subscription-icon img{max-width:70%;max-height:100%}.subscription-card .subscription-title{display:none;font-size:1.5rem;font-weight:700}.subscription-card .price-display{font-size:2rem;color:#fff;font-weight:bold;min-height:1.5em}.subscription-card .monthly-display{font-size:1.2rem;color:var(--text-gray);min-height:1.5em}.subscription-card .plan-select{background:#222;color:#fff;border:1px solid #444;padding:10px;border-radius:5px;width:100%;font-size:1rem;outline:none}.subscription-card .plan-select:focus{border-color:var(--brand-secondary)}.subscription-card .msg{font-size:12px}.subscription-card .paypal-btn{width:100%;min-height:110px;display:none}.subscription-card .paypal-btn.show{display:block}.subscription-card .subscribe-btn{display:inline-block;padding:5px 28px;border-radius:10px;width:100%;font-weight:600;text-decoration:none;font-size:.95rem;color:#fff;box-shadow:0 4px 15px rgba(250,56,35,.3);cursor:pointer;background:linear-gradient(230deg, var(--bgcolor1) 0%, var(--bgcolor2) 100%);transition:--bgcolor1 500ms linear,--bgcolor2 500ms linear,border 500ms linear,transform 500ms linear,box-shadow 500ms linear;border:2px solid var(--bgcolor2)}.subscription-card .subscribe-btn:hover{--bgcolor1: #fa3823;--bgcolor2: #ffc914;transform:translateY(-2px);box-shadow:0 8px 25px rgba(255,201,20,.4)}@media(max-width: 700px){.subscription-card{width:clamp(95%,5vw,80%)}}.recover-btn{display:inline-block;padding:2px 26px 4px;border-radius:8px;font-weight:600;text-decoration:none;font-size:.6rem;color:#fff;cursor:pointer;background-color:#2c2c2c;transition:background-color 500ms linear;border:2px solid #454545;margin-top:auto}.recover-btn:hover{background-color:#424242}.modal-overlay{display:none;position:fixed;inset:0;background-color:rgba(0,0,0,.6);justify-content:center;align-items:center;z-index:1000}.modal-overlay.open{display:flex}.modal-content{position:relative;width:550px;max-width:90%;background:hsla(0,0%,100%,.05);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid hsla(0,0%,100%,.2);border-radius:15px;box-shadow:0 8px 32px rgba(0,0,0,.3);padding:20px}.modal-content h2{margin-bottom:10px;font-size:clamp(12px,3.5vw,24px)}.modal-content .modal-close{position:absolute;top:10px;right:15px;font-size:28px;font-weight:bold;background:none;border:none;cursor:pointer;color:#666}.modal-content .modal-close:hover{color:#000}.modal-content .modal-form{display:flex;gap:10px;margin-bottom:20px}.modal-content .modal-form input[type=email]{flex:1;padding:6px 12px;border:1px solid #ccc;border-radius:6px;font-size:16px;min-width:0}.modal-content .modal-form button{padding:6px 20px;background-color:var(--bgcolor1);color:#000;border:none;border-radius:6px;cursor:pointer;font-size:16px;font-weight:bold;flex-shrink:0}.modal-content .modal-form button:hover{background-color:#ec9107}.modal-content .modal-response{margin-top:15px}.modal-content .modal-response .subscription{display:flex;align-items:center;justify-content:space-between;height:50px;font-size:clamp(12px,3.5vw,18px)}.modal-content .modal-response .subscription .recover a{padding:6px clamp(2px,2.5vw,20px);background-color:var(--bgcolor1);color:#000;border:none;border-radius:6px;cursor:pointer;font-size:clamp(12px,3.5vw,18px);font-weight:bold;text-decoration:none}.modal-content .modal-response .subscription .recover a:hover{background-color:#ec9107}footer{text-align:center;padding:3rem 1rem;color:var(--text-gray);font-size:.9rem}.footer-links{margin-top:1.5rem;display:flex;justify-content:center;gap:clamp(1rem,5vw,2rem);align-items:center}.footer-links a img{height:clamp(2rem,5vw,4rem);transition:transform .3s ease;opacity:.8}.footer-links a:hover img{opacity:1;transform:scale(1.3)}
