:root{--blue-900: #0a1628;--blue-800: #0d1f3c;--blue-700: #0f2a52;--blue-600: #1a3a6e;--blue-500: #1d4ed8;--blue-400: #3b82f6;--blue-300: #60a5fa;--blue-100: #dbeafe;--accent: #06b6d4;--accent2: #f59e0b;--white: #ffffff;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-400: #94a3b8;--gray-600: #475569;--gray-800: #1e293b;--red: #ef4444;--green: #22c55e;--font-display: "Plus Jakarta Sans", sans-serif;--font-body: "Inter", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--blue-900);color:var(--white);min-height:100vh;overflow-x:hidden}.auth-page{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(ellipse 70% 50% at 50% -5%,rgba(29,78,216,.35) 0%,transparent 60%),radial-gradient(ellipse 40% 30% at 90% 90%,rgba(6,182,212,.1) 0%,transparent 55%),var(--blue-900)}.auth-topbar{display:flex;align-items:center;justify-content:space-between;padding:1.2rem 5%;border-bottom:1px solid rgba(59,130,246,.1);background:#0a1628b3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:sticky;top:0;z-index:50}.auth-logo{font-family:var(--font-display);font-size:1.3rem;font-weight:800;color:var(--white);text-decoration:none;letter-spacing:-.5px}.auth-logo span{color:var(--blue-400)}.auth-back{display:inline-flex;align-items:center;gap:.4rem;font-size:.83rem;color:var(--gray-400);text-decoration:none;transition:color .2s}.auth-back:hover{color:var(--white)}.auth-back svg{width:14px;height:14px}.steps-bar{display:flex;align-items:center;justify-content:center;gap:0;padding:2rem 5% 0}.step{display:flex;align-items:center;gap:.6rem;font-size:.82rem;font-weight:600;color:var(--gray-600);transition:color .3s}.step.active{color:var(--white)}.step.done{color:var(--blue-400)}.step-num{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:700;border:2px solid var(--gray-600);background:transparent;transition:all .3s;flex-shrink:0}.step.active .step-num{border-color:var(--blue-500);background:var(--blue-500);color:var(--white);box-shadow:0 0 16px #1d4ed880}.step.done .step-num{border-color:var(--blue-400);background:#3b82f626;color:var(--blue-400)}.step-line{width:80px;height:2px;background:var(--gray-600);margin:0 .5rem;transition:background .3s}.step-line.done{background:var(--blue-400)}.auth-content{flex:1;display:flex;align-items:flex-start;justify-content:center;padding:2.5rem 5% 4rem}.form-card{width:100%;max-width:680px;background:#0d1f3cb3;border:1px solid rgba(59,130,246,.15);border-radius:20px;padding:2.5rem;box-shadow:0 30px 60px #00000059}.form-card-title{font-family:var(--font-display);font-size:1.5rem;font-weight:800;letter-spacing:-.5px;margin-bottom:.4rem}.form-card-title span{color:var(--blue-400)}.form-card-sub{font-size:.88rem;color:var(--gray-400);margin-bottom:2rem;line-height:1.55}.form-section{margin-top:2rem;padding-top:1.8rem;border-top:1px solid rgba(59,130,246,.1)}.form-section-title{font-family:var(--font-display);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--blue-400);margin-bottom:1.2rem;display:flex;align-items:center;gap:.5rem}.form-section-title:before{content:"";display:block;width:18px;height:2px;background:var(--blue-400)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.form-row.full{grid-template-columns:1fr}.form-row.triple{grid-template-columns:1fr 1fr 1fr}.field{display:flex;flex-direction:column;gap:.4rem}.field label{font-size:.78rem;font-weight:600;color:var(--gray-400);letter-spacing:.02em}.field label .req{color:var(--blue-400);margin-left:2px}.field input,.field select,.field textarea{width:100%;background:#ffffff0a;border:1px solid rgba(59,130,246,.18);border-radius:10px;padding:.72rem 1rem;font-family:var(--font-body);font-size:.9rem;color:var(--white);transition:border-color .2s,box-shadow .2s,background .2s;outline:none;appearance:none;-webkit-appearance:none}.field input::placeholder,.field textarea::placeholder{color:var(--gray-600)}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue-400);background:#3b82f612;box-shadow:0 0 0 3px #3b82f626}.field input.error,.field select.error{border-color:var(--red)}.field .field-error{font-size:.72rem;color:var(--red);margin-top:.1rem;display:none}.field-error.show{display:block}.field input.error~.field-error{display:block}.field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2394a3b8' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem;cursor:pointer}.field select option{background:var(--blue-800);color:var(--white)}.input-wrap{position:relative}.input-prefix{position:absolute;left:.9rem;top:50%;transform:translateY(-50%);font-size:.85rem;color:var(--gray-400);pointer-events:none;font-weight:500}.input-wrap input{padding-left:2.8rem;padding-right:3.4rem}.input-wrap .pw-toggle{position:absolute;right:.9rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--gray-400);padding:0;display:flex;align-items:center;transition:color .2s}.input-wrap .pw-toggle:hover{color:var(--white)}.input-wrap .pw-toggle svg{width:17px;height:17px}.plan-select-grid{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1rem}.plan-select-item{display:flex;align-items:center;gap:1rem;padding:.9rem 1.1rem;border-radius:12px;border:1.5px solid rgba(59,130,246,.18);background:#ffffff08;cursor:pointer;transition:border-color .2s,background .2s;position:relative}.plan-select-item:hover{border-color:#3b82f666;background:#3b82f60f}.plan-select-item.selected{border-color:var(--blue-400);background:#3b82f61a;box-shadow:0 0 0 3px #3b82f61f}.plan-select-item input[type=radio]{width:17px;height:17px;accent-color:var(--blue-400);flex-shrink:0;cursor:pointer}.plan-select-info{flex:1}.plan-select-name{font-family:var(--font-display);font-size:.9rem;font-weight:700;color:var(--white)}.plan-select-desc{font-size:.75rem;color:var(--gray-400);margin-top:.1rem}.plan-select-price{font-family:var(--font-display);font-size:1rem;font-weight:800;color:var(--blue-300);white-space:nowrap}.plan-select-item.selected .plan-select-price{color:var(--accent)}.plan-popular-tag{position:absolute;top:-1px;right:1rem;background:linear-gradient(135deg,var(--blue-500),var(--accent));color:var(--white);font-size:.62rem;font-weight:700;padding:.15rem .55rem;border-radius:0 0 7px 7px;text-transform:uppercase;letter-spacing:.05em}.payment-methods{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-bottom:1.5rem}.payment-option{display:flex;align-items:center;gap:.85rem;padding:1rem 1.2rem;border-radius:12px;border:1.5px solid rgba(59,130,246,.18);background:#ffffff08;cursor:pointer;transition:border-color .2s,background .2s}.payment-option:hover{border-color:#3b82f666;background:#3b82f60f}.payment-option.selected{border-color:var(--blue-400);background:#3b82f61a;box-shadow:0 0 0 3px #3b82f61f}.payment-option input[type=radio]{width:16px;height:16px;accent-color:var(--blue-400);flex-shrink:0;cursor:pointer}.payment-logo{display:flex;align-items:center;justify-content:center;width:44px;height:28px;border-radius:6px;background:var(--white);flex-shrink:0;overflow:hidden}.payment-logo img{width:100%;height:100%;object-fit:contain;padding:3px}.payment-logo.bank{background:#1d4ed833;border:1px solid rgba(59,130,246,.25)}.payment-logo.bank svg{width:22px;height:22px;color:var(--blue-300)}.payment-info{flex:1}.payment-name{font-size:.85rem;font-weight:600;color:var(--white)}.payment-desc{font-size:.72rem;color:var(--gray-400);margin-top:.1rem}.payment-panel{margin-bottom:1.2rem;animation:fadeUp .25s ease both}.whatsapp-cta{display:flex;align-items:center;gap:1rem;background:#25d36614;border:1px solid rgba(37,211,102,.25);border-radius:14px;padding:1.1rem 1.3rem;flex-wrap:wrap}.wa-cta-icon svg{width:42px;height:42px;flex-shrink:0}.wa-cta-text{flex:1;min-width:160px}.wa-cta-title{font-weight:600;font-size:.88rem;color:var(--white);margin-bottom:.2rem}.wa-cta-desc{font-size:.78rem;color:var(--gray-400);line-height:1.5}.btn-whatsapp{display:inline-flex;align-items:center;gap:.5rem;background:#25d366;color:var(--white);font-family:var(--font-display);font-size:.85rem;font-weight:700;padding:.65rem 1.2rem;border-radius:10px;text-decoration:none;white-space:nowrap;transition:background .2s,transform .2s;box-shadow:0 4px 16px #25d3664d;flex-shrink:0;cursor:pointer}.payment-panel .btn-whatsapp{margin-top:1rem}.btn-whatsapp:hover{background:#20bc5a;transform:translateY(-2px);box-shadow:0 6px 20px #25d36673}.paypal-btn-note{display:flex;align-items:center;gap:.5rem;font-size:.78rem;color:var(--gray-400);margin-bottom:.9rem;padding:.6rem .9rem;background:#3b82f612;border:1px solid rgba(59,130,246,.15);border-radius:8px}#paypal-button-container{min-height:50px}.paypal-processing-msg{display:flex;align-items:center;justify-content:center;gap:.6rem;font-size:.85rem;color:var(--blue-300);padding:.8rem;margin-top:.5rem}.order-summary{background:#ffffff08;border:1px solid rgba(59,130,246,.12);border-radius:14px;padding:1.3rem 1.5rem;margin-bottom:1.5rem}.order-summary-title{font-family:var(--font-display);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--gray-400);margin-bottom:1rem}.order-line{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:var(--gray-400);padding:.35rem 0}.order-line.total{border-top:1px solid rgba(59,130,246,.12);margin-top:.5rem;padding-top:.8rem;font-weight:700;font-family:var(--font-display);font-size:1rem;color:var(--white)}.order-line.total span:last-child{color:var(--accent);font-size:1.2rem}.btn-submit{width:100%;padding:.95rem;border-radius:12px;border:none;background:linear-gradient(135deg,var(--blue-500),#0891b2);color:var(--white);font-family:var(--font-display);font-size:1rem;font-weight:700;cursor:pointer;transition:all .25s;box-shadow:0 4px 24px #1d4ed866;display:flex;align-items:center;justify-content:center;gap:.6rem;margin-top:.5rem}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:.9rem;border-radius:12px;border:1px solid rgba(59,130,246,.35);background:#ffffff12;color:var(--white);font-family:var(--font-display);font-weight:700;text-decoration:none;transition:all .25s;margin-top:1rem}.btn-secondary:hover{background:#3b82f626}.auth-actions{margin-top:1rem}.text-link{color:var(--blue-200);text-decoration:none;font-size:.9rem}.text-link:hover{text-decoration:underline}.login-meta{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.login-meta .remember-field{display:flex;align-items:center;gap:.65rem;font-size:.9rem;color:var(--gray-300)}.login-meta .remember-field input{width:16px;height:16px;accent-color:var(--blue-400)}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 8px 32px #1d4ed88c}.btn-submit:active{transform:translateY(0)}.btn-submit svg{width:18px;height:18px}.terms-note{text-align:center;font-size:.75rem;color:var(--gray-600);margin-top:1rem;line-height:1.55}.terms-note a{color:var(--blue-400);text-decoration:none}.terms-note a:hover{text-decoration:underline}.login-link{text-align:center;font-size:.82rem;color:var(--gray-400);margin-top:1.5rem}.login-link a{color:var(--blue-400);text-decoration:none;font-weight:600}.login-link a:hover{text-decoration:underline}.alert{padding:.85rem 1.1rem;border-radius:10px;font-size:.83rem;margin-bottom:1.2rem;display:flex;align-items:flex-start;gap:.6rem;line-height:1.5;word-break:break-word}.alert-info{background:#06b6d41a;border:1px solid rgba(6,182,212,.25);color:var(--accent)}.alert-danger{background:#ef444424;border:1px solid rgba(239,68,68,.3);color:#fecaca}.auth-alert-list{margin:.5rem 0 0;padding-left:1.2rem;color:#fde2e2}.auth-alert-list li{margin-bottom:.35rem}.alert svg{width:16px;height:16px;flex-shrink:0;margin-top:1px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.form-card{padding:1.6rem 1.2rem}.form-row,.form-row.triple,.payment-methods{grid-template-columns:1fr}.steps-bar{gap:0}.step-line{width:40px}.step-label{display:none}}