@font-face{font-family:"Sora";src:url("/assets/Sora-Variable.ttf") format("truetype");font-style:normal;font-weight:100 800;font-display:swap}
:root{--navy:#102f49;--blue:#087fc4;--cyan:#078fb5;--pale:#eaf1f5;--line:#d5e0e7;--muted:#607887;--white:#fff;--danger:#a6323d}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--pale);color:var(--navy);font:14px/1.55 "Sora",system-ui,sans-serif}.account-header{height:72px;padding:0 clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;background:#f8fbfd;border-bottom:1px solid var(--line)}.account-brand img{display:block;width:178px;height:auto}.account-user{display:flex;align-items:center;gap:16px;color:var(--muted);font-size:12px}.account-user form{margin:0}.account-user button{border:1px solid #bdd0db;border-radius:8px;background:#fff;color:var(--navy);padding:8px 12px;cursor:pointer;font:600 11px "Sora"}.login-shell{min-height:calc(100vh - 72px);display:grid;place-items:center;padding:36px 18px}.login-card{width:min(470px,100%);background:#fff;border:1px solid var(--line);border-radius:20px;padding:clamp(27px,5vw,44px);box-shadow:0 28px 80px #23486016}.login-mark{display:block;width:68px;height:59px;object-fit:contain;margin:0 auto 15px}.overline{margin:0 0 8px;text-transform:uppercase;letter-spacing:.16em;font-size:9px;font-weight:750;color:var(--cyan)}.login-card>.overline{text-align:center}.login-card h1{margin:0;text-align:center;font-size:clamp(28px,5vw,40px);line-height:1.08;letter-spacing:-.045em}.login-card h1 em{font-style:normal;color:var(--blue)}.intro{margin:16px auto 24px;max-width:350px;text-align:center;color:var(--muted)}.alert{margin:0 0 18px;padding:12px 14px;border:1px solid #efc7ca;border-radius:9px;background:#fff5f5;color:var(--danger);font-size:12px}.login-form{display:grid;gap:8px}.login-form label{font-size:11px;font-weight:700;margin-top:6px}.login-form input{width:100%;border:1px solid #b8cad5;border-radius:9px;background:#fbfdfe;padding:13px 14px;outline:0;font:500 14px "Sora"}.login-form input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #087fc418}.login-form button{margin-top:10px;border:0;border-radius:9px;background:var(--blue);color:#fff;padding:14px 16px;font:700 13px "Sora";cursor:pointer}.login-form button span{float:right}.webmail-link{display:block;margin-top:20px;text-align:center;color:var(--muted);font-size:11px}.dashboard{width:min(1120px,calc(100% - 36px));margin:auto;padding:58px 0 80px}.dashboard-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:34px}.dashboard-head h1{margin:0;font-size:clamp(42px,6vw,68px);line-height:1;letter-spacing:-.055em}.dashboard-head p:last-child{margin:12px 0 0;color:var(--muted)}.webmail-button{flex:0 0 auto;text-decoration:none;background:var(--navy);color:#fff;border-radius:10px;padding:13px 16px;font-weight:700;font-size:12px}.webmail-button span{margin-left:14px}.storage-card,.offers-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px;box-shadow:0 16px 45px #2348600c}.storage-title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.storage-title h2{margin:0;font-size:42px;line-height:1;letter-spacing:-.04em;color:var(--blue)}.storage-title>span{color:var(--muted);font-size:12px}.quota-track{height:9px;border-radius:9px;background:#e3edf2;overflow:hidden;margin:25px 0 11px}.quota-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),#15afd2)}.storage-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.storage-upgrade{display:flex;align-items:center;justify-content:space-between;margin-top:22px;padding-top:19px;border-top:1px solid #e4ebef;color:var(--navy);text-decoration:none;font-weight:700}.storage-upgrade span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#e4f4fa;color:var(--cyan);font-size:18px}.settings-section{margin-top:58px}.section-heading h2{font-size:clamp(29px,4vw,42px);margin:0;letter-spacing:-.04em}.section-heading>p:last-child{color:var(--muted);margin:8px 0 24px}.settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.settings-grid article{position:relative;min-width:0;background:#f8fbfd;border:1px solid var(--line);border-radius:15px;padding:23px}.protocol{font-size:10px;font-weight:800;letter-spacing:.15em;color:var(--blue)}.settings-grid h3{margin:9px 0 19px;font-size:18px}.settings-grid dl{margin:0}.settings-grid dl div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid #e1eaef}.settings-grid dt{color:var(--muted);font-size:10px}.settings-grid dd{margin:0;text-align:right;overflow-wrap:anywhere;font-size:11px;font-weight:650}.recommended,.unavailable{display:inline-block;margin-top:19px;border-radius:20px;padding:5px 8px;background:#e4f4fa;color:var(--cyan);font-size:9px;font-weight:750}.disabled-protocol{background:#edf2f5!important}.disabled-protocol p{color:var(--muted);font-size:12px}.unavailable{background:#e5e9ec;color:#667984}.offers-card{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:50px}.offers-card h2{margin:0;font-size:28px;letter-spacing:-.035em}.offers-card p:last-child{color:var(--muted);margin:9px 0 0}.offers-card>span{border-radius:20px;padding:7px 11px;background:#e5f4fa;color:var(--cyan);font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.12em}@media(max-width:780px){.account-header{height:auto;min-height:66px;padding:12px 18px}.account-brand img{width:145px}.account-user>span{display:none}.dashboard{padding-top:38px}.dashboard-head{align-items:flex-start;flex-direction:column}.settings-grid{grid-template-columns:1fr}.storage-title{align-items:flex-start;flex-direction:column}.storage-meta{gap:7px;flex-direction:column}.offers-card{align-items:flex-start;flex-direction:column}}@media(max-width:440px){.account-brand img{display:none}.account-brand{width:37px;height:37px;background:url("/assets/logo-transparent.svg") center/contain no-repeat}.login-card{border-radius:15px;padding:25px 20px}.dashboard{width:min(100% - 24px,1120px)}}