body,html{margin:0;padding:0;font-family:'Nunito',sans-serif;background-color:#FFFC00;color:#000;width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow-x:hidden}*{box-sizing:border-box}.bg-pattern{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at center,transparent 0,rgba(0,0,0,0.15) 100%),radial-gradient(#000 2px,transparent 2px);background-size:100% 100%,30px 30px;z-index:-1}.container{width:100%;max-width:480px;padding:20px;display:flex;flex-direction:column;align-items:center;z-index:1}.logo-area{margin-bottom:20px}.logo-area img{height:60px;width:auto;filter:drop-shadow(0 4px 0 rgba(0,0,0,0.1))}.modal{width:100%;background:#FFF;box-shadow:0 20px 40px rgba(0,0,0,0.2),0 5px 15px rgba(0,0,0,0.05);border-radius:24px;border:3px solid #000;overflow:hidden;position:relative;animation:popIn .6s cubic-bezier(.175,.885,.32,1.275)}.banner{width:100%;height:60px;background:#000;display:flex;align-items:center;justify-content:space-between;padding:0 20px;position:relative;overflow:hidden}.hero-title{color:#FFF;font-weight:900;font-size:20px;margin:0;letter-spacing:.5px}.status-badge{display:flex;align-items:center;gap:6px;background:rgba(255,255,255,0.15);padding:4px 10px;border-radius:20px;border:1px solid rgba(255,255,255,0.1)}.status-text{color:#FFF;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.status-dot{width:8px;height:8px;background:#0bdd12;border-radius:50%;box-shadow:0 0 8px #0bdd12;animation:pulse 2s infinite}.form{display:flex;flex-direction:column;gap:15px;padding-bottom:20px}.title-section{padding:20px 20px 0;text-align:center}.description{font-weight:600;font-size:clamp(0.85rem,3vw,1rem);line-height:1.4;color:#555;margin:0 auto;max-width:90%}.tab-container{display:flex;position:relative;background-color:#F0F0F0;border-radius:12px;margin:10px 20px;padding:4px;border:2px solid #000}.indicator{position:absolute;top:4px;left:4px;width:calc(50% - 4px);height:32px;background:#FFFC00;border-radius:8px;border:2px solid #000;transition:all .3s cubic-bezier(.175,.885,.32,1.275);z-index:1}.tab{width:50%;height:32px;position:relative;z-index:2;background:0;border:0;cursor:pointer;font-weight:800;font-size:14px;color:#000;font-family:'Nunito',sans-serif}.tab:focus-visible{outline:2px solid #000}.tab--2:hover~.indicator{transform:translateX(100%)}.benefits{padding:0 20px;display:flex;flex-direction:column;gap:15px}.benefits>span{font-size:16px;color:#000;font-weight:800;text-transform:uppercase;letter-spacing:1px}.benefits ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.benefits ul li{display:flex;align-items:center;gap:12px}.benefits ul li svg{flex-shrink:0;fill:#000}.benefits ul li span{font-weight:700;font-size:14px;color:#444}.modal--footer{display:flex;align-items:center;justify-content:space-between;padding:20px;background:#FAFAFA;border-top:2px solid #EEE}.price{font-size:28px;color:#000;font-weight:900}.price sup{font-size:14px}.price sub{font-size:12px;color:#666;font-weight:600}.upgrade-btn{width:auto;padding:0 24px;height:48px;background:#000;color:#FFFC00;border-radius:50px;border:0;font-size:16px;font-weight:800;cursor:pointer;transition:transform .2s ease;text-decoration:none;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 0 rgba(0,0,0,0.2)}.upgrade-btn:hover{transform:translateY(-2px);box-shadow:0 6px 0 rgba(0,0,0,0.2)}.upgrade-btn:active{transform:translateY(0);box-shadow:0 2px 0 rgba(0,0,0,0.2)}.disclaimer{margin-top:15px;font-size:11px;color:#000;opacity:.6;font-weight:700;text-align:center;max-width:300px;line-height:1.4}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(11,221,18,0.7)}70%{box-shadow:0 0 0 6px rgba(11,221,18,0)}100%{box-shadow:0 0 0 0 rgba(11,221,18,0)}}@keyframes popIn{0%{opacity:0;transform:scale(0.8)}100%{opacity:1;transform:scale(1)}}@media(max-width:380px){.modal--footer{flex-direction:column;gap:15px}.upgrade-btn{width:100%}}