@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');

:root{--ink:#202438;--muted:#85899d;--line:#eceef4;--paper:#fff;--wash:#f7f8fc;--purple:#7166e8;--purple-dark:#5d53ce;--green:#39aa84;--shadow:0 8px 28px rgba(38,42,79,.055)}
body{font-family:'DM Sans','PingFang SC',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--wash);color:var(--ink)}
body.workspace-mode{background:#f7f8fc}.navbar.is-hidden,.footer.is-hidden{display:none!important}
.is-hidden{display:none!important}#app.is-hidden{display:none!important}
.workspace-shell{display:none;min-height:100vh}.workspace-shell.is-visible{display:grid;grid-template-columns:252px minmax(0,1fr)}
.workspace-sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:26px 17px 16px;background:#fff;border-right:1px solid #eff0f5;z-index:10}
.workspace-brand{height:45px;display:flex;align-items:center;gap:11px;padding:0 12px;margin-bottom:38px;color:var(--ink);text-decoration:none}.brand-mark{width:37px;height:37px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#8c80f5,#6659dc);color:#fff;font-size:16px;box-shadow:0 6px 14px #7469e544}.workspace-brand strong{display:block;font:800 18px Manrope,sans-serif;letter-spacing:.2px}.workspace-brand small{display:block;margin-top:1px;color:#a3a5b3;font-size:8px;letter-spacing:1.35px;font-weight:700}
.sidebar-caption{padding:0 13px;margin:0 0 10px;color:#a8abba;font-size:10px;font-weight:700;letter-spacing:1.1px;text-transform:uppercase}.sidebar-caption-spaced{margin-top:30px}.workspace-link{height:46px;display:flex;align-items:center;gap:13px;padding:0 14px;margin:2px 0;border-radius:10px;text-decoration:none;color:#777b90;font-size:13px;font-weight:600;transition:.18s}.workspace-link>i{width:17px;text-align:center;font-size:15px;color:#a0a3b4}.workspace-link:hover{background:#f8f7ff;color:var(--purple)}.workspace-link.active{background:#f0efff;color:#6258d6}.workspace-link.active>i{color:#7166e8}.sidebar-arrow{margin-left:auto;font-size:21px;line-height:1;color:#9289ea}.sidebar-spacer{flex:1;min-height:24px}.sidebar-storage{display:flex;flex-direction:column;align-items:flex-start;padding:17px 15px 15px;margin:0 2px 15px;border:1px solid #eeedff;border-radius:13px;background:linear-gradient(145deg,#faf9ff,#f5f4ff)}.sidebar-storage-icon{width:30px;height:30px;display:grid;place-items:center;margin-bottom:12px;border-radius:9px;background:#ebe9ff;color:#7166e8}.sidebar-storage strong{font-size:12px}.sidebar-storage>span{margin-top:5px;color:#9698aa;font-size:10px}.sidebar-storage>a{margin-top:14px;color:#695fe0;font-size:10px;font-weight:700;text-decoration:none}.sidebar-storage>a i{margin-left:5px}.sidebar-profile{display:flex;align-items:center;gap:10px;padding:14px 8px 3px;border-top:1px solid #f0f1f5}.profile-avatar,.topbar-avatar{display:grid;place-items:center;flex:none;border:0;border-radius:50%;background:#eae8ff;color:#6258d6;font-weight:700}.profile-avatar{width:34px;height:34px;font-size:13px}.profile-copy{min-width:0;flex:1}.profile-copy strong,.profile-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-copy strong{font-size:11px}.profile-copy small{margin-top:3px;color:#a0a2b0;font-size:10px}.sidebar-profile button{width:30px;height:30px;border:0;border-radius:8px;background:transparent;color:#a3a5b3;cursor:pointer}.sidebar-profile button:hover{background:#f4f3ff;color:var(--purple)}
.workspace-main{min-width:0}.workspace-topbar{height:67px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,4vw,62px);background:rgba(255,255,255,.88);border-bottom:1px solid #eff0f5}.workspace-breadcrumb{display:flex;align-items:center;gap:12px;color:#a0a2b1;font-size:11px}.workspace-breadcrumb i{font-size:8px;color:#c9cad4}.workspace-breadcrumb strong{color:#55596c;font-weight:600}.workspace-top-actions{display:flex;align-items:center;gap:20px}.secure-label{color:#8e92a4;font-size:10px}.secure-label i{margin-right:5px;color:#44b28b}.topbar-avatar{width:32px;height:32px;cursor:pointer}
.workspace-page-content{max-width:1330px;min-height:calc(100vh - 67px);margin:auto;padding:43px clamp(24px,4vw,62px) 56px;opacity:0;transform:translateY(12px);transition:opacity .25s ease,transform .25s ease}.workspace-page-content.show{opacity:1;transform:none}.workspace-page-content>.page-container{max-width:none;padding:0}.workspace-page-content .page-container{max-width:none;padding:0}
.workspace-welcome{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:31px}.eyebrow{display:flex;align-items:center;gap:8px;color:#7d8197;font-size:11px;font-weight:600}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:#6cc8a4;box-shadow:0 0 0 4px #e7f7ef}.workspace-welcome h1{margin:15px 0 8px;font:750 clamp(25px,3vw,33px) Manrope,'PingFang SC',sans-serif;letter-spacing:-.9px;color:#26293d}.workspace-welcome p{margin:0;color:#9699aa;font-size:12px}.wave{color:#f0bd62;font-size:21px;vertical-align:middle}.workspace-primary-btn{height:42px;padding:0 18px;border-radius:9px;background:linear-gradient(110deg,#8277ed,#675cda);box-shadow:0 7px 15px #7065dd30;font-size:11px}.workspace-primary-btn:hover{transform:translateY(-1px);box-shadow:0 9px 17px #7065dd40}
.dashboard-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.dashboard-stat-card,.dashboard-panel{background:#fff;border:1px solid #eff0f5;border-radius:14px;box-shadow:var(--shadow)}.dashboard-stat-card{padding:20px 21px 18px;min-height:145px}.stat-card-top{display:flex;align-items:center;justify-content:space-between;color:#888c9f;font-size:11px;font-weight:600}.stat-symbol{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;font-size:13px}.stat-symbol.violet{color:#7368e5;background:#f0efff}.stat-symbol.blue{color:#56a0d9;background:#edf7ff}.stat-symbol.amber{color:#d69b46;background:#fff7e8}.dashboard-stat-card>strong{display:block;margin-top:12px;color:#272a3d;font:750 25px Manrope,sans-serif;letter-spacing:-.6px}.plan-stat>strong{font-size:20px;padding-top:3px}.stat-card-foot{display:flex;justify-content:space-between;gap:8px;margin-top:9px;color:#a1a3b1;font-size:10px}.stat-card-foot b{color:#666a7f;font-weight:600}.stat-card-foot a{color:#7166df;text-decoration:none;font-weight:600;white-space:nowrap}.stat-card-foot a i{margin-left:3px;font-size:9px}.dashboard-progress{height:5px;margin-top:13px;border-radius:5px;background:#f0eff8;overflow:hidden}.dashboard-progress span{display:block;width:0;height:100%;border-radius:5px;background:linear-gradient(90deg,#8b80f2,#655ada);transition:width .5s}
.dashboard-lower-grid{display:grid;grid-template-columns:minmax(0,1.38fr) minmax(260px,.82fr);gap:17px;margin-top:18px}.dashboard-panel{padding:21px 22px}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.panel-kicker{color:#a3a5b4;font-size:8px;letter-spacing:1.3px;font-weight:700}.panel-heading h2{margin:4px 0 0;color:#303348;font:700 16px Manrope,'PingFang SC',sans-serif}.panel-heading-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:#f5f3ff;color:#8479e8;font-size:12px}.panel-heading-icon.green{background:#edfaf4;color:#48b58c}.quick-link-list{display:flex;flex-direction:column}.quick-link{display:flex;align-items:center;gap:12px;padding:12px 2px;border-top:1px solid #f2f2f6;text-decoration:none}.quick-link-icon{width:35px;height:35px;display:grid;place-items:center;flex:none;border-radius:10px;font-size:13px}.quick-link-icon.folder{color:#8b76de;background:#f3efff}.quick-link-icon.plan{color:#d69c4c;background:#fff6e8}.quick-link-icon.settings{color:#55a8a1;background:#ebf8f6}.quick-link>span:nth-child(2){flex:1}.quick-link strong,.quick-link small{display:block}.quick-link strong{color:#4c5064;font-size:11px;font-weight:650}.quick-link small{margin-top:4px;color:#a0a2b1;font-size:9px}.quick-link>i{color:#c1c2cf;font-size:9px}.quick-link:hover strong{color:var(--purple)}.storage-panel{position:relative;overflow:hidden}.storage-panel>p{margin:0;color:#9295a5;font-size:10px;line-height:1.8}.text-link{display:inline-block;margin-top:13px;color:#7166df;font-size:10px;font-weight:650;text-decoration:none}.text-link i{margin-left:3px}.cloud-illustration{position:relative;height:126px;display:grid;place-items:center;overflow:hidden}.cloud-orbit{position:absolute;border:1px solid #eeedff;border-radius:50%;transform:rotate(-17deg)}.orbit-one{width:205px;height:80px}.orbit-two{width:155px;height:57px;transform:rotate(21deg)}.cloud-core{width:70px;height:70px;display:grid;place-items:center;border-radius:23px;background:linear-gradient(145deg,#958bf4,#6c61de);color:#fff;font-size:27px;box-shadow:0 13px 24px #7166e844;transform:rotate(-7deg)}.cloud-core i{transform:rotate(7deg)}.cloud-spark{position:absolute;color:#a49af5;font-size:16px}.spark-one{top:17px;left:24%}.spark-two{top:33px;right:23%}.spark-three{bottom:15px;left:34%;font-size:25px}
/* File workspace */
.workspace-page-content .files-header{align-items:flex-end;margin:0 0 20px}.workspace-page-content .files-header h1{display:block;margin:0;color:#292c40;font:750 27px Manrope,'PingFang SC',sans-serif;letter-spacing:-.5px}.workspace-page-content .files-header h1 i{display:none}.workspace-page-content .files-header:before{content:'FILES / YOUR CLOUD';display:block;position:absolute;transform:translateY(-23px);color:#a1a3b2;font-size:8px;letter-spacing:1.45px;font-weight:700}.workspace-page-content .header-actions{gap:9px}.workspace-page-content .header-actions .btn{height:39px;padding:0 14px;border-radius:9px;font-size:10px;box-shadow:none}.workspace-page-content .header-actions .btn-outline{border-color:#e8e9f0;background:#fff;color:#6e7284}.workspace-page-content .header-actions .btn-primary{background:linear-gradient(110deg,#8277ed,#675cda)}.workspace-page-content .storage-overview{position:relative;min-height:125px;align-items:center;padding:20px 24px;margin-bottom:17px;border:1px solid #ebe9ff;border-radius:13px;background:linear-gradient(110deg,#fff 0%,#fbfaff 66%,#f4f2ff 100%);color:#34374b;box-shadow:var(--shadow);overflow:hidden}.workspace-page-content .storage-overview:after{content:'✦';position:absolute;right:17%;top:-30px;color:#eceaff;font-size:100px;line-height:1}.workspace-page-content .storage-info{position:relative;z-index:1;max-width:530px}.workspace-page-content .storage-used{margin:0 0 13px;color:#33364a;font:700 19px Manrope,'PingFang SC',sans-serif}.workspace-page-content .storage-used:before{content:'空间使用情况';display:block;margin-bottom:6px;color:#9295a7;font:600 10px 'DM Sans','PingFang SC',sans-serif;letter-spacing:.2px}.workspace-page-content .storage-bar{height:6px;background:#eae9f7}.workspace-page-content .storage-bar-fill{border-radius:8px;background:linear-gradient(90deg,#8d82f2,#655ada)}.workspace-page-content .storage-percent{color:#898ca0;font-size:9px}.workspace-page-content .file-count{position:relative;z-index:1;padding:9px 12px;border:1px solid #efeff5;border-radius:9px;background:#fff;color:#777b8f;font-size:10px;box-shadow:0 4px 10px #2f31500a}.workspace-page-content .file-count i{color:#8278e5}.workspace-page-content .breadcrumb-nav{padding:12px 15px;margin-bottom:13px;border:1px solid #eff0f5;border-radius:10px;box-shadow:none}.workspace-page-content .breadcrumb-item{font-size:10px}.workspace-page-content .files-toolbar{align-items:center;gap:9px;padding:10px;margin-bottom:12px;border:1px solid #eff0f5;border-radius:11px;background:#fff;box-shadow:var(--shadow)}.workspace-page-content .search-box{max-width:430px}.workspace-page-content .search-box input{height:35px;padding:0 12px 0 34px;border:1px solid #f0f0f5;border-radius:8px;background:#fafbfe;color:#4d5063;font:10px 'DM Sans','PingFang SC',sans-serif;outline:none}.workspace-page-content .search-box input:focus{border-color:#c9c4fb;background:#fff}.workspace-page-content .search-box i{left:12px;color:#a8a9b7;font-size:11px}.workspace-page-content .filter-group select,.workspace-page-content .filter-select{height:35px;padding:0 11px;border:1px solid #eff0f5;border-radius:8px;background:#fff;color:#767a8c;font:10px 'DM Sans','PingFang SC',sans-serif}.workspace-page-content .view-btn{width:34px;height:34px;padding:0;border-color:#eff0f5;border-radius:8px;background:#fff;color:#999bab;font-size:11px}.workspace-page-content .view-btn.active{border-color:#eeecff;background:#f1efff;color:#7267e3}.workspace-page-content .files-grid{grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:12px}.workspace-page-content .file-card{position:relative;padding:11px;border-color:#eff0f5;border-radius:11px;box-shadow:0 3px 12px #282c4a06}.workspace-page-content .file-card:hover{border-color:#dedbff;box-shadow:0 9px 20px #35305c0b;transform:translateY(-2px)}.workspace-page-content .file-icon{height:106px;margin-bottom:10px;border-radius:8px;background:linear-gradient(145deg,#f8f8fc,#f2f3f9)}.workspace-page-content .file-icon i{font-size:37px}.workspace-page-content .file-name{margin-bottom:6px;color:#4a4d60;font-size:10px;font-weight:650}.workspace-page-content .file-meta{margin-bottom:7px;color:#a0a2b0;font-size:8px}.workspace-page-content .file-actions{justify-content:flex-start;gap:4px}.workspace-page-content .file-actions button{width:25px;height:24px;padding:0;border-color:#f0f0f5;border-radius:6px;color:#8b8ea0;font-size:9px}.workspace-page-content .file-actions button:hover{border-color:#e5e2ff;background:#f7f6ff;color:#7065dc}.workspace-page-content .folder-card{border-color:#f0edf9;background:#fff}.workspace-page-content .folder-card .file-icon{background:linear-gradient(145deg,#fffaf0,#fff6e6)}.workspace-page-content .folder-card .file-icon i{color:#e7b95b!important}.workspace-page-content .pagination{padding:14px 4px;color:#9799a8;font-size:10px}.workspace-page-content .pagination .btn{padding:8px 12px;border-radius:8px;font-size:10px}
.workspace-page-content .dashboard-header,.workspace-page-content .mount-panel{display:none}.workspace-page-content .stats-grid,.workspace-page-content .quick-actions{display:none}.workspace-page-content .settings-header h1{font:750 27px Manrope,'PingFang SC',sans-serif}.workspace-page-content .settings-content{max-width:780px}.workspace-page-content .settings-section{padding:22px!important;margin-bottom:14px;border:1px solid #eff0f5!important;border-radius:13px!important;background:#fff;box-shadow:var(--shadow)}.workspace-page-content .settings-section h3{font-size:14px!important}.workspace-page-content .auth-container{min-height:calc(100vh - 160px)}
/* Public-facing pages */
body.public-mode .navbar{padding:12px 0;background:rgba(255,255,255,.94);box-shadow:none}.public-mode .navbar-content{max-width:1200px;padding:0 30px}.public-mode .logo{font:750 19px Manrope,sans-serif}.public-mode .logo-icon{width:34px;height:34px;border-radius:11px;font-size:17px}.public-mode .nav-links{gap:27px;font-size:12px}.public-mode .auth-buttons .btn{padding:9px 15px;border-radius:9px;font-size:11px}.public-mode .page-container{max-width:1200px;padding:48px 30px}.public-mode .hero{min-height:440px;padding:62px 66px;border:1px solid #efeff6;border-radius:25px;background:radial-gradient(ellipse at 79% 42%,#eeeaff 0,#f7f6ff 28%,#fff 69%);box-shadow:0 17px 55px #3a34720b}.public-mode .hero-title{color:#25283c;font:800 clamp(36px,5vw,54px)/1.2 Manrope,'PingFang SC',sans-serif;letter-spacing:-1.7px}.public-mode .hero-desc{max-width:460px;color:#777b90;font-size:14px;line-height:1.9}.public-mode .hero-badge{border:1px solid #ebe8ff;border-radius:8px;background:#f7f6ff;color:#7569df;font-size:10px}.public-mode .hero-visual{border-radius:22px}.public-mode .disk-card{border:1px solid #e9e8f3;border-radius:18px;background:#fff;box-shadow:0 23px 55px #41367d18}.public-mode .features-grid{gap:15px}.public-mode .feature-card{border:1px solid #eff0f5;border-radius:14px;box-shadow:0 5px 20px #292c4506}.public-mode .cta-section{border-radius:20px;background:linear-gradient(110deg,#7469e4,#897fea)}
/* Modal and smaller screens */
.workspace-page-content .modal-content{border:1px solid #ececf3;border-radius:15px;box-shadow:0 24px 80px #20213d25}.workspace-page-content .modal-header,.workspace-page-content .modal-footer{border-color:#f0f0f5}.workspace-page-content .modal-header h3{font-size:14px}.workspace-page-content .modal .btn{border-radius:8px;font-size:11px}.workspace-page-content .form-input{border-radius:8px}.workspace-page-content .empty-state{grid-column:1/-1;min-height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;border:1px dashed #e7e7f0;border-radius:12px;background:#fff;color:#999bab;font-size:11px}.workspace-page-content .empty-state>i{font-size:25px;color:#a59cf0}
@media(max-width:900px){.workspace-shell.is-visible{grid-template-columns:205px minmax(0,1fr)}.workspace-sidebar{padding-inline:12px}.dashboard-lower-grid{grid-template-columns:1fr}.storage-panel{min-height:240px}.public-mode .nav-links{gap:14px}.public-mode .hero{padding:45px 38px}}
@media(max-width:680px){.workspace-shell.is-visible{grid-template-columns:1fr}.workspace-sidebar{position:fixed;top:auto;bottom:0;left:0;right:0;width:auto;height:62px;flex-direction:row;align-items:center;padding:5px 8px;border-top:1px solid #eceef4;border-right:0;box-shadow:0 -5px 20px #2324430a}.workspace-brand,.sidebar-caption,.sidebar-spacer,.sidebar-storage,.sidebar-profile{display:none}.workspace-link{height:48px;flex:1;flex-direction:column;justify-content:center;gap:4px;padding:3px 2px;margin:0;border-radius:8px;font-size:8px}.workspace-link>i{width:auto;font-size:15px}.workspace-link.active{background:#f5f3ff}.sidebar-arrow{display:none}.workspace-main{padding-bottom:62px}.workspace-topbar{height:55px;padding:0 17px}.workspace-breadcrumb{font-size:10px}.secure-label{display:none}.workspace-page-content{min-height:calc(100vh - 117px);padding:30px 16px 40px}.workspace-welcome{align-items:flex-start;flex-direction:column;gap:18px;margin-bottom:21px}.workspace-welcome h1{font-size:26px}.workspace-primary-btn{height:38px}.dashboard-stat-grid{grid-template-columns:1fr;gap:10px}.dashboard-stat-card{min-height:118px;padding:16px}.dashboard-stat-card>strong{font-size:22px}.dashboard-lower-grid{margin-top:11px;gap:11px}.dashboard-panel{padding:17px}.workspace-page-content .files-header{align-items:flex-start;flex-direction:column;gap:14px}.workspace-page-content .files-header h1{font-size:24px}.workspace-page-content .storage-overview{min-height:117px;padding:17px}.workspace-page-content .file-count{font-size:9px}.workspace-page-content .files-toolbar{flex-wrap:wrap}.workspace-page-content .search-box{max-width:none;flex-basis:100%}.workspace-page-content .filter-group{flex:1}.workspace-page-content .files-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.workspace-page-content .file-icon{height:90px}.workspace-page-content .file-meta span:last-child{display:none}.workspace-page-content .header-actions{width:100%}.workspace-page-content .header-actions .btn{flex:1;justify-content:center}.public-mode .navbar-content{padding:0 16px}.public-mode .nav-links{display:none}.public-mode .hero{padding:36px 24px;border-radius:18px}.public-mode .page-container{padding:24px 16px}.public-mode .hero-title{font-size:36px}.public-mode .hero-visual{margin-top:28px}.public-mode .features-grid{grid-template-columns:1fr 1fr;gap:9px}.public-mode .feature-card{padding:15px}.public-mode .feature-title{font-size:12px}.public-mode .feature-desc{font-size:10px}.public-mode .footer-main{grid-template-columns:1fr 1fr}}

/* Auth pages: dedicated split-screen layout. */
body.auth-mode{background:#fff}
body.auth-mode .navbar{position:absolute;top:0;left:0;right:0;z-index:4;padding:14px 0;background:transparent;border:0}
body.auth-mode .navbar-content{max-width:none;padding:0 5vw}
body.auth-mode .navbar .nav-links,body.auth-mode .footer{display:none!important}
body.auth-mode #app{position:relative;z-index:2;width:47vw;max-width:none;min-height:100vh;margin-left:auto;padding:110px clamp(35px,7vw,100px) 55px;display:flex;align-items:center;justify-content:center;background:#fff}
body.auth-mode #app .page-container{width:100%;max-width:460px;padding:20px 0}
body.auth-mode .auth-container{min-height:0;display:block;padding:0;background:transparent}
body.auth-mode .auth-box{max-width:none;padding:10px 0;border:0;border-radius:0;background:transparent;box-shadow:none}
body.auth-mode .auth-logo{width:48px;height:48px;display:grid;place-items:center;margin:0 0 25px;border-radius:15px;background:linear-gradient(145deg,#8c80f5,#6659dc);color:white;font-size:21px;box-shadow:0 9px 20px #7469e544}
body.auth-mode .auth-title{margin:0;color:#272a3e;text-align:left;font:750 30px Manrope,'PingFang SC',sans-serif;letter-spacing:-.7px}
body.auth-mode .auth-subtitle{margin:9px 0 30px;color:#9396a6;text-align:left;font-size:12px}
body.auth-mode .form-group{margin-bottom:18px}
body.auth-mode .form-label{margin-bottom:8px;color:#53566b;font-size:11px;font-weight:650}
body.auth-mode .form-input{height:46px;padding:0 14px;border:1px solid #e8e9f0;border-radius:9px;background:#fafbfe;font-size:11px;transition:.18s}
body.auth-mode .form-input:focus{border-color:#938af0;background:#fff;box-shadow:0 0 0 3px #eeeaff;outline:0}
body.auth-mode form .btn{height:46px;margin-top:10px!important;border-radius:9px;background:linear-gradient(110deg,#8277ed,#675cda);box-shadow:0 8px 18px #7065dd35;font-size:12px}
body.auth-mode .auth-link{margin-top:22px;color:#9295a5;font-size:11px}
body.auth-mode .auth-link a{color:#6c61df;font-weight:700}
body.auth-mode:has(.page-register) .benefits{padding:14px 16px;margin:0 0 20px;border:1px solid #efedff;border-radius:10px;background:#faf9ff}
body.auth-mode:has(.page-register) .benefits h3{margin:0 0 10px;color:#5952ae;font-size:11px}
body.auth-mode:has(.page-register) .benefits ul{display:grid;grid-template-columns:1fr 1fr;gap:8px;list-style:none}
body.auth-mode:has(.page-register) .benefits li{color:#77798e;font-size:9px}body.auth-mode:has(.page-register) .benefits li i{margin-right:5px;color:#57b491}
.auth-scenery{position:absolute;top:0;left:0;width:53vw;height:100%;min-height:100vh;display:none;overflow:hidden;background:linear-gradient(145deg,#655bd7 0%,#786de5 52%,#9186f1 100%);color:#fff}.auth-scenery.is-visible{display:block}
.auth-orb{position:absolute;border:1px solid #ffffff20;border-radius:50%}.orb-a{width:570px;height:570px;top:-160px;left:-90px}.orb-b{width:440px;height:440px;right:-140px;bottom:-190px;background:#fff1;border:0}
.auth-scenery-grid{position:absolute;inset:0;opacity:.14;background-image:linear-gradient(#fff2 1px,transparent 1px),linear-gradient(90deg,#fff2 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(135deg,#000,transparent 80%)}
.auth-scenery-logo{position:absolute;top:38px;left:5vw;width:42px;height:42px;display:grid;place-items:center;border:1px solid #ffffff55;border-radius:13px;background:#ffffff20;font-size:19px}
.auth-scenery-copy{position:absolute;left:clamp(44px,8vw,130px);right:35px;top:50%;transform:translateY(-50%);max-width:500px}.auth-scenery-kicker{font-size:9px;letter-spacing:2.4px;font-weight:700;color:#d8d4ff}
.auth-scenery-copy h2{margin:22px 0 15px;font:750 clamp(31px,4vw,49px)/1.32 Manrope,'PingFang SC',sans-serif;letter-spacing:-1px}.auth-scenery-copy p{max-width:370px;color:#e3e0ff;font-size:12px;line-height:2}
.auth-scenery-points{display:flex;flex-wrap:wrap;gap:19px;margin-top:32px}.auth-scenery-points span{color:#f2f0ff;font-size:10px}.auth-scenery-points i{margin-right:6px;color:#c8c2ff}.auth-scenery-note{position:absolute;bottom:30px;left:clamp(44px,8vw,130px);color:#dedbff9c;font-size:8px;letter-spacing:2px;font-weight:700}
@media(max-width:760px){.auth-scenery{display:none!important}body.auth-mode #app{width:100%;max-width:none;margin:0;padding:100px 25px 40px}body.auth-mode #app .page-container{max-width:460px}body.auth-mode .navbar{position:relative}body.auth-mode .auth-title{font-size:26px}}