:root{--black:#070808;--graphite:#101213;--card:#151718;--line:#292c2e;--white:#f7f7f3;--muted:#8e9395;--orange:#ff6a00;--orange-soft:#ff9b55;--green:#36c276;--red:#ef615d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{background:var(--black)}body{margin:0;min-width:320px;background:radial-gradient(circle at 50% -10%,rgba(255,106,0,.12),transparent 28%),var(--black);color:var(--white)}button,input{font:inherit}button{color:inherit}.login-view{min-height:100svh;display:grid;place-items:center;padding:max(14px,env(safe-area-inset-top)) 14px max(14px,env(safe-area-inset-bottom));position:relative;overflow:hidden;isolation:isolate;background:#050606 url('assets/vip-login-architecture-night.png') center center/cover no-repeat}.login-view::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(2,3,3,.28),rgba(2,3,3,.06) 44%,rgba(2,3,3,.3)),radial-gradient(circle at 50% 45%,transparent 0,rgba(0,0,0,.16) 58%,rgba(0,0,0,.62) 100%)}.login-view::after{content:"";position:absolute;z-index:-1;width:82vw;height:38vh;left:-32vw;bottom:-12vh;border-radius:50%;border:1px solid rgba(255,111,0,.55);filter:blur(1px);box-shadow:0 0 18px rgba(255,91,0,.48),0 0 70px rgba(255,71,0,.18);transform:rotate(18deg)}.login-card{width:min(100%,362px);min-height:min(760px,calc(100svh - 28px));display:flex;flex-direction:column;justify-content:center;margin:auto;padding:28px 25px 22px;position:relative;border:1px solid rgba(255,121,23,.64);border-radius:27px;background:linear-gradient(145deg,rgba(17,18,17,.78),rgba(4,5,5,.91));box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 24px 80px rgba(0,0,0,.54),0 0 28px rgba(255,94,0,.08);backdrop-filter:blur(18px) saturate(115%);-webkit-backdrop-filter:blur(18px) saturate(115%)}.brand{display:grid;width:max-content;line-height:1}.brand>span{font-size:24px;font-weight:300;letter-spacing:.08em}.brand small{margin-top:5px;font-size:8px;letter-spacing:.32em;color:#b8bcbd}.brand b{padding:2px 4px;border-radius:2px;background:var(--orange);color:#0a0a0a;letter-spacing:.05em}.brand-large>span{font-size:42px;font-weight:300;letter-spacing:.16em}.brand-large small{font-size:9px;letter-spacing:.38em}.brand-large::after{content:"";width:94px;height:1px;margin-top:20px;background:linear-gradient(90deg,var(--orange),transparent);box-shadow:0 0 8px rgba(255,106,0,.55)}.login-copy{margin:41px 0 25px}.login-copy>p,.welcome>p:first-child,.screen-title small,.section-heading small,.profile-head small{color:var(--orange);font-size:10px;font-weight:800;letter-spacing:.19em}.login-copy h1,.welcome h1,.screen-title h1{font-size:clamp(34px,10.5vw,43px);line-height:1.02;letter-spacing:-.04em;margin:10px 0}.login-copy h1{font-weight:780}.login-copy em{color:var(--orange);font-style:normal}.login-form{display:grid;gap:13px}.login-form label{display:grid;gap:7px;color:#e9e9e6;font-size:11px;font-weight:650}.login-field{height:54px;display:flex;align-items:center;border:1px solid rgba(255,255,255,.19);border-radius:11px;background:rgba(11,12,12,.69);box-shadow:inset 0 0 22px rgba(0,0,0,.25);transition:border-color .18s,box-shadow .18s}.login-field:focus-within{border-color:rgba(255,115,24,.9);box-shadow:0 0 0 3px rgba(255,106,0,.1),0 0 24px rgba(255,88,0,.1)}.field-icon{width:48px;height:52px;flex:0 0 48px;position:relative;color:transparent;font-size:0}.field-icon::before{content:"";position:absolute;width:11px;height:11px;left:18px;top:12px;border:1.5px solid var(--orange);border-radius:50%}.field-icon::after{content:"";position:absolute;width:18px;height:10px;left:14px;top:28px;border:1.5px solid var(--orange);border-top-left-radius:10px;border-top-right-radius:10px}.lock-icon::before{width:12px;height:12px;left:17px;top:13px;border-radius:7px;border-bottom:0}.lock-icon::after{width:17px;height:14px;left:15px;top:23px;border-radius:3px}.login-form input{width:100%;height:52px;padding:0 14px 0 0;border:0;background:transparent;color:#fff;font-size:14px;font-weight:450;outline:none}.login-form input::placeholder{color:#7f8383;opacity:1}.primary-button,.outline-button{width:100%;min-height:53px;border:0;border-radius:10px;background:linear-gradient(135deg,var(--orange),#ff812d);color:#090909;font-size:11px;font-weight:950;letter-spacing:.09em;cursor:pointer}.login-submit{min-height:55px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin-top:1px;padding:0 20px;background:linear-gradient(105deg,#ff4b12,#ff8b12 52%,#ff5b11);border:1px solid rgba(255,173,82,.75);box-shadow:0 0 22px rgba(255,75,0,.32),inset 0 1px rgba(255,255,255,.22);font-size:12px;letter-spacing:.24em}.login-submit span{grid-column:2}.login-submit b{grid-column:3;justify-self:end;font-size:23px;font-weight:300;letter-spacing:0}.form-error{min-height:14px;margin:-2px 0;color:#ff9e9b;font-size:10px;line-height:1.3}.secure-note{display:flex;align-items:center;justify-content:center;gap:9px;margin:22px 0 0;color:#c4c7c6;font-size:10px}.secure-note span{color:var(--orange);font-size:19px;text-shadow:0 0 12px rgba(255,106,0,.5)}
.portal-view{width:100%;min-height:100svh}.portal-header{height:70px;position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.07);background:rgba(7,8,8,.92);backdrop-filter:blur(18px)}.portal-header .brand>span{font-size:18px}.portal-header .brand small{font-size:6px}.plan-pill{padding:7px 10px;border:1px solid rgba(255,106,0,.38);border-radius:999px;color:var(--orange-soft);font-size:8px;font-weight:900;letter-spacing:.12em}.round-button{width:36px;height:36px;border:1px solid var(--line);border-radius:50%;background:#121415;font-size:27px;line-height:1;cursor:pointer}.portal-content{max-width:560px;margin:auto;padding:26px 16px calc(102px + env(safe-area-inset-bottom))}.portal-screen{display:none;animation:appear .22s ease}.portal-screen.active{display:block}@keyframes appear{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.welcome{padding:6px 3px 23px}.welcome>p{margin:0}.welcome h1{font-size:36px}.welcome h1 span{color:var(--orange)}.muted,.screen-title p{color:var(--muted);font-size:12px;line-height:1.55}.plan-summary{min-height:132px;display:flex;align-items:center;justify-content:space-between;padding:22px;margin-bottom:27px;border:1px solid #303335;border-radius:16px;background:radial-gradient(circle at 87% 15%,rgba(255,106,0,.2),transparent 33%),linear-gradient(145deg,#181a1b,#101112);box-shadow:0 18px 50px rgba(0,0,0,.28)}.plan-summary>div{display:grid;gap:5px}.plan-summary small,.current-plan>span{color:#858a8c;font-size:8px;font-weight:900;letter-spacing:.15em}.plan-summary strong{font-size:29px}.plan-summary span{color:#8e9395;font-size:10px}.plan-summary>i{width:64px;height:64px;display:grid;place-items:center;border:1px solid rgba(255,106,0,.35);border-radius:50%;color:var(--orange);font-size:13px;font-style:normal;font-weight:900}.section-heading{display:flex;align-items:end;justify-content:space-between;margin:26px 2px 12px}.section-heading h2{margin:5px 0 0;font-size:19px}.section-heading button{border:0;background:transparent;color:var(--orange);font-size:8px;font-weight:900;letter-spacing:.08em}.property-list,.simple-list,.benefits-list{display:grid;gap:10px}.property-card{width:100%;display:flex;align-items:center;gap:13px;padding:15px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(145deg,#161819,#111314);text-align:left;cursor:pointer}.property-mark{width:43px;height:43px;flex:0 0 auto;display:grid;place-items:center;border-radius:10px;background:rgba(255,106,0,.1);color:var(--orange);font-size:18px}.property-card>span:nth-child(2){display:grid;gap:4px;min-width:0}.property-card strong{font-size:13px}.property-card small{overflow:hidden;color:#787d7f;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.property-card em{display:flex;align-items:center;gap:5px;color:#a5aaab;font-size:9px;font-style:normal}.property-card em i,.status-line i{width:7px;height:7px;border-radius:50%;background:var(--green)}.property-card em.attention i,.status-line.attention i{background:var(--orange)}.property-card em.critical i,.status-line.critical i{background:var(--red)}.property-card>b{margin-left:auto;color:#74787a;font-size:19px}.quiet-card{display:flex;gap:13px;margin-top:28px;padding:17px;border:1px dashed #2f3234;border-radius:13px;color:#8c9193}.quiet-card>span{color:var(--orange)}.quiet-card strong{font-size:11px}.quiet-card p{margin:5px 0 0;font-size:9px;line-height:1.5}.screen-title{margin:8px 2px 26px}.screen-title h1{font-size:37px}.screen-title p{margin:8px 0}.property-hero{min-height:220px;display:flex;flex-direction:column;justify-content:end;padding:24px;margin:-26px -16px 0;background:linear-gradient(0deg,#0d0f10 5%,rgba(13,15,16,.3)),radial-gradient(circle at 72% 30%,rgba(255,106,0,.28),transparent 31%),linear-gradient(135deg,#1c2022,#0c0d0e)}.property-kicker{color:var(--orange);font-size:8px;font-weight:900;letter-spacing:.16em}.property-hero h1{margin:9px 0 4px;font-size:30px}.property-hero p{margin:0;color:#939799;font-size:11px}.status-line{display:flex;align-items:center;gap:7px;margin-top:13px;font-size:10px}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:15px}.summary-grid article{min-height:88px;display:grid;align-content:center;gap:7px;padding:14px;border:1px solid var(--line);border-radius:11px;background:#131516}.summary-grid small{color:#777c7e;font-size:7px;font-weight:900;letter-spacing:.1em}.summary-grid strong{font-size:13px}.simple-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px;border:1px solid var(--line);border-radius:11px;background:#131516}.simple-row>span{display:grid;gap:4px}.simple-row small{color:#7e8385;font-size:8px}.simple-row strong{font-size:11px}.simple-row em{color:var(--orange-soft);font-size:9px;font-style:normal}.simple-row a{color:var(--orange);font-size:8px;font-weight:900;text-decoration:none}.empty-row{padding:18px;border:1px dashed var(--line);border-radius:11px;color:#74797b;font-size:10px;text-align:center}
.current-plan{display:grid;gap:6px;padding:20px;margin-bottom:16px;border:1px solid rgba(255,106,0,.35);border-radius:14px;background:radial-gradient(circle at 90% 15%,rgba(255,106,0,.16),transparent 32%),#141617}.current-plan strong{font-size:28px;color:var(--orange)}.current-plan small{color:#888d8f}.benefit-card{padding:17px;border:1px solid var(--line);border-radius:13px;background:#131516}.benefit-card-head{display:flex;justify-content:space-between;gap:12px}.benefit-card h3{margin:0;font-size:13px}.benefit-card p{margin:5px 0 0;color:#7e8385;font-size:9px}.benefit-offer{text-align:right}.benefit-offer del{display:block;color:#707577;font-size:9px}.benefit-offer strong{color:var(--orange);font-size:17px}.benefit-property{margin-top:12px;padding-top:10px;border-top:1px solid #25282a;color:#969a9c;font-size:8px}.outline-button{margin-top:15px;border:1px solid #3a3d3f;background:transparent;color:#e8e9e6}.outline-button.danger{border-color:rgba(239,97,93,.35);color:#ff9693}.commercial-note{padding:14px;margin:12px 0;border-left:2px solid var(--orange);background:rgba(255,106,0,.055);color:#909597;font-size:9px;line-height:1.55}.plans-details{margin-top:18px;border:1px solid var(--line);border-radius:13px;background:#111314}.plans-details summary{padding:16px;color:#aeb1b2;font-size:9px;font-weight:900;letter-spacing:.1em;cursor:pointer}.plans-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 12px 12px}.plans-grid article{position:relative;padding:14px;border:1px solid #292c2e;border-radius:9px;background:#151718}.plans-grid small{font-size:9px;font-weight:900}.plans-grid strong{display:block;margin:8px 0;font-size:13px}.plans-grid p{margin:0;color:#7c8183;font-size:8px;line-height:1.4}.plans-grid .popular{border-color:var(--orange)}.plans-grid .popular>span{position:absolute;right:5px;top:-7px;padding:3px 5px;border-radius:4px;background:var(--orange);color:#080808;font-size:6px;font-weight:900}.profile-head{display:flex;align-items:center;gap:15px;margin:12px 2px 28px}.profile-avatar{width:64px;height:64px;display:grid;place-items:center;border-radius:50%;background:rgba(255,106,0,.16);color:var(--orange);font-size:20px;font-weight:900}.profile-head h1{margin:4px 0;font-size:25px}.profile-head p{margin:0;color:#7f8486;font-size:10px}.profile-list{overflow:hidden;border:1px solid var(--line);border-radius:13px;background:#131516}.profile-list>div{display:flex;justify-content:space-between;gap:15px;padding:16px;border-bottom:1px solid #25282a}.profile-list>div:last-child{border-bottom:0}.profile-list span{color:#8b9092;font-size:10px}.profile-list strong{font-size:10px;text-align:right}.bottom-nav{height:76px;position:fixed;z-index:30;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);padding-bottom:env(safe-area-inset-bottom);border-top:1px solid #292c2e;background:rgba(9,10,10,.96);backdrop-filter:blur(18px)}.bottom-nav button{display:grid;place-content:center;gap:5px;border:0;background:transparent;color:#686d6f;cursor:pointer}.bottom-nav span{font-size:18px}.bottom-nav small{font-size:7px;font-weight:900}.bottom-nav button.active{color:var(--orange)}.description-dialog{width:min(calc(100% - 28px),430px);padding:25px;border:1px solid rgba(255,106,0,.35);border-radius:16px;background:#131516;color:#f7f7f3;box-shadow:0 28px 90px #000}.description-dialog::backdrop{background:rgba(0,0,0,.78);backdrop-filter:blur(5px)}.description-dialog>button{float:right;border:0;background:transparent;color:#969b9d;font-size:25px}.description-dialog>span{color:var(--orange);font-size:8px;font-weight:900;letter-spacing:.15em}.description-dialog h2{font-size:23px}.description-dialog>p,.dialog-rule p{color:#a2a6a7;font-size:11px;line-height:1.65}.dialog-rule{margin-top:18px;padding:14px;border-left:2px solid var(--orange);background:rgba(255,106,0,.06)}.dialog-rule strong{font-size:9px}.loading-layer{position:fixed;inset:0;z-index:100;display:grid;place-content:center;justify-items:center;gap:12px;background:rgba(7,8,8,.76);backdrop-filter:blur(7px)}.loading-layer[hidden]{display:none}.loading-layer div{width:30px;height:30px;border:2px solid #343638;border-top-color:var(--orange);border-radius:50%;animation:spin .8s linear infinite}.loading-layer span{color:#9a9e9f;font-size:9px;letter-spacing:.12em}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:720px){.portal-content{max-width:680px;padding-left:28px;padding-right:28px}.portal-header{max-width:680px;margin:auto;border-left:1px solid rgba(255,255,255,.05);border-right:1px solid rgba(255,255,255,.05)}.portal-view{background:linear-gradient(90deg,transparent calc(50% - 340px),rgba(255,255,255,.025) calc(50% - 340px),rgba(255,255,255,.025) calc(50% + 340px),transparent calc(50% + 340px))}.property-hero{margin-left:-28px;margin-right:-28px}.bottom-nav{left:50%;right:auto;width:680px;transform:translateX(-50%);border-left:1px solid #292c2e;border-right:1px solid #292c2e}}
@media(max-width:359px){.portal-content{padding-left:12px;padding-right:12px}.summary-grid{grid-template-columns:1fr}.login-view{padding-left:17px;padding-right:17px}.property-hero{margin-left:-12px;margin-right:-12px}.plans-grid{grid-template-columns:1fr}}
.portal-content{padding-bottom:calc(104px + env(safe-area-inset-bottom))}.bottom-nav{height:calc(76px + env(safe-area-inset-bottom))}