@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap";:root{--bg-1: #071029;--bg-2: #0f1724;--primary: #2563eb;--primary-rgb: 37,99,235;--accent: #facc15;--text: #e6eef8;--muted: #9aa7b8}html,body,#root{height:100%;margin:0}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;background:linear-gradient(#0408108c,#060a148c),url(https://images.unsplash.com/photo-1518770660439-4636190af475?auto=format&fit=crop&w=1800&q=90) center/cover no-repeat,radial-gradient(1200px 600px at 10% 10%,rgba(37,99,235,.08),transparent);background-blend-mode:overlay,normal;color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-root{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:3rem 1.25rem;box-sizing:border-box}.container{width:100%;max-width:1100px;background:linear-gradient(180deg,#ffffff05,#00000008);border-radius:14px;padding:1.5rem;box-shadow:0 10px 40px #02061799;border:1px solid rgba(255,255,255,.03);position:relative}.badge{display:inline-flex;align-items:center;gap:.6rem;background:#ffffff0a;padding:.5rem .85rem;border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.04);position:absolute;top:-20px;left:50%;transform:translate(-50%)}.badge .dot{width:8px;height:8px;background:#34d399;border-radius:999px;animation:pulse 1.8s infinite;box-shadow:0 0 10px #34d39973}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.preview{padding:1.25rem;border-radius:12px;min-height:58vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#ffffff03,#00000005)}.footer{margin-top:1.5rem;text-align:center;color:var(--muted);font-weight:700;letter-spacing:.2em;font-size:11px;opacity:.75}.btn{background:linear-gradient(90deg,var(--primary),#60a5fa);color:#fff;padding:.6rem 1rem;border-radius:10px;border:none;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease;box-shadow:0 8px 24px #2563eb2e}.btn:hover{transform:translateY(-3px);box-shadow:0 14px 34px #2563eb38}@media(max-width:640px){.container{padding:1rem;border-radius:10px}.preview{min-height:48vh}}.phone-area{width:100%;display:flex;align-items:center;justify-content:center;padding:2rem;box-sizing:border-box}.phone-frame{width:340px;height:680px;border-radius:3rem;background:#000;border:10px solid rgba(2,6,23,.9);box-shadow:0 40px 100px -10px #0009;overflow:hidden}.phone-display{height:100%;background:linear-gradient(180deg,#070707,#0a0a0a);color:#fff;display:flex;flex-direction:column}.phone-inner{padding:1.5rem;display:flex;flex-direction:column;height:100%;position:relative;z-index:10}.status-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.75rem}.network-badge{display:flex;gap:.6rem;align-items:center}.network-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px #4f46e526}.title{font-size:2.6rem;font-weight:800;line-height:.85;margin-bottom:.75rem}.subtitle{font-size:11px;color:#fff9;max-width:220px}.pkg-list{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.5rem}.pkg-card{display:flex;align-items:center;justify-content:space-between;padding:1.05rem;border-radius:1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.03);transition:transform .18s cubic-bezier(.2,.9,.2,1),box-shadow .18s;cursor:pointer}.pkg-card:hover{transform:translateY(-6px);box-shadow:0 18px 50px #02061799;background:linear-gradient(180deg,#ffffff05,#ffffff03)}.pkg-card .meta{display:flex;align-items:center;gap:1rem}.pkg-price{font-size:1.25rem;font-weight:900}.input-large{width:100%;padding:1.1rem 1rem;border-radius:1rem;background:transparent;border:1px solid rgba(255,255,255,.08);color:#fff;font-weight:800;font-size:1.25rem}.input-large::placeholder{color:#ffffff1f}.provider-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.65rem}.provider-btn{display:flex;flex-direction:column;align-items:center;padding:1rem;border-radius:1rem;border:1px solid rgba(255,255,255,.06);background:#ffffff05;transition:transform .16s,box-shadow .16s,border-color .16s;cursor:pointer}.provider-btn:hover{transform:translateY(-4px);box-shadow:0 10px 30px #0009}.provider-btn.selected{border-color:var(--accent);box-shadow:0 12px 30px #facc151f}.cta-btn{width:100%;padding:1rem;border-radius:1rem;font-weight:900;letter-spacing:.12em;background:linear-gradient(90deg,var(--accent),#ffd54a);color:#000;border:none;cursor:pointer;box-shadow:0 18px 48px #facc151f;transition:transform .16s,box-shadow .16s}.cta-btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.spin{border-radius:50%;border:6px solid rgba(255,255,255,.04);border-top-color:var(--accent);width:80px;height:80px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-scaleIn{animation:scaleIn .32s ease both}.animate-fadeIn{animation:fadeIn .28s ease both}.animate-slideIn{animation:slideIn .28s cubic-bezier(.2,.9,.2,1) both}@keyframes scaleIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}button,.btn,.cta-btn,.pkg,.pkg-card,.provider-btn,.voucher-btn{transition:transform .18s cubic-bezier(.2,.9,.2,1),box-shadow .18s,opacity .16s}button:active,.btn:active,.cta-btn:active,.pkg:active,.pkg-card:active{transform:translateY(1px) scale(.995)}button:not(:disabled):hover,.btn:not(:disabled):hover,.cta-btn:not(:disabled):hover{transform:translateY(-3px)}input[type=text],input[type=tel],input[type=number],input[type=url],textarea{transition:box-shadow .22s ease,border-color .22s ease,transform .12s ease}input:focus,textarea:focus{box-shadow:0 8px 30px rgba(var(--primary-rgb),.12);border-color:rgba(var(--primary-rgb),.7);transform:translateY(-1px);outline:none}:focus-visible{outline:3px solid rgba(var(--primary-rgb),.12);outline-offset:3px}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}