@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
:root{color-scheme:light;--ink:#242b39;--muted:#86909e;--red:#c82f4c;--line:#e8eaf0;--tone:#bd3451;--soft:#fceef1}*{box-sizing:border-box}html{background:#e9ebef}body{margin:0;font:13px 'Plus Jakarta Sans',system-ui,sans-serif;color:var(--ink);-webkit-tap-highlight-color:transparent}h1,h2,h3,p{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait;animation:none!important}a{color:#b72e4b}button:focus-visible,a:focus-visible{outline:3px solid #dd7189;outline-offset:3px}.phone{max-width:440px;width:100%;min-height:100dvh;margin:auto;background:radial-gradient(circle at 100% 0,#f7dce388,transparent 36%),linear-gradient(180deg,#f9f9fb,#f4f5f8);box-shadow:0 0 80px #26304712;overflow-x:clip}.top{position:sticky;top:0;z-index:800;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 18px;background:#fcfcfedf;backdrop-filter:blur(22px);border-bottom:1px solid #ececf2}.brand{display:flex;gap:10px;align-items:center}.mark{display:grid;place-items:center;width:37px;height:37px;border-radius:14px;color:#fff;background:linear-gradient(145deg,#292f40,#af2345);box-shadow:0 7px 20px #ac224822}.brand b{font-size:10px;letter-spacing:1px}.brand small{display:block;font-size:8px;letter-spacing:1.4px;color:#9b9eab;margin-top:4px}.icon{width:19px;height:19px;vertical-align:middle;flex-shrink:0}.pill{border:1px solid #e7e9ee;background:#fff;border-radius:30px;padding:8px 10px;font-size:9px;color:#9196a4;display:flex;align-items:center;gap:7px}.dot{width:7px;height:7px;border-radius:50%;background:#aeb5bf}.working .dot{background:#d94867;animation:signal 2s ease-in-out infinite}@keyframes signal{50%{box-shadow:0 0 0 6px #d948671c,0 0 16px #d9486744}}main{padding:19px 17px calc(120px + env(safe-area-inset-bottom))}.eyebrow{font-size:8px;letter-spacing:2px;font-weight:800;color:#c07183;text-transform:uppercase}.helper{font-size:10px;line-height:1.85;color:#87909d}.hero{position:relative;overflow:hidden;padding:26px 23px 21px;border-radius:31px;background:radial-gradient(circle at 100% 0,#d32d5c77,transparent 53%),linear-gradient(145deg,#1c2434,#2f2939);box-shadow:0 24px 50px #23233522,inset 0 1px #ffffff20;color:#fff;margin-bottom:19px}.hero:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,transparent 35%,#ffffff13 50%,transparent 65%);transform:translateX(-120%);animation:shine 8s ease-in-out infinite}@keyframes shine{0%,20%{transform:translateX(-120%)}55%,100%{transform:translateX(120%)}}.hero .eyebrow{color:#f1bdca}.hero h1{font-size:29px;line-height:1.2;letter-spacing:-1.3px;margin:12px 0 10px}.hero p{color:#c4b5c5;font-size:11px;line-height:1.85}.mini{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:19px}.mini>div{border:1px solid #ffffff17;background:#ffffff10;border-radius:18px;padding:11px 9px;backdrop-filter:blur(14px)}.mini strong{display:block;font-size:22px;letter-spacing:-1px}.mini span{font-size:8px;color:#ccbaca}.glass{background:linear-gradient(140deg,#fff,#ffffffdf);border:1px solid var(--line);border-radius:27px;box-shadow:0 12px 35px #23304405,inset 0 1px #fff;backdrop-filter:blur(22px)}.card{padding:21px;margin-bottom:16px;position:relative;isolation:isolate}.card:after{content:'';position:absolute;inset:-1px;border:1px solid #d9486714;border-radius:inherit;pointer-events:none;z-index:-1;animation:frame 6s ease-in-out infinite}@keyframes frame{50%{border-color:#d9486744;box-shadow:0 0 20px #d948670a}}.cardhead{display:flex;align-items:flex-start;gap:11px;margin-bottom:18px}.feature{display:grid;place-items:center;width:39px;height:39px;background:var(--soft);color:var(--tone);border-radius:14px;flex-shrink:0}.card h2{font-size:15px;letter-spacing:-.4px}.cardhead p{font-size:10px;line-height:1.7;color:#959baa;margin-top:5px}.red{--tone:#bd3451;--soft:#fceef1}.blue{--tone:#607a9c;--soft:#eef3f9}.purple{--tone:#8574aa;--soft:#f3eff9}.gold{--tone:#a78747;--soft:#fbf5e8}.slate{--tone:#68768c;--soft:#eff2f7}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 16px;border:1px solid #ffffff20;border-radius:16px;background:linear-gradient(120deg,#df4766,#b82042);color:#fff;font-size:11px;font-weight:800;box-shadow:0 8px 20px #bd345122;text-decoration:none;max-width:100%}.btn:hover{filter:brightness(1.03)}.btn.ghost{color:var(--tone);background:var(--soft);border-color:#e4e7ef;box-shadow:none;font-weight:600}.btn.light{background:#ffffff13;border-color:#ffffff22;box-shadow:none;color:#ffeef3}.btn.danger{background:#fceef1;border-color:#f0ccd6;color:#b52c4b;box-shadow:none}.btn.full{width:100%}.btn.small{min-height:34px;padding:8px 10px;font-size:9px;border-radius:11px}.btn.alive{min-height:55px;animation:breathe 3.5s ease-in-out infinite}.btn.alive:after{content:'';height:7px;width:7px;background:#ffe3eb;border-radius:50%;animation:signal 2s ease-in-out infinite}@keyframes breathe{50%{box-shadow:0 10px 27px #bd345133,0 0 0 5px #bd34510c}}.space{margin-top:16px}.divider{height:1px;background:#eceef3;margin:20px 0}.fields{display:grid;gap:14px}label{display:grid;gap:8px;font-size:10px;color:#727a89;font-weight:600}input,select,textarea{width:100%;min-width:0;min-height:50px;padding:13px;border:1px solid #e1e5ed;background:#fbfcfe;border-radius:15px;color:#333d50;font-size:16px;outline:none}input:focus,select:focus,textarea:focus{border-color:#d27289;box-shadow:0 0 0 3px #d948670c;background:#fff}input::placeholder,textarea::placeholder{color:#a9afbc;font-size:11px}select{font-size:12px}textarea{min-height:100px;font-size:13px;resize:vertical}.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.list{display:grid;gap:10px}.item{padding:16px;border:1px solid #e5e8ef;background:#fff;border-radius:21px}.item h3{font-size:12px;font-weight:800;overflow-wrap:anywhere}.itemhead{display:flex;justify-content:space-between;gap:10px;align-items:start}.meta{font-size:9px;color:#9aa1af;line-height:1.8;margin-top:5px;overflow-wrap:anywhere}.bodytext{font-size:11px;line-height:1.8;color:#737e91;white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0}.facts{display:grid;gap:6px;margin:12px 0;font-size:9px;color:#9ca3b0}.facts div{display:flex;justify-content:space-between;gap:12px}.facts strong{font-weight:600;color:#69758a;text-align:right;max-width:62%;overflow-wrap:anywhere}.tag{display:inline-block;font-size:8px;line-height:1.6;padding:5px 8px;border-radius:8px;border:1px solid #e5e8ee;background:var(--soft);color:var(--tone);max-width:100%;overflow-wrap:anywhere}.tag.bad{color:#b22d4a;background:#fceef1;border-color:#efccd5}.tag.good{color:#537566;background:#eff6f1}.empty{padding:25px 10px;text-align:center;color:#a5acb9;font-size:10px;line-height:1.8}.map{height:310px;border-radius:21px;border:1px solid #e2e8ef;margin-bottom:14px;z-index:1}.bottom{position:fixed;left:50%;transform:translateX(-50%);bottom:max(12px,env(safe-area-inset-bottom));width:calc(100% - 24px);max-width:416px;display:flex;gap:2px;padding:8px;z-index:900;border-radius:27px;background:linear-gradient(145deg,#202738f5,#2b2535f5);border:1px solid #ffffff18;box-shadow:0 18px 45px #20213140;backdrop-filter:blur(25px)}.nav{flex:1;min-width:0;min-height:58px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;background:transparent;border:0;color:#a6a4b7;border-radius:20px;padding:7px 1px;font-size:8px}.nav .icon{color:var(--lit,#ff9eb3);width:19px;height:19px;opacity:.75}.nav.active{background:#ffffff14;color:#fff;box-shadow:inset 0 0 0 1px #ffffff17}.nav.active .icon{opacity:1;filter:drop-shadow(0 0 7px #ff9eb330)}.subscription{padding:13px 16px;border-radius:20px;border:1px solid #e8decb;background:#faf6ed;font-size:10px;line-height:1.8;color:#9b8b6d;margin-bottom:17px}.subscription b{display:block;color:#85714b}#message{font-size:11px;line-height:1.8;padding:14px 16px;border-radius:18px;border:1px solid #e9dcbd;background:#fff9ec;color:#9d7e40;white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:17px}#message:empty{display:none}#message.error{background:#fff0f4;border-color:#efc7d3;color:#b44f68}#message.success{background:#f1f7f2;border-color:#d4e6d8;color:#52765d}.notice{border:1px solid #ecd0d9;background:#fff2f6;padding:15px;border-radius:18px;margin-bottom:17px;font-size:11px;line-height:1.8;color:#b34b64}.credential{padding:20px;border-radius:24px;border:1px solid #e1d8bf;background:#fbf7ed;margin-bottom:17px}.credential code{display:block;font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere;background:#f2ebd8;padding:13px;border-radius:14px;margin:12px 0;line-height:1.8;color:#8b7541}.modal{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:18px;overflow:auto;background:#e9edf2ed;backdrop-filter:blur(15px)}.modalbox{max-width:400px;width:100%;max-height:calc(100dvh - 36px);overflow:auto;padding:24px}.modalbox h2{font-size:20px;margin-bottom:10px;letter-spacing:-.7px}.photo{max-width:100%;max-height:60vh;display:block;margin:auto;border-radius:17px}video{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:21px;background:#1f2532}.camstatus{font-size:10px;color:#9a8993;line-height:1.8;margin:10px 0}.tablewrap{overflow:auto;border-radius:15px;border:1px solid #e5e8ef;max-width:100%}.table{width:100%;border-collapse:collapse;min-width:680px;font-size:10px}.table th{text-align:left;background:#f5f6fa;padding:13px 10px;color:#919bab;font-size:9px}.table td{padding:14px 10px;border-bottom:1px solid #eceef4;max-width:240px;overflow-wrap:anywhere}.table .actions{min-width:180px}.plans{display:grid;gap:10px}.plan{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:17px;border-radius:21px;border:1px solid #ece3d1;background:#fffdf8;color:#9a7c40;font-size:11px}.plan strong{font-size:19px;letter-spacing:-.6px}.footer{margin-top:28px;text-align:center;font-size:8px;letter-spacing:1.3px;color:#b1b7c2}.enter{animation:enter .25s ease-out}@keyframes enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}[hidden]{display:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.hero:before{display:none}}