:root{color:#11121a;font-synthesis:none;text-rendering:optimizelegibility;--red:#ff1f4f;--red-dark:#de0d3d;--red-soft:#fff0f4;--ink:#11121a;--muted:#6f7180;--line:#e8e8ee;--surface:#fff;--canvas:#f7f7fa;--green:#139b6b;--shadow:0 16px 38px #19192417;--shadow-soft:0 7px 20px #19192412;background:#f7f7fa;font-family:Inter,ui-rounded,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--canvas);min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{border:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}svg{display:block}h1,h2,h3,p{margin-top:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #ff1f4f40}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.muted{color:var(--muted)}.tiny{font-size:.78rem;line-height:1.55}.eyebrow{color:var(--red);letter-spacing:.09em;text-transform:uppercase;font-size:.74rem;font-weight:800;display:block}.eyebrow.light{color:#ffffffc7}.boot-screen{background:#fff;place-content:center;gap:30px;min-height:100vh;display:grid;overflow:hidden}.boot-orbit{place-items:center;width:150px;height:150px;animation:2.2s ease-in-out infinite bootFloat;display:grid;position:relative}.boot-orbit:before,.boot-orbit:after{content:"";border:1px solid #ff1f4f33;border-radius:50%;animation:2s ease-out infinite orbitPulse;position:absolute;inset:0}.boot-orbit:after{animation-delay:.75s}.boot-orbit img{object-fit:contain;z-index:1;filter:drop-shadow(0 14px 18px #ff1f4f29);width:96px;height:96px;position:relative}.loader-line{background:#f0f0f3;border-radius:99px;width:160px;height:4px;overflow:hidden}.loader-line span{border-radius:inherit;background:linear-gradient(90deg, var(--red), #ff7592);width:50%;height:100%;animation:1.2s ease-in-out infinite loaderSlide;display:block}.login-layout{background:#fff;grid-template-columns:minmax(360px,.95fr) minmax(440px,1.05fr);min-height:100vh;display:grid}.login-brand-panel{isolation:isolate;color:#fff;background:linear-gradient(145deg, #d8093a 0%, var(--red) 48%, #ff6282 100%);align-items:flex-end;padding:clamp(40px,6vw,92px);display:flex;position:relative;overflow:hidden}.login-brand-panel:after{content:"RJ";z-index:-1;color:#ffffff14;font-size:clamp(240px,31vw,520px);font-weight:800;line-height:1;position:absolute;top:2vh;right:-4vw}.login-brand-copy{z-index:2;max-width:590px;position:relative}.login-wordmark{filter:brightness(0)invert();width:min(290px,70%);margin-bottom:34px}.login-brand-copy h1{letter-spacing:-.055em;max-width:520px;margin:15px 0 18px;font-size:clamp(2.5rem,4.8vw,5.8rem);line-height:.98}.login-brand-copy p{color:#ffffffd1;max-width:480px;margin-bottom:0;font-size:1.08rem;line-height:1.7}.brand-glow{z-index:-2;filter:blur(8px);background:#ffffff1f;border-radius:50%;position:absolute}.brand-glow-one{width:360px;height:360px;bottom:-90px;right:-120px}.brand-glow-two{width:210px;height:210px;top:12%;left:-80px}.login-form-panel{background:linear-gradient(135deg,#fff 25%,#fff8fa 100%);place-items:center;padding:42px;display:grid}.login-card{width:min(100%,470px)}.login-mobile-logo{display:none}.login-card h2{letter-spacing:-.05em;margin:11px 0 10px;font-size:clamp(2rem,4vw,3.25rem)}.login-help{background:var(--red-soft);border:1px solid #ffe2e9;border-radius:20px;grid-template-columns:auto 1fr;align-items:center;gap:13px;margin-top:24px;padding:18px;display:grid}.login-help p{color:#5d5963;margin:0;font-size:.84rem;line-height:1.55}.form-stack{gap:16px;display:grid}.field{color:#3f414b;gap:8px;font-size:.82rem;font-weight:700;display:grid}.field input,.field select,.field textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #dedee6;border-radius:14px;padding:14px 15px;transition:border-color .18s,box-shadow .18s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--red);outline:none;box-shadow:0 0 0 4px #ff1f4f14}.field input:disabled{cursor:not-allowed;color:#999aa4;background:#f2f2f5}.field textarea{resize:vertical;min-height:118px}.field textarea::placeholder{color:#c0274b;opacity:.8}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.button{cursor:pointer;border-radius:14px;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:11px 18px;font-weight:800;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.48}.button.primary{color:#fff;background:linear-gradient(135deg, var(--red-dark), var(--red));box-shadow:0 10px 22px #ff1f4f33}.button.secondary{color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow-soft);background:#fff}.button.compact{min-height:40px;padding:8px 13px;font-size:.82rem}.button.wide{width:100%}.button.large{min-height:58px;padding:16px 24px;font-size:1rem}.text-button{cursor:pointer;color:var(--red-dark);background:0 0;margin:17px auto 0;padding:8px;font-weight:800;display:block}.icon-button,.modal-close{cursor:pointer;color:var(--ink);background:#fff;border-radius:50%;place-items:center;display:inline-grid}.icon-bubble,.product-icon,.router-icon{color:var(--red);background:var(--red-soft);border-radius:50%;flex:none;place-items:center;display:inline-grid}.icon-bubble{width:46px;height:46px}.product-icon{width:40px;height:40px}.router-icon{width:56px;height:56px}.consent-screen{background:radial-gradient(circle at 20% 10%, #ffe3ea, transparent 30%), var(--canvas);place-items:center;min-height:100vh;padding:30px;display:grid}.consent-card{width:min(100%,590px);box-shadow:var(--shadow);background:#fff;border:1px solid #eeeef2;border-radius:30px;padding:clamp(28px,5vw,48px)}.consent-card h1{letter-spacing:-.05em;margin:12px 0;font-size:clamp(2rem,5vw,3.25rem)}.consent-points{gap:13px;margin:25px 0;display:grid}.consent-point{grid-template-columns:28px 1fr;align-items:start;gap:10px;display:grid}.consent-point span{color:#fff;background:var(--green);border-radius:50%;place-items:center;width:25px;height:25px;font-weight:800;display:grid}.consent-point p{margin:1px 0 0;line-height:1.55}.portal-shell{grid-template-columns:250px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#fff;background:#15151d;flex-direction:column;height:100vh;padding:34px 24px 25px;display:flex;position:sticky;top:0}.sidebar-logo{filter:brightness(0)invert();width:150px;margin:0 8px 44px}.sidebar-nav{gap:8px;display:grid}.nav-button{cursor:pointer;color:#a9a9b4;text-align:left;background:0 0;border-radius:14px;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:11px;min-height:49px;padding:0 15px;font-weight:700;transition:color .18s,background .18s;display:grid}.nav-icon{place-items:center;width:24px;height:24px;display:grid}.nav-icon svg{width:22px;height:22px}.nav-button:hover{color:#fff;background:#ffffff0f}.nav-button.active{color:#fff;background:linear-gradient(135deg, var(--red-dark), var(--red))}.sidebar-user{border-top:1px solid #ffffff1a;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;margin-top:auto;padding-top:22px;display:grid}.sidebar-user strong,.sidebar-user span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.sidebar-user span{color:#92929e;margin-top:2px;font-size:.72rem}.sidebar-user .icon-button{color:#fff;background:#ffffff14;width:37px;height:37px}.avatar{width:42px;height:42px;color:var(--red);background:var(--red-soft);border-radius:50%;place-items:center;font-weight:800;display:grid}.avatar.large{width:68px;height:68px;font-size:1.25rem}.portal-main{min-width:0}.page-wrap{width:min(1220px,100% - 64px);margin:0 auto;padding:46px 0 75px}.mobile-header,.bottom-nav{display:none}.page-heading{justify-content:space-between;align-items:flex-end;gap:20px;min-height:70px;margin-bottom:28px;display:flex}.page-heading h1{letter-spacing:-.065em;margin:7px 0 0;font-size:clamp(2.4rem,5vw,4.8rem);line-height:.98}.section-title{justify-content:space-between;align-items:center;gap:20px;margin:34px 0 16px;display:flex}.section-title h2{letter-spacing:-.035em;margin:0;font-size:clamp(1.45rem,2.3vw,2rem)}.section-title button{cursor:pointer;color:var(--red);background:0 0;align-items:center;gap:5px;font-weight:800;display:inline-flex}.card,.intro-card,.support-card,.contact-card,.help-card,.invoice-row,.payment-banner{background:var(--surface);box-shadow:var(--shadow-soft);border:1px solid #ebebf0;border-radius:23px}.dashboard-grid{grid-template-columns:minmax(0,2fr) repeat(2,minmax(170px,.72fr));gap:18px;display:grid}.hero-card{color:#fff;background:linear-gradient(145deg, var(--red-dark), var(--red) 45%, #ff7391);border-radius:28px;grid-row:span 2;justify-content:space-between;align-items:flex-start;gap:30px;min-height:230px;padding:34px;display:flex;box-shadow:0 22px 44px #ff1f4f3d}.hero-card strong{letter-spacing:-.065em;margin-top:12px;font-size:clamp(3rem,6vw,5rem);display:block}.hero-card p{color:#ffffffd1;max-width:540px;margin:22px 0 0;line-height:1.65}.hero-label{color:#ffffffd1;letter-spacing:.09em;text-transform:uppercase;font-size:.8rem;font-weight:800}.hero-spark{background:#ffffff26;border-radius:50%;place-items:center;width:70px;height:70px;font-size:2rem;display:grid}.metric-card{box-shadow:var(--shadow-soft);background:#fff;border:1px solid #ebebf0;border-radius:23px;flex-direction:column;justify-content:center;padding:23px;display:flex}.metric-card.clickable{cursor:pointer;transition:transform .18s,box-shadow .18s}.metric-card.clickable:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.metric-card strong{margin-top:13px;font-size:2.25rem}.metric-card>span{color:var(--muted)}.metric-card.danger{color:#fff;border-color:var(--red);background:linear-gradient(145deg, var(--red-dark), var(--red))}.metric-card.danger>span{color:#ffffffd1}.metric-card.danger .icon-bubble{color:#fff;background:#ffffff29}.payment-banner{cursor:pointer;justify-content:space-between;align-items:center;gap:22px;margin-top:18px;padding:25px 29px;display:flex}.payment-banner h3{margin:7px 0 5px;font-size:1.35rem}.payment-banner p{color:var(--muted);margin:0}.payment-banner.has-debt{color:#fff;background:linear-gradient(135deg, #b9002c, var(--red));border-color:#0000}.payment-banner.has-debt .eyebrow,.payment-banner.has-debt p{color:#ffffffd6}.contract-summary-grid,.contracts-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.contract-summary{padding:0 24px 13px;overflow:hidden}.card-heading-button{cursor:pointer;text-align:left;background:0 0;justify-content:space-between;align-items:center;gap:16px;width:calc(100% + 48px);margin:0 -24px;padding:23px 24px 19px;display:flex}.card-heading-button p{color:var(--muted);margin:6px 0 0;font-size:.8rem}.card-heading-button>strong{color:var(--red);font-size:1.3rem}.service-list{border-top:1px solid var(--line)}.service-row{border-bottom:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:15px 0;display:grid}.service-row:last-child{border-bottom:0}.service-row strong,.service-row span{display:block}.service-row strong{font-size:.86rem}.service-row span{color:var(--muted);margin-top:3px;font-size:.7rem}.service-row b{color:var(--red);white-space:nowrap}.support-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.support-card{cursor:pointer;text-align:left;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:22px;transition:transform .18s,box-shadow .18s;display:grid}.support-card:hover,.contact-card:hover,.help-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.support-card strong,.support-card span,.support-card b{display:block}.support-card span{color:var(--muted);margin-top:5px;font-size:.78rem;line-height:1.45}.support-card b{color:var(--red);margin-top:8px;font-size:.78rem}.intro-card{padding:26px}.intro-card h3{margin:8px 0;font-size:1.6rem}.intro-card p{color:var(--muted);margin:0}.usage-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:20px;display:grid}.usage-card{padding:23px}.usage-top{justify-content:space-between;gap:15px;display:flex}.usage-top p{color:var(--muted);margin:7px 0 0;font-size:.78rem}.usage-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px;display:grid}.usage-metrics>div{background:#f7f7fa;border-radius:18px;gap:9px;padding:17px;display:grid}.usage-metrics svg{color:var(--red)}.usage-metrics span{color:var(--muted);text-transform:uppercase;font-size:.69rem;font-weight:800}.usage-metrics strong{font-size:1.5rem}.invoice-list{gap:12px;margin-top:20px;display:grid}.invoice-row{cursor:pointer;text-align:left;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:14px;width:100%;padding:18px 20px;display:grid}.invoice-row strong,.invoice-row span{display:block}.invoice-row div>span{color:var(--muted);margin-top:4px;font-size:.78rem}.invoice-row b{color:var(--red);white-space:nowrap}.invoice-action{color:var(--muted)}.payment-card{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);align-items:end;gap:28px;padding:27px;display:grid}.payment-card h3{margin:8px 0;font-size:1.55rem}.payment-card p{color:var(--muted);margin:0;line-height:1.55}.payment-card.active{border-color:#ff1f4f4d}.payment-form{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;display:grid}.contract-card{padding:23px;overflow:hidden}.contract-header{cursor:pointer;text-align:left;background:0 0;justify-content:space-between;gap:18px;width:100%;padding:0;display:flex}.contract-header h3{margin:7px 0 4px;font-size:1.4rem}.contract-header p{color:var(--muted);margin:0;font-size:.78rem}.contract-total{color:var(--red);align-content:start;justify-items:end;display:grid}.contract-total strong{font-size:1.45rem}.contract-total span{color:var(--muted);margin:2px 0 8px;font-size:.68rem}.address-line{color:#454650;background:var(--red-soft);border-radius:14px;gap:10px;margin:20px 0 0;padding:14px;font-size:.77rem;line-height:1.5;display:flex}.address-line span{color:var(--red)}.contract-products{border-top:1px solid var(--line);margin-top:20px}.contract-product{border-bottom:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:12px;padding:17px 0;display:grid}.contract-product:last-child{border-bottom:0}.contract-product-copy strong,.contract-product-copy span,.contract-product-copy small,.contract-product-copy em{display:block}.contract-product-copy span,.contract-product-copy small{color:var(--muted);margin-top:4px;font-size:.72rem;line-height:1.45}.contract-product-copy em{color:var(--green);margin-top:6px;font-size:.72rem;font-style:normal;font-weight:800}.contract-product>b{color:var(--red);white-space:nowrap}.rotate{transform:rotate(180deg)}.router-panel,.puk-panel{margin-top:18px;padding:27px}.router-title{grid-template-columns:auto minmax(0,1fr);gap:17px;display:grid}.router-title h2,.puk-copy h2{letter-spacing:-.04em;margin:7px 0;font-size:clamp(1.4rem,2.5vw,2rem)}.router-title p,.puk-copy p{color:var(--muted);margin:0;line-height:1.55}.router-list{gap:12px;margin-top:21px;display:grid}.router-item{border:1px solid var(--line);background:#fbfbfc;border-radius:18px;overflow:hidden}.router-item-header{cursor:pointer;text-align:left;background:0 0;justify-content:space-between;gap:16px;width:100%;padding:18px;display:flex}.router-item-header strong,.router-item-header small{display:block}.router-item-header strong{margin-top:6px}.router-item-header small{max-width:620px;color:var(--muted);margin-top:5px}.router-item-header>div:last-child{align-items:center;gap:10px;display:flex}.status-pill{color:#666773;background:#ececf0;border-radius:99px;padding:6px 9px;font-size:.67rem;font-weight:800}.status-pill.online{color:#087b55;background:#daf7ea}.router-summary{color:var(--muted);margin:-8px 18px 17px;font-size:.75rem}.router-details{border-top:1px solid var(--line);background:#fff;padding:18px}.wifi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.wifi-network{background:var(--red-soft);border-radius:14px;padding:14px}.wifi-network span,.wifi-network strong{display:block}.wifi-network span{color:var(--red);text-transform:uppercase;font-size:.68rem;font-weight:800}.wifi-network strong{text-overflow:ellipsis;white-space:nowrap;margin-top:5px;overflow:hidden}.device-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:15px 0;display:grid}.device-row{cursor:pointer;text-align:left;background:#f7f7fa;border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;display:grid}.device-row strong,.device-row span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.device-row span{color:var(--muted);margin-top:3px;font-size:.66rem}.inline-loader{min-height:100px;color:var(--muted);justify-content:center;align-items:center;gap:13px;display:flex}.puk-panel{grid-template-columns:minmax(260px,.75fr) minmax(330px,1.25fr);align-items:start;gap:25px;display:grid}.puk-lines{gap:8px;display:grid}.puk-lines button{cursor:pointer;text-align:left;background:#f7f7fa;border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:50px;padding:0 14px;display:grid}.selected-line{color:var(--red-dark);background:var(--red-soft);border-radius:13px;align-items:center;gap:9px;margin:15px 0;padding:13px;font-weight:800;display:flex}.puk-result{color:#fff;background:#17171f;border-radius:20px;justify-items:center;gap:8px;margin:20px 0;padding:28px;display:grid}.puk-result span{color:#bdbdc7;text-transform:uppercase;font-size:.75rem}.puk-result strong{letter-spacing:.16em;font-size:clamp(2rem,6vw,3rem)}.settings-grid{grid-template-columns:minmax(260px,.75fr) minmax(360px,1.25fr);gap:18px;display:grid}.profile-card{align-items:center;gap:17px;padding:24px;display:flex}.profile-card h3{margin:6px 0 3px}.profile-card p{color:var(--muted);margin:0;font-size:.8rem}.settings-card{padding:23px}.settings-card h3{margin:7px 0 12px}.settings-card button,.legal-list button{cursor:pointer;border-top:1px solid var(--line);text-align:left;background:0 0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:14px 0;display:grid}.contact-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;display:grid}.contact-card{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;min-height:98px;padding:17px;transition:transform .18s,box-shadow .18s;display:grid}.contact-card strong,.contact-card span{display:block}.contact-card strong{font-size:.82rem}.contact-card span{color:var(--muted);overflow-wrap:anywhere;margin-top:4px;font-size:.7rem}.help-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.help-card{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:18px;transition:transform .18s,box-shadow .18s;display:grid}.help-card strong,.help-card span{display:block}.help-card span{color:var(--muted);margin-top:4px;font-size:.7rem}.legal-list{border:1px solid var(--line);background:#fff;border-radius:18px;overflow:hidden}.legal-list button{border-top:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto;padding:16px 19px}.legal-list button:first-child{border-top:0}.settings-footer{color:var(--muted);text-align:center;justify-items:center;gap:10px;margin-top:34px;font-size:.75rem;display:grid}.settings-footer span,.settings-footer p{margin:0}.settings-footer b{color:var(--red)}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0f0f1694;place-items:center;padding:22px;animation:.18s ease-out fadeIn;display:grid;position:fixed;inset:0;overflow-y:auto}.modal-card{background:#fff;border-radius:27px;width:min(100%,620px);max-height:calc(100vh - 44px);padding:clamp(25px,4vw,38px);animation:.25s ease-out modalIn;position:relative;overflow-y:auto;box-shadow:0 28px 80px #00000045}.modal-card h2{letter-spacing:-.045em;margin:10px 45px 20px 0;font-size:clamp(1.7rem,4vw,2.35rem)}.modal-close{background:#f3f3f6;width:39px;height:39px;position:absolute;top:20px;right:20px}.modal-icon{width:51px;height:51px;color:var(--red);background:var(--red-soft);border-radius:16px;place-items:center;display:grid}.modal-actions{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.detail-list{background:var(--line);border-radius:14px;gap:1px;margin:18px 0;display:grid;overflow:hidden}.detail-list>div{background:#fafafd;grid-template-columns:minmax(120px,.8fr) minmax(0,1.2fr);gap:15px;padding:13px;display:grid}.detail-list span{color:var(--muted);font-size:.76rem}.detail-list strong{text-align:right;overflow-wrap:anywhere}.success-panel{text-align:center;justify-items:center;gap:12px;padding:8px 0;display:grid}.success-panel p{color:var(--muted);margin:0;line-height:1.6}.legal-text{white-space:pre-line;color:#484a55;line-height:1.75}.notice{border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin:0 0 18px;padding:14px 16px;font-size:.8rem;display:grid}.notice.error{color:#88132e;background:#fff0f4;border:1px solid #ffc2d0}.notice.success{color:#08744f;background:#e9faf3;border:1px solid #b9ead8}.notice.compact{margin:14px 0 0}.notice button{cursor:pointer;color:currentColor;background:0 0;font-weight:800}.empty-state{min-height:200px;color:var(--muted);background:#fff9;border:1px dashed #d8d8df;border-radius:20px;justify-content:center;align-items:center;gap:15px;padding:28px;display:flex}.empty-state.compact{justify-content:flex-start;min-height:90px;padding:17px}.empty-state strong{color:var(--ink)}.empty-state p{margin:5px 0 0;font-size:.78rem;line-height:1.5}.loading-cards{gap:13px;margin-top:20px;display:grid}.loading-cards div{background:linear-gradient(100deg,#ececf1 20%,#f8f8fa 40%,#ececf1 60%) 0 0/240% 100%;border-radius:20px;height:98px;animation:1.25s linear infinite shimmer;overflow:hidden}.spinner{border:3px solid #ff1f4f2e;border-top-color:var(--red);border-radius:50%;width:27px;height:27px;animation:.75s linear infinite spin;display:inline-block}.spinner.small{border-width:2px;width:18px;height:18px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{background-position-x:-240%}}@keyframes fadeIn{0%{opacity:0}}@keyframes modalIn{0%{opacity:0;transform:translateY(15px)scale(.98)}}@keyframes loaderSlide{0%,to{transform:translate(-35%)}50%{transform:translate(135%)}}@keyframes bootFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes orbitPulse{0%{opacity:.7;transform:scale(.65)}to{opacity:0;transform:scale(1.25)}}@media (width<=1050px){.portal-shell{grid-template-columns:210px minmax(0,1fr)}.sidebar{padding-inline:16px}.dashboard-grid{grid-template-columns:1.5fr 1fr}.hero-card{grid-area:auto/1/auto/-1}.support-grid,.help-grid,.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.payment-card{grid-template-columns:1fr}}@media (width<=760px){.login-layout{background:linear-gradient(150deg,#fff 30%,#fff1f5);min-height:100vh;display:block}.login-brand-panel{display:none}.login-form-panel{min-height:100vh;padding:30px 22px}.login-mobile-logo{width:145px;margin-bottom:40px;display:block}.portal-shell{display:block}.sidebar{display:none}.portal-main{min-height:100vh;padding-bottom:calc(84px + env(safe-area-inset-bottom))}.mobile-header{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f7f7fae0;border-bottom:1px solid #e8e8eecc;justify-content:space-between;align-items:center;min-height:64px;padding:10px 19px;display:flex;position:sticky;top:0}.mobile-header img{width:105px}.mobile-header .avatar{cursor:pointer;border:0}.page-wrap{width:calc(100% - 30px);padding:22px 0 38px}.bottom-nav{z-index:30;min-height:calc(70px + env(safe-area-inset-bottom));padding:8px 6px calc(7px + env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff0;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;inset:auto 0 0;box-shadow:0 -10px 30px #1a1a2612}.bottom-nav .nav-button{color:#999aa5;text-align:center;background:0 0;border-radius:11px;grid-template-columns:1fr;align-content:center;justify-items:center;gap:4px;min-height:52px;padding:4px;font-size:.62rem;display:grid}.bottom-nav .nav-icon{width:24px;height:24px}.bottom-nav .nav-button.active{color:var(--red)}.bottom-nav .nav-button svg{width:21px;height:21px}.page-heading{align-items:flex-start;min-height:auto;margin-bottom:21px}.page-heading h1{font-size:clamp(2.25rem,12vw,3.4rem)}.page-heading .button span{display:none}.dashboard-grid,.contract-summary-grid,.contracts-grid,.usage-grid,.settings-grid{grid-template-columns:1fr}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hero-card{grid-column:1/-1;min-height:220px;padding:26px}.hero-card strong{font-size:3.3rem}.hero-spark{width:55px;height:55px}.metric-card{min-height:155px;padding:18px}.payment-banner{padding:21px}.support-grid{grid-template-columns:1fr}.support-card.horizontal{grid-column:auto}.puk-panel{grid-template-columns:1fr;padding:22px}.router-panel{padding:22px}.device-grid{grid-template-columns:1fr}.invoice-row{grid-template-columns:auto minmax(0,1fr) auto}.invoice-row>b{grid-area:2/2}.invoice-action{grid-area:1/3/span 2}.payment-form,.contact-grid,.help-grid{grid-template-columns:1fr}}@media (width<=480px){.field-grid,.wifi-grid,.usage-metrics{grid-template-columns:1fr}.modal-backdrop{align-items:end;padding:10px}.modal-card{border-radius:25px 25px 18px 18px;width:100%;max-height:calc(100vh - 20px);padding:24px 20px}.modal-actions{grid-template-columns:1fr;display:grid}.modal-actions .button{width:100%}.router-item-header{display:grid}.router-item-header>div:last-child{justify-content:space-between}.contract-header{align-items:flex-start}.contract-total strong{font-size:1.15rem}.contract-product{grid-template-columns:auto minmax(0,1fr)}.contract-product>b{grid-column:2}.service-row{grid-template-columns:auto minmax(0,1fr)}.service-row>b{grid-column:2}.detail-list>div{grid-template-columns:1fr;gap:4px}.detail-list strong{text-align:left}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}