:root{color-scheme:dark;--bg: #0c111d;--bg-2: #101827;--panel: rgba(255, 255, 255, .08);--panel-strong: rgba(255, 255, 255, .13);--line: rgba(255, 255, 255, .16);--line-strong: rgba(255, 255, 255, .28);--text: #f8fafc;--muted: rgba(248, 250, 252, .68);--soft: rgba(248, 250, 252, .46);--accent: #7cf7c8;--accent-2: #6aa8ff;--danger: #ff8c8c;font-family:Manrope,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}html{min-width:320px;background:var(--bg)}body{min-width:320px;min-height:100dvh;margin:0;color:var(--text);background:linear-gradient(135deg,rgba(124,247,200,.16),transparent 24rem),linear-gradient(315deg,rgba(106,168,255,.18),transparent 28rem),linear-gradient(180deg,#0c111d,#12192a);letter-spacing:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.72}.app-shell{min-height:100dvh;display:grid;place-items:center;padding:clamp(12px,3vw,32px);overflow:hidden}.phone-frame{position:relative;width:min(100%,440px);min-height:min(780px,calc(100dvh - 24px));display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:34px;background:linear-gradient(180deg,#ffffff1c,#ffffff0a),var(--bg-2);box-shadow:0 34px 90px #00000070}.phone-frame:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:linear-gradient(to bottom,black 0%,transparent 74%);mask-image:linear-gradient(to bottom,black 0%,transparent 74%)}.topbar{position:relative;z-index:1;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;min-height:64px;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.09)}.brand-mark{width:36px;height:36px;display:grid;place-items:center;border-radius:13px;color:#07120e;background:var(--accent);font-size:13px;font-weight:900}.brand-name{min-width:0;overflow:hidden;color:var(--text);font-size:15px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.mode{padding:8px 10px;border:1px solid rgba(255,255,255,.1);border-radius:999px;color:var(--soft);background:#ffffff0d;font-size:11px;white-space:nowrap}.screen{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;padding:clamp(18px,6vw,30px)}.intro-screen{justify-content:space-between;gap:18px}.hero-copy{padding-top:clamp(4px,2vw,18px)}.kicker{display:inline-flex;width:fit-content;margin-bottom:14px;padding:8px 12px;border:1px solid rgba(124,247,200,.24);border-radius:999px;color:var(--accent);background:#7cf7c814;font-size:12px;font-weight:800}h1,h2,p{margin:0}h1{max-width:12ch;font-size:clamp(36px,10.4vw,50px);line-height:.98;font-weight:900}h2{margin-top:22px;font-size:clamp(34px,10vw,48px);line-height:1;font-weight:900}.hero-copy p,.success-screen p{max-width:34ch;margin-top:16px;color:var(--muted);font-size:15px;line-height:1.5}.signal-panel{display:grid;gap:8px;padding:10px;border:1px solid rgba(255,255,255,.11);border-radius:24px;background:#0307125c}.signal-row{display:flex;align-items:center;justify-content:space-between;min-height:45px;padding:0 14px;border:1px solid rgba(255,255,255,.08);border-radius:17px;background:linear-gradient(90deg,#ffffff14,#ffffff06)}.signal-row span{color:var(--soft);font-size:13px;font-weight:800}.signal-row strong{color:var(--accent);font-size:18px}.intro-actions{display:grid;gap:10px}.primary-button,.ghost-button{min-height:54px;border:0;border-radius:18px;font-weight:900;transition:transform .16s ease,border-color .16s ease,background .16s ease}.primary-button{width:100%;color:#07120e;background:linear-gradient(135deg,var(--accent),#a9ffe1);box-shadow:0 18px 38px #7cf7c82e}.ghost-button{min-height:42px;padding:0 14px;border:1px solid rgba(255,255,255,.12);color:var(--text);background:#ffffff0f}.primary-button:active,.ghost-button:active,.contact-switch button:active{transform:translateY(1px) scale(.99)}.microcopy,.legal-note{color:var(--soft);font-size:12px;line-height:1.5;text-align:center}.form-screen{gap:16px}.form-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.form-head span{color:var(--muted);font-size:14px;font-weight:800}.field{display:grid;gap:8px}.field>span{color:var(--muted);font-size:13px;font-weight:800}.field input{width:100%;min-height:54px;border:1px solid rgba(255,255,255,.14);border-radius:18px;outline:none;padding:0 16px;color:var(--text);background:#ffffff12}.field select,.admin-controls select,.admin-controls input,.admin-login input,.lead-details textarea{width:100%;min-height:48px;border:1px solid rgba(255,255,255,.14);border-radius:16px;outline:none;padding:0 14px;color:var(--text);background:#ffffff12}.lead-details textarea{min-height:118px;padding:14px;resize:vertical}.field input::placeholder{color:#f8fafc5c}.field input:focus{border-color:#7cf7c89e;box-shadow:0 0 0 4px #7cf7c81a}.field small{color:var(--danger);font-size:12px}.contact-switch{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:6px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:#ffffff0d}.contact-switch button{min-height:42px;border:1px solid transparent;border-radius:15px;color:var(--muted);background:transparent;font-size:13px;font-weight:850}.contact-switch button.active{border-color:#7cf7c838;color:#07120e;background:var(--accent)}.error-box{padding:12px 14px;border:1px solid rgba(255,140,140,.32);border-radius:16px;color:#ffd6d6;background:#ff8c8c1a;font-size:13px;line-height:1.45}.success-screen{justify-content:center;gap:20px}.success-mark{width:84px;height:84px;display:grid;place-items:center;border:1px solid rgba(124,247,200,.26);border-radius:28px;color:#07120e;background:var(--accent);font-weight:950;box-shadow:0 24px 60px #7cf7c82e}.success-screen .primary-button{margin-top:18px}.package-grid{display:grid;gap:8px}.package-card{display:grid;gap:5px;min-height:auto;padding:12px;border:1px solid rgba(255,255,255,.12);border-radius:18px;color:var(--text);text-align:left;background:#ffffff0e}.package-card.active{border-color:#7cf7c88c;background:#7cf7c81f}.package-card strong{font-size:14px}.package-card span{color:var(--muted);font-size:12px;line-height:1.35}.package-card b{color:var(--accent);font-size:13px}.payment-total{width:100%;padding:22px;border:1px solid rgba(124,247,200,.24);border-radius:24px;color:var(--accent);background:#7cf7c814;font-size:38px;font-weight:950}.admin-shell{min-height:100dvh;padding:clamp(14px,3vw,34px);color:var(--text)}.admin-board,.admin-login{width:min(1280px,100%);margin:0 auto;border:1px solid var(--line);border-radius:28px;background:linear-gradient(180deg,#ffffff1a,#ffffff0b),var(--bg-2);box-shadow:0 34px 90px #00000052}.admin-login{display:grid;gap:18px;max-width:520px;padding:22px}.admin-login h1,.admin-header h1{max-width:none;font-size:clamp(34px,6vw,64px)}.admin-login p{color:var(--muted);line-height:1.55}.admin-board{padding:clamp(16px,3vw,28px)}.admin-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:24px}.admin-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.stat-card{min-height:96px;display:grid;align-content:space-between;padding:16px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:#ffffff0e}.stat-card span{color:var(--muted);font-size:13px}.stat-card strong{font-size:34px}.admin-controls{display:grid;grid-template-columns:180px 1fr auto;gap:10px;margin-bottom:16px}.secondary-button,.danger-button{min-height:48px;border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:0 16px;color:var(--text);background:#ffffff12;font-weight:850}.danger-button{border-color:#ff8c8c47;color:#ffd6d6;background:#ff8c8c1a}.crm-layout{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(360px,1.1fr);gap:14px}.lead-list{display:grid;align-content:start;gap:8px;min-height:520px;max-height:68dvh;overflow:auto;padding-right:4px}.lead-row{display:grid;gap:6px;padding:14px;border:1px solid rgba(255,255,255,.11);border-radius:18px;color:var(--text);text-align:left;background:#ffffff0e}.lead-row.active{border-color:#7cf7c873;background:#7cf7c81a}.lead-row strong{color:var(--accent);font-size:13px}.lead-row small,.empty-state{color:var(--muted)}.lead-details{display:grid;align-content:start;gap:16px;min-height:520px;padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:#ffffff0e}.detail-top{display:flex;justify-content:space-between;align-items:center}.lead-details h2{margin:0}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}.detail-grid div{padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:#0307122e}.detail-grid dt{color:var(--soft);font-size:12px}.detail-grid dd{margin:5px 0 0;word-break:break-word}.detail-actions{display:grid;gap:8px}.status-badge{width:fit-content;padding:8px 10px;border-radius:999px;color:#07120e;background:var(--accent);font-size:12px;font-weight:900}.status-declined{color:#ffd6d6;background:#ff8c8c33}.status-payment_pending{color:#ffe6a3;background:#ffd26029}.status-access_granted,.status-paid{color:#c9ffea;background:#7cf7c829}@media(max-width:390px){.app-shell{padding:0}.phone-frame{min-height:100dvh;border-width:0;border-radius:0}.mode{display:none}h1{font-size:clamp(34px,10vw,42px)}}@media(max-width:860px){.admin-stats,.admin-controls,.crm-layout,.detail-grid{grid-template-columns:1fr}.admin-header{display:grid}.lead-list,.lead-details{min-height:auto;max-height:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}