@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";:root{font-family:Plus Jakarta Sans,sans-serif;color:#17212f;background:#f4f7fa;--blue:#087af0;--line:#e4e9ef}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}.profile-brand{display:flex;align-items:center;gap:10px}.profile-brand img{width:42px;height:42px;object-fit:contain}.profile-brand span{font-size:16px;font-weight:600}.profile-brand b{color:var(--blue)}.profile-loading{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:15px;background:#fff}.profile-loading img{width:78px}.profile-loading svg{width:20px;color:var(--blue)}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.account-login{min-height:100vh;display:grid;grid-template-columns:1.08fr .92fr;background:#fff}.account-login>section{margin:14px;border-radius:27px;padding:38px 42px;color:#fff;background:radial-gradient(circle at 80% 25%,#105d9d,#0b2d4d 35%,#07131f 76%);display:flex;flex-direction:column;position:relative;overflow:hidden}.account-login>section:after{content:"";position:absolute;width:520px;height:520px;border:1px solid #ffffff17;border-radius:50%;right:-220px;bottom:-260px;box-shadow:0 0 0 60px #ffffff08,0 0 0 120px #ffffff05}.account-login>section .profile-brand{position:relative;z-index:1}.account-login>section .profile-brand b{color:#7ed5ff}.account-login>section>div:nth-child(2){margin:auto 0;position:relative;z-index:1}.account-login>section>div>span{font-size:9px;letter-spacing:2px;color:#68d2ff;font-weight:800}.account-login h1{font-size:clamp(46px,5.5vw,75px);line-height:1.04;letter-spacing:-4px;margin:18px 0}.account-login h1 em{font-style:normal;color:#9db1c3}.account-login>section p{font:400 13px/1.7 Inter,sans-serif;color:#bdcad5;max-width:500px}.account-login ul{list-style:none;padding:10px 0 0;display:flex;gap:20px;flex-wrap:wrap}.account-login li{display:flex;align-items:center;gap:5px;font:500 8px Inter,sans-serif;color:#afc0ce}.account-login li svg{width:13px;color:#60d2ff}.account-login>section>small{position:relative;z-index:1;display:flex;align-items:center;gap:7px;font-size:8px;color:#b4c4ce}.account-login>section>small svg{width:15px;color:#5ed8ad}.account-login>form{width:min(390px,calc(100% - 40px));margin:auto}.login-mark{width:56px;height:56px;border-radius:16px;background:#edf6ff;display:grid;place-items:center;margin-bottom:22px}.login-mark img{width:46px}.account-login form h2{font-size:28px;letter-spacing:-1px;margin:0 0 8px}.account-login form>p{font:400 10px/1.6 Inter,sans-serif;color:#7a8591;margin:0 0 28px}.account-login form label,.edit-modal label{display:block;font-size:9px;font-weight:700;margin:15px 0 7px}.account-field{height:50px;border:1px solid #dbe2e8;border-radius:12px;display:flex;align-items:center;gap:9px;padding:0 13px}.account-field:focus-within{border-color:#1584ef;box-shadow:0 0 0 3px #087af011}.account-field svg{width:16px;color:#87929d}.account-field input{border:0;outline:0;flex:1;min-width:0}.account-error{margin-top:12px;padding:10px;border-radius:9px;background:#fff1f1;color:#b32d2d;font-size:9px}.account-login form>button{width:100%;height:50px;border:0;border-radius:11px;background:#17212f;color:#fff;margin-top:22px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:10px;font-weight:700}.account-login form>button:disabled{opacity:.5}.account-login form>button svg{width:16px}.account-login form>small{margin-top:18px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:8px;color:#8a949e}.account-login form>small svg{width:13px}.account-app{min-height:100vh}.account-app>aside{position:fixed;inset:0 auto 0 0;width:245px;background:#f7f9fc;padding:22px 15px;display:flex;flex-direction:column;border-right:1px solid #e6ebf0}.account-app>aside .profile-brand{padding:0 9px;margin-bottom:36px}.account-app>aside nav{display:grid;gap:3px}.account-app>aside nav button,.account-side-foot button{height:42px;border:0;background:none;border-radius:0 21px 21px 0;padding:0 14px;display:flex;align-items:center;gap:11px;color:#65717d;font-size:10px;text-align:left}.account-app>aside nav button.active{background:#dfeeff;color:#0b63bd;font-weight:700}.account-app>aside nav svg,.account-side-foot svg{width:17px}.account-side-foot{margin-top:auto;border-top:1px solid var(--line);padding-top:10px}.account-side-foot button{width:100%}.account-app>main{margin-left:245px;min-height:100vh;background:#fff;border-radius:22px 0 0}.account-app main>header{height:102px;padding:0 38px;display:flex;align-items:center;border-bottom:1px solid #edf0f3}.account-app main>header span,.identity-card span,.section-title span{font-size:8px;letter-spacing:1.6px;color:#0b72df;font-weight:800}.account-app main>header h1{font-size:24px;letter-spacing:-.8px;margin:7px 0 0}.account-avatar{margin-left:auto;width:42px;height:42px;border-radius:50%;background:#17212f;color:#fff;display:grid;place-items:center;font-size:10px;font-weight:700}.account-menu{display:none}.account-content{max-width:1150px;margin:auto;padding:36px 38px 70px}.identity-card{min-height:150px;border:1px solid var(--line);border-radius:20px;padding:25px;display:flex;align-items:center;gap:19px;background:linear-gradient(115deg,#fbfdff,#f4f9ff)}.identity-avatar{width:76px;height:76px;border-radius:23px;background:linear-gradient(145deg,#0b72e7,#09a7df);color:#fff;display:grid;place-items:center;font-size:18px;font-weight:700;box-shadow:0 12px 28px #087af02c}.identity-card h2{font-size:22px;letter-spacing:-.7px;margin:8px 0 5px}.identity-card p{font:400 9px Inter,sans-serif;color:#7e8995;margin:0}.identity-card>button{margin-left:auto;height:39px;border:1px solid #dbe3ea;background:#fff;border-radius:10px;padding:0 14px;display:flex;align-items:center;gap:7px;font-size:9px;font-weight:700}.identity-card>button svg{width:14px}.section-title{display:flex;align-items:flex-end;justify-content:space-between;margin:50px 0 20px}.section-title h2{font-size:27px;letter-spacing:-1.1px;margin:8px 0 0}.section-title p{max-width:350px;text-align:right;font:400 9px/1.6 Inter,sans-serif;color:#7d8894;margin:0}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.service-grid>a,.service-coming{min-height:130px;border:1px solid var(--line);border-radius:17px;padding:21px;display:flex;align-items:center;gap:15px;text-decoration:none;color:inherit;transition:.18s}.service-grid>a:hover{border-color:#a8c9ea;box-shadow:0 10px 28px #23476812;transform:translateY(-2px)}.service-icon,.service-coming>div{width:53px;height:53px;border-radius:15px;display:grid;place-items:center;flex:0 0 auto}.service-icon.drive{background:#e8f3ff;color:#087af0}.service-icon.mail{background:#fff0eb;color:#e74432}.service-icon svg,.service-coming svg{width:24px}.service-grid>a>div:nth-child(2),.service-coming span{display:flex;flex-direction:column;gap:6px}.service-grid h3,.service-coming b{font-size:13px;margin:0}.service-grid p,.service-coming small{font:400 8px Inter,sans-serif;color:#7f8994;margin:0}.service-grid>a>svg{margin-left:auto;width:16px;color:#8a949e}.service-coming{border-style:dashed;background:#fafbfc}.service-coming>div{background:#edf0f3;color:#7e8994}.security-strip{margin-top:38px;border-radius:17px;background:#0e1c2b;color:#fff;padding:20px 22px;display:flex;align-items:center;gap:14px}.security-strip>div{width:43px;height:43px;border-radius:12px;background:#ffffff12;display:grid;place-items:center;color:#61d5aa}.security-strip svg{width:20px}.security-strip span{display:flex;flex-direction:column;gap:5px}.security-strip b{font-size:10px}.security-strip small{font:400 8px Inter,sans-serif;color:#aebbc7}.security-strip button{margin-left:auto;border:1px solid #ffffff25;background:#ffffff0d;color:#fff;border-radius:9px;height:36px;padding:0 13px;font-size:8px}.edit-backdrop{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;background:#17283b66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:18px}.edit-modal{width:min(430px,100%);background:#fff;border-radius:20px;padding:24px;box-shadow:0 25px 70px #1c344b36}.edit-modal header{display:flex;align-items:center;justify-content:space-between}.edit-modal header>div{display:flex;align-items:center;gap:9px}.edit-modal header svg{width:19px;color:#087af0}.edit-modal h2{font-size:17px;margin:0}.edit-modal header>button{border:0;background:none}.edit-modal input{width:100%;height:46px;border:1px solid #dce3e9;border-radius:10px;padding:0 12px;outline:0}.edit-modal input:focus{border-color:#087af0}.edit-modal>div{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.edit-modal>div button{height:38px;border:1px solid #dce2e8;background:#fff;border-radius:9px;padding:0 14px;font-size:9px}.edit-modal>div button.save{border:0;background:#087af0;color:#fff}.profile-toast{position:fixed;z-index:200;bottom:24px;left:50%;transform:translate(-50%);background:#17212f;color:#fff;padding:11px 15px;border-radius:9px;font-size:9px}@media(max-width:800px){.account-login{grid-template-columns:1fr}.account-login>section{display:none}.account-login>form{min-height:100vh;display:flex;flex-direction:column;justify-content:center}.account-app>aside{display:none}.account-app>main{margin:0;border-radius:0}.account-menu{display:grid;border:0;background:none;margin-right:12px}.account-content{padding:25px 18px}.account-app main>header{padding:0 18px}.identity-card{align-items:flex-start;flex-wrap:wrap}.identity-card>button{margin-left:0}.section-title{display:block}.section-title p{text-align:left;margin-top:10px}.service-grid{grid-template-columns:1fr}.security-strip{align-items:flex-start}.security-strip button{display:none}}:root{--blue:#06a9b8}.profile-brand img,.profile-loading img,.login-mark img{filter:drop-shadow(0 6px 12px #00cda52b)}.account-login>section{background:radial-gradient(circle at 78% 24%,#087d5e,#07545d 33%,#08263d 58%,#07131f 82%)}.account-login>section .profile-brand b{color:#68f0ad}.account-login>section>div>span{color:#66f0b2}.account-login h1 em{color:#73d7bb}.account-login li svg{color:#64f0b2}.login-mark{background:linear-gradient(145deg,#e8fbff,#eaffef)}.account-field:focus-within{border-color:#08a89e;box-shadow:0 0 0 3px #04b6a414}.account-app>aside nav button.active{background:#dff8f1;color:#087c72}.account-app main>header span,.identity-card span,.section-title span{color:#078a82}.identity-card{background:linear-gradient(115deg,#fbfffe,#effcf8)}.identity-avatar{background:linear-gradient(145deg,#087af0,#05b9b1,#4bd212);box-shadow:0 12px 28px #08a9a42c}.edit-modal header svg{color:#08a99b}.edit-modal input:focus{border-color:#08a99b}.edit-modal>div button.save{background:#078a82}.security-strip>div{color:#61e5b3}
