:root{--bg:#060b13;--panel:#0c1522;--panel2:#111d2c;--line:#1e3148;--text:#f5f7fb;--muted:#9eb0c6;--blue:#2e6cff;--cyan:#31d4ff;--success:#1bc98e;--warning:#ffb020;--danger:#ff5a6f;--radius:20px;--shadow:0 20px 60px rgba(0,0,0,.28)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1180px,calc(100% - 36px));margin:auto}.topbar{background:#02060c;border-bottom:1px solid #122136;color:#8fa6c1;font-size:13px}.topbar-inner{display:flex;justify-content:space-between;padding:9px 0}.topbar a{color:var(--cyan)}.site-header{position:sticky;top:0;z-index:30;background:rgba(6,11,19,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(58,82,112,.35)}.nav{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:850;letter-spacing:.11em}.brand-mark{width:39px;height:39px;border:2px solid var(--cyan);border-radius:11px;display:grid;place-items:center;color:var(--cyan);box-shadow:0 0 30px rgba(49,212,255,.2)}.brand small{display:block;color:#69839f;font-size:9px;letter-spacing:.08em;margin-top:1px}.main-nav{display:flex;align-items:center;gap:22px;font-size:14px}.main-nav a:hover{color:var(--cyan)}.quote-cart{border:1px solid #29415e;padding:10px 13px;border-radius:12px}.quote-cart b{background:var(--blue);padding:2px 7px;border-radius:20px;margin-left:6px}.menu-toggle{display:none;background:none;border:0;color:white;font-size:24px}.hero{min-height:620px;display:flex;align-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 75% 35%,rgba(46,108,255,.20),transparent 31%),radial-gradient(circle at 85% 65%,rgba(49,212,255,.12),transparent 28%)}.hero:after{content:"";position:absolute;right:-12%;top:7%;width:56%;aspect-ratio:1;border:1px solid rgba(49,212,255,.18);border-radius:50%;box-shadow:0 0 0 80px rgba(49,212,255,.025),0 0 0 160px rgba(46,108,255,.018)}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center;position:relative;z-index:2}.eyebrow{color:var(--cyan);font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.hero h1{font-size:clamp(43px,6vw,78px);line-height:1.01;margin:12px 0 20px;letter-spacing:-.045em}.hero p{font-size:19px;color:var(--muted);max-width:680px}.hero-card{border:1px solid #1e3650;background:linear-gradient(145deg,rgba(18,34,53,.94),rgba(6,13,23,.78));border-radius:28px;padding:28px;box-shadow:var(--shadow)}.hero-card h3{font-size:23px;margin:0 0 8px}.hero-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.hero-choice{background:#0b1625;border:1px solid #213754;border-radius:14px;padding:14px;transition:.2s}.hero-choice:hover{transform:translateY(-2px);border-color:var(--cyan)}.hero-choice b{display:block}.hero-choice span{font-size:12px;color:var(--muted)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,var(--blue),#174bc8);border:1px solid #5284ff;color:#fff;padding:13px 18px;border-radius:12px;font-weight:750;cursor:pointer}.btn:hover{filter:brightness(1.09)}.btn.secondary{background:#101b2a;border-color:#2a405c}.btn.ghost{background:transparent;border-color:#2a405c}.btn.danger{background:#511724;border-color:#802238}.section{padding:82px 0}.section.alt{background:#09111d}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}.section-head h2{font-size:clamp(30px,4vw,48px);margin:5px 0}.section-head p{max-width:580px;color:var(--muted)}.grid{display:grid;gap:20px}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.card{background:linear-gradient(145deg,#0d1826,#09111c);border:1px solid #1d2e43;border-radius:var(--radius);overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.14)}.card-body{padding:20px}.card h3{margin:4px 0 8px;font-size:21px}.card p{color:var(--muted)}.product-thumb,.kit-thumb{aspect-ratio:4/3;background:#101926;overflow:hidden}.product-thumb img,.kit-thumb img{width:100%;height:100%;object-fit:cover;transition:.25s}.card:hover .product-thumb img,.card:hover .kit-thumb img{transform:scale(1.025)}.product-meta{display:flex;justify-content:space-between;gap:12px;color:#8da4bf;font-size:12px}.price{font-size:20px;font-weight:850;margin:12px 0}.badge{display:inline-flex;align-items:center;padding:5px 9px;border-radius:20px;font-size:11px;font-weight:800;background:#102744;color:#67c7ff}.category-card{min-height:150px;padding:23px;display:flex;flex-direction:column;justify-content:end;background:linear-gradient(150deg,#112239,#0a111b);border:1px solid #1f344e;border-radius:18px}.category-card:hover{border-color:#3577ff}.category-card b{font-size:19px}.category-card span{color:var(--muted);font-size:13px}.product-page{padding:60px 0}.product-layout{display:grid;grid-template-columns:1fr .86fr;gap:50px}.gallery-main{background:#0d1723;border:1px solid #1c2c3e;border-radius:24px;overflow:hidden;aspect-ratio:4/3}.gallery-main img{width:100%;height:100%;object-fit:contain}.thumbs{display:flex;gap:10px;margin-top:10px}.thumbs button{width:82px;height:62px;background:#0c1520;border:1px solid #213349;border-radius:10px;overflow:hidden;padding:0;cursor:pointer}.thumbs img{width:100%;height:100%;object-fit:cover}.product-info h1{font-size:42px;line-height:1.08;margin:10px 0}.product-info .lead{font-size:17px;color:var(--muted)}.spec-list{border-top:1px solid #1d2d41;margin-top:26px}.spec-row{display:grid;grid-template-columns:150px 1fr;padding:12px 0;border-bottom:1px solid #172639}.features{white-space:pre-line;color:#c7d2df}.filterbar{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:10px;padding:18px;background:#0c1522;border:1px solid #1f3045;border-radius:16px;margin-bottom:25px}input,select,textarea{width:100%;background:#08111c;border:1px solid #263a51;color:#f3f6fa;padding:12px 13px;border-radius:10px;font:inherit}textarea{min-height:130px;resize:vertical}label{display:block;font-size:13px;color:#9fb3ca;margin:10px 0 6px}.form-card{background:#0b1522;border:1px solid #1e3148;border-radius:18px;padding:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.quote-box{background:linear-gradient(145deg,#112440,#0a1523);border:1px solid #2a5180;border-radius:20px;padding:25px;position:sticky;top:110px}.estimate{font-size:36px;font-weight:900;color:#fff;margin:10px 0}.notice{font-size:12px;color:#8fa4bc}.config-layout{display:grid;grid-template-columns:1fr 380px;gap:30px;align-items:start}.config-group{padding:21px;background:#0c1624;border:1px solid #1e3147;border-radius:17px;margin-bottom:14px}.config-options{display:flex;flex-wrap:wrap;gap:9px;margin-top:12px}.config-options label{margin:0;cursor:pointer}.config-options input{display:none}.config-options span{display:block;border:1px solid #29415e;background:#09111c;padding:10px 14px;border-radius:10px;color:#c5d1de}.config-options input:checked+span{border-color:var(--cyan);background:#102a3c;color:white;box-shadow:0 0 0 1px var(--cyan) inset}.kit-components{margin:20px 0}.component{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid #1d2b3c}.component img{width:58px;height:48px;object-fit:cover;border-radius:8px;background:#111b28}.component .grow{flex:1}.cart-row{display:grid;grid-template-columns:90px 1fr 100px 150px 40px;gap:15px;align-items:center;padding:15px 0;border-bottom:1px solid #1c2b3d}.cart-row img{width:90px;height:70px;object-fit:cover;border-radius:10px}.flash{padding:12px 15px;border-radius:10px;margin:15px auto}.flash.success{background:#0d3b2d}.flash.warning{background:#493612}.flash.danger{background:#4a1820}.auth-wrap{max-width:520px;margin:70px auto}.site-footer{border-top:1px solid #1c2a3c;background:#040910;padding:55px 0 25px;color:#a5b4c6}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footer-grid h4{color:#fff}.footer-grid a,.footer-grid span{display:block;margin:8px 0}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #152235;margin-top:35px;padding-top:20px;font-size:12px;color:#6f839a}.admin-shell{display:grid;grid-template-columns:235px 1fr;gap:25px;padding:35px 0}.admin-nav{background:#0b1522;border:1px solid #1c3048;border-radius:18px;padding:14px;height:max-content;position:sticky;top:105px}.admin-nav a{display:block;padding:11px 12px;border-radius:9px;color:#b7c6d8}.admin-nav a:hover{background:#132338;color:#fff}.admin-content{min-width:0}.admin-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.admin-title h1{margin:0}.table-wrap{overflow:auto;border:1px solid #1d3048;border-radius:15px}.table{width:100%;border-collapse:collapse;background:#09131f}.table th,.table td{padding:12px 14px;border-bottom:1px solid #192a3e;text-align:left;white-space:nowrap}.table th{color:#8ca3bd;font-size:11px;text-transform:uppercase;letter-spacing:.06em}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stat{padding:22px;background:#0c1724;border:1px solid #1e3148;border-radius:16px}.stat b{font-size:30px;display:block}.muted{color:var(--muted)}.check-line{display:flex;align-items:center;gap:9px}.check-line input{width:auto}.inline-actions{display:flex;gap:8px}.small{font-size:12px}.empty{padding:40px;text-align:center;color:var(--muted);border:1px dashed #2a3b51;border-radius:16px}.pagination{display:flex;gap:7px;margin-top:22px}.pagination a{padding:8px 12px;border:1px solid #263a52;border-radius:8px}.pagination a.active{background:var(--blue)}
@media(max-width:900px){.main-nav{display:none;position:absolute;top:74px;left:18px;right:18px;flex-direction:column;align-items:stretch;background:#08111c;border:1px solid #233851;border-radius:16px;padding:16px}.main-nav.open{display:flex}.menu-toggle{display:block}.hero{min-height:auto;padding:70px 0}.hero-grid,.product-layout,.config-layout,.footer-grid,.admin-shell{grid-template-columns:1fr}.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:1fr 1fr}.hero-card{display:none}.admin-nav{position:static}.stats{grid-template-columns:1fr 1fr}.quote-box{position:static}.filterbar{grid-template-columns:1fr 1fr}.topbar-inner{justify-content:center}.topbar-inner span{display:none}}@media(max-width:600px){.container{width:min(100% - 24px,1180px)}.grid-4,.grid-3,.form-grid,.stats,.filterbar{grid-template-columns:1fr}.section{padding:55px 0}.section-head{align-items:start;flex-direction:column}.product-info h1{font-size:32px}.cart-row{grid-template-columns:65px 1fr}.cart-row>*:nth-child(n+3){grid-column:2}.footer-bottom{flex-direction:column;gap:8px}.spec-row{grid-template-columns:1fr}.hero h1{font-size:42px}.hero-choices{grid-template-columns:1fr}}

/* ===== Cronoze UI v2: navegación, cuenta y home visual ===== */
.site-header{box-shadow:0 1px 0 rgba(255,255,255,.015),0 12px 45px rgba(0,0,0,.22)}
.nav{min-height:78px}.main-nav{gap:8px}.main-nav>a:not(.quote-cart):not(.login-nav){padding:10px 12px;border-radius:10px;color:#c5d1df}.main-nav>a:not(.quote-cart):not(.login-nav):hover{background:#101c2b;color:#fff}.login-nav{padding:10px 16px!important;border:1px solid #2a405c;border-radius:11px}.quote-cart{margin-left:4px;background:#0c1725}
.user-menu{position:relative;margin-left:4px}.user-menu-trigger{height:48px;display:flex;align-items:center;gap:10px;padding:5px 9px 5px 6px;border:1px solid #263b55;border-radius:14px;background:linear-gradient(145deg,#0d1927,#09121e);color:#fff;cursor:pointer;min-width:185px}.user-menu-trigger:hover,.user-menu.open .user-menu-trigger{border-color:#3b6da8;background:#102034}.user-menu-text{display:flex;flex-direction:column;align-items:flex-start;min-width:0;line-height:1.15;flex:1}.user-menu-text b{font-size:12px;max-width:105px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-text small{font-size:10px;color:#7f96b0;margin-top:3px}.chevron{color:#7f96b0;font-size:18px}.avatar{width:44px;height:44px;display:inline-grid;place-items:center;flex:0 0 auto;border-radius:14px;background:linear-gradient(135deg,#1c63ff,#25c7ef);color:#fff;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}.avatar img{width:100%;height:100%;object-fit:cover}.avatar b{font-size:13px}.avatar-sm{width:34px;height:34px;border-radius:10px}.avatar-lg{width:76px;height:76px;border-radius:20px}.avatar-lg b{font-size:22px}.avatar-xl{width:92px;height:92px;border-radius:26px}.avatar-xl b{font-size:28px}
.user-dropdown{display:none;position:absolute;right:0;top:58px;width:320px;padding:10px;background:rgba(7,15,26,.98);border:1px solid #263c56;border-radius:18px;box-shadow:0 28px 80px rgba(0,0,0,.55);backdrop-filter:blur(18px);z-index:80}.user-menu.open .user-dropdown{display:block;animation:dropIn .16s ease-out}.user-dropdown-head{display:flex;gap:12px;align-items:center;padding:10px 10px 14px;border-bottom:1px solid #17283b;margin-bottom:7px}.user-dropdown-head div{min-width:0}.user-dropdown-head strong,.user-dropdown-head small{display:block}.user-dropdown-head strong{font-size:14px}.user-dropdown-head small{font-size:11px;color:#8299b4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.user-dropdown>a{display:flex;gap:12px;align-items:center;padding:11px 12px!important;border-radius:11px;color:#c8d5e4!important}.user-dropdown>a>span{width:24px;text-align:center;color:#74c8ff}.user-dropdown>a div{display:flex;flex-direction:column}.user-dropdown>a b{font-size:12px}.user-dropdown>a small{font-size:10px;color:#7890aa}.user-dropdown>a:hover{background:#102136!important;color:#fff!important}.user-dropdown .dropdown-admin{background:linear-gradient(135deg,rgba(46,108,255,.18),rgba(49,212,255,.07));border:1px solid rgba(74,142,255,.2);margin-bottom:5px}.dropdown-sep{height:1px;background:#17283b;margin:7px 4px}@keyframes dropIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}

.hero-media{min-height:690px;background:#040912}.hero-bg{position:absolute;inset:0}.hero-bg img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,8,14,.98) 0%,rgba(3,8,14,.91) 40%,rgba(3,8,14,.44) 72%,rgba(3,8,14,.64) 100%),linear-gradient(0deg,#060b13 0%,transparent 22%)}.hero-media:after{display:none}.hero-copy{max-width:650px}.hero-media h1{text-shadow:0 8px 40px rgba(0,0,0,.5)}.hero-media .hero-grid{grid-template-columns:1.1fr .8fr;gap:55px}.glass{background:rgba(11,24,39,.62)!important;backdrop-filter:blur(8px)}.ui-panel{background:rgba(7,16,28,.82);backdrop-filter:blur(18px);border-color:rgba(108,157,208,.28)}.hero-choice{display:flex;gap:11px;align-items:center;padding:13px}.hero-choice .choice-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#10253b;color:#55caff;flex:0 0 auto}.hero-choice div span{display:block}.hero-trust{display:flex;gap:10px;flex-wrap:wrap;margin-top:34px}.hero-trust span{padding:7px 10px;border:1px solid rgba(111,142,178,.24);border-radius:999px;background:rgba(4,12,21,.45);font-size:11px;color:#9eb0c6}.hero-trust b{color:#fff}
.visual-solutions{padding-top:95px}.media-bento{display:grid;grid-template-columns:1.35fr .65fr;grid-template-rows:repeat(2,250px);gap:16px}.media-tile{position:relative;overflow:hidden;border:1px solid #20344b;border-radius:22px;background:#0b1522;min-height:250px}.media-tile.tile-wide{grid-row:1/3}.media-tile img{width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.2,.8,.2,1)}.media-tile:hover img{transform:scale(1.035)}.media-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,7,12,.92),rgba(2,7,12,.08) 60%)}.media-caption{position:absolute;left:24px;right:24px;bottom:22px;display:flex;flex-direction:column}.media-caption small{color:#54d2ff;text-transform:uppercase;letter-spacing:.13em;font-weight:800}.media-caption b{font-size:clamp(20px,2.2vw,31px);margin-top:3px}.media-caption em{font-style:normal;color:#b8c8d9;font-size:12px;margin-top:8px}.category-card{position:relative;overflow:hidden;transition:.2s}.category-card:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(0,0,0,.24)}.category-index{position:absolute!important;right:14px;top:12px!important;font-size:10px!important;color:#42617f!important;letter-spacing:.12em}.showcase{background:linear-gradient(180deg,#060b13,#08111d)}.showcase-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:center}.showcase-copy h2{font-size:clamp(34px,4.5vw,56px);line-height:1.04;margin:10px 0 18px}.showcase-copy p{color:var(--muted);font-size:17px}.showcase-image{position:relative;border-radius:24px;overflow:hidden;border:1px solid #243a51;box-shadow:0 30px 80px rgba(0,0,0,.35)}.showcase-image img{width:100%;aspect-ratio:4/3;object-fit:cover}.floating-label{position:absolute;left:18px;bottom:18px;padding:11px 14px;border:1px solid rgba(255,255,255,.16);background:rgba(5,13,22,.8);backdrop-filter:blur(12px);border-radius:12px}.floating-label b,.floating-label small{display:block}.floating-label b{font-size:11px;letter-spacing:.09em}.floating-label small{font-size:10px;color:#91a5bc;margin-top:2px}.service-banner{padding-top:40px}.service-banner-inner{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr .92fr;gap:25px;align-items:center;background:linear-gradient(135deg,#102038,#08121f);border:1px solid #29415d;border-radius:28px;padding:42px}.service-banner h2{font-size:clamp(32px,4vw,52px);margin:8px 0}.service-banner p{color:var(--muted);max-width:620px}.service-banner img{border-radius:18px;border:1px solid #2a425c;box-shadow:0 20px 50px rgba(0,0,0,.3)}

.auth-card{box-shadow:0 25px 70px rgba(0,0,0,.3)}.remember-line{display:flex;align-items:flex-start;gap:10px;margin:18px 0 0;cursor:pointer}.remember-line input{width:auto;margin-top:4px}.remember-line span{display:flex;flex-direction:column}.remember-line b{color:#dce7f3;font-size:12px}.remember-line small{color:#7790aa;font-size:10px}.btn-block{width:100%;margin-top:18px}.otp-input{text-align:center;letter-spacing:.35em;font-size:24px;font-weight:800}.auth-back{display:block;text-align:center;color:#8ba1ba;font-size:12px;margin-top:18px}.security-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#102b44;border:1px solid #235176;color:#69d4ff;font-size:11px;font-weight:900}
.account-hero{padding:38px 0;background:radial-gradient(circle at 10% 50%,rgba(46,108,255,.16),transparent 30%),linear-gradient(180deg,#08111d,#060b13);border-bottom:1px solid #17283b}.account-hero-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.account-person{display:flex;align-items:center;gap:20px}.account-person h1{margin:3px 0;font-size:34px}.account-person p{margin:0;color:#91a5bb}.account-hero-actions{display:flex;gap:10px;flex-wrap:wrap}.admin-launch{background:linear-gradient(135deg,#2e6cff,#16a9da)}.account-section{padding-top:38px}.account-layout{display:grid;grid-template-columns:220px 1fr;gap:28px;align-items:start}.account-sidebar{position:sticky;top:118px;padding:10px;background:#09131f;border:1px solid #1e3045;border-radius:16px}.account-sidebar a{display:flex;gap:10px;align-items:center;padding:11px 12px;border-radius:10px;color:#91a6be;font-size:13px}.account-sidebar a:hover,.account-sidebar a.active{background:#112137;color:#fff}.account-sidebar .sidebar-admin{margin-top:8px;border-top:1px solid #1c2d40;border-radius:0;padding-top:16px;color:#61caff}.account-main{display:grid;gap:22px}.account-card{scroll-margin-top:125px;background:linear-gradient(145deg,#0b1522,#08111c);border:1px solid #1e3148;border-radius:21px;padding:25px;box-shadow:0 12px 35px rgba(0,0,0,.12)}.account-card-head{display:flex;justify-content:space-between;gap:18px;align-items:start;margin-bottom:20px}.account-card-head h2{margin:3px 0;font-size:28px}.status-pill,.security-state{padding:6px 10px;border-radius:999px;font-size:10px;font-weight:800;border:1px solid}.status-pill,.security-state.secure{color:#5ee4b4;background:#0b2b23;border-color:#1c5b49}.security-state.pending{color:#f1c46c;background:#2c2412;border-color:#58461e}.profile-photo-row{display:flex;gap:16px;align-items:center;padding:16px;background:#08121e;border:1px solid #172a3d;border-radius:15px;margin-bottom:16px}.grow{flex:1}.field-help{display:block;color:#70869e;margin-top:5px}.security-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.security-box{padding:20px;border:1px solid #1e3147;background:#08131f;border-radius:17px}.security-box-title{display:flex;gap:12px;align-items:center;margin-bottom:16px}.security-box-title h3{margin:0;font-size:17px}.security-box-title p{margin:3px 0 0;color:#8297ae;font-size:11px}.security-success{padding:11px 13px;border-radius:10px;background:#0b2c23;border:1px solid #205847;color:#67e4b9;font-size:12px;margin-bottom:13px}.disable-2fa{margin-top:10px}.setup-2fa p{font-size:12px;color:#a9bbcd}.secret-key{padding:12px;background:#040b13;border:1px dashed #3d6688;border-radius:10px;letter-spacing:.14em;text-align:center;font-family:ui-monospace,monospace;color:#77dbff;overflow:auto}.setup-2fa details{margin:10px 0}.setup-2fa summary{cursor:pointer;color:#90a7bf;font-size:11px}.setup-2fa code{display:block;white-space:normal;word-break:break-all;font-size:10px;color:#7d94ac;margin-top:7px}.session-panel{display:grid;grid-template-columns:1fr auto auto;gap:18px;align-items:center;margin-top:16px;padding:17px;border:1px solid #1e3147;background:#08131f;border-radius:15px}.session-panel p{margin:3px 0;color:#8297ae;font-size:11px}.session-panel>div:nth-child(2){text-align:center}.session-count{display:block;font-size:24px;font-weight:900;color:#64d0ff}.session-panel small{color:#7990a8;font-size:9px}

@media(max-width:1100px){.user-menu-text{display:none}.user-menu-trigger{min-width:0}.hero-media .hero-grid{grid-template-columns:1fr .75fr}.account-layout{grid-template-columns:180px 1fr}}
@media(max-width:900px){.main-nav{top:84px;max-height:calc(100vh - 110px);overflow:auto}.user-menu{width:100%;margin:0}.user-menu-trigger{width:100%;justify-content:flex-start}.user-menu-text{display:flex}.user-dropdown{position:static;width:100%;margin-top:8px;box-shadow:none;background:#07111d}.hero-media{min-height:auto}.hero-media .hero-grid{grid-template-columns:1fr;padding:90px 0 55px}.hero-media .hero-card{display:block}.media-bento{grid-template-columns:1fr 1fr;grid-template-rows:330px 230px}.media-tile.tile-wide{grid-column:1/3;grid-row:auto}.showcase-grid,.service-banner-inner{grid-template-columns:1fr}.account-layout{grid-template-columns:1fr}.account-sidebar{position:static;display:flex;overflow:auto}.account-sidebar a{white-space:nowrap}.security-grid{grid-template-columns:1fr}.account-hero-inner{align-items:flex-start;flex-direction:column}.session-panel{grid-template-columns:1fr auto}.session-panel form{grid-column:1/3}}
@media(max-width:600px){.hero-media .hero-grid{padding:62px 0 40px}.hero-media h1{font-size:39px}.hero-media .hero-card{padding:18px}.media-bento{display:grid;grid-template-columns:1fr;grid-template-rows:none}.media-tile.tile-wide{grid-column:auto}.media-tile{min-height:240px}.showcase-grid{gap:25px}.service-banner-inner{padding:22px}.account-person{align-items:flex-start}.avatar-xl{width:68px;height:68px;border-radius:18px}.account-person h1{font-size:27px}.account-card{padding:17px}.account-card-head{flex-direction:column}.profile-photo-row{align-items:flex-start;flex-direction:column}.session-panel{grid-template-columns:1fr}.session-panel form{grid-column:auto}.account-sidebar{padding:7px}.account-sidebar a span{display:none}}
