:root{--bg:#08090b;--panel:#101216;--panel2:#15181e;--line:#262a32;--text:#f2f3f5;--muted:#858b96;--silver:#c8ccd3;--accent:#9ea8b8;--green:#a7c9b4;--red:#d98c8c;--mono:'DM Mono',monospace;--sans:'Manrope',Arial,sans-serif}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:var(--bg);color:var(--text);font-family:var(--sans)}body{overflow:hidden}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit}.hidden{display:none!important}.noise{pointer-events:none;position:fixed;inset:0;opacity:.035;z-index:5;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}
.shell{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 18px;overflow:auto}.brand{text-align:center;margin-bottom:34px}.eclipse{width:94px;height:94px;border-radius:50%;margin:0 auto 18px;position:relative;background:radial-gradient(circle at 50% 50%,#050608 0 47%,transparent 48%);box-shadow:0 0 0 1px #717783,0 0 22px #8e9aaa55,0 0 65px #8e9aaa22}.eclipse:before{content:"";position:absolute;inset:-5px;border-radius:50%;border:1px solid #d4d8df;opacity:.55}.eclipse i{position:absolute;inset:7px;border-radius:50%;border:1px solid #89919e;box-shadow:inset 0 0 18px #aeb6c322}.brand-word{font-size:25px;font-weight:800;letter-spacing:.48em;padding-left:.48em}.brand-sub{font:10px var(--mono);letter-spacing:.28em;color:#aeb4be;margin-top:7px}.tagline{font:9px var(--mono);letter-spacing:.2em;color:#626975;margin-top:20px}.auth-card{width:min(100%,410px);background:linear-gradient(145deg,#14171c,#0d0f12);border:1px solid #292e37;border-radius:18px;padding:24px;box-shadow:0 28px 90px #0009}.switch{display:flex;padding:4px;background:#090a0c;border:1px solid #252932;border-radius:9px;margin-bottom:23px}.switch button{flex:1;border:0;background:none;color:#777e89;padding:11px;font:10px var(--mono);letter-spacing:.14em;border-radius:6px}.switch button.active{background:linear-gradient(120deg,#c6cbd3,#7f8998);color:#08090b;font-weight:600}label{display:block;color:#8e95a0;font:9px var(--mono);letter-spacing:.13em;margin:0 0 16px}input,textarea{width:100%;margin-top:8px;background:#090b0e;border:1px solid #292e37;color:#f5f6f8;border-radius:8px;padding:13px 14px;outline:none;font:13px var(--sans)}input:focus,textarea:focus{border-color:#8f9aaa}input::placeholder,textarea::placeholder{color:#5f6671}.primary{background:linear-gradient(120deg,#d4d8df,#929cab);border:0;color:#080a0d;padding:14px 18px;border-radius:8px;font:600 10px var(--mono);letter-spacing:.12em;box-shadow:0 5px 24px #aeb8c018}.primary span{float:right;font-size:16px;margin-top:-3px}.auth-card .primary{width:100%;margin-top:5px}.auth-foot{font:8px var(--mono);letter-spacing:.12em;color:#69717d;text-align:center;margin-top:22px}.pulse{display:inline-block;width:6px;height:6px;background:#a8c8b2;border-radius:50%;box-shadow:0 0 9px #a8c8b2;margin-right:7px}.error{color:var(--red);font-size:12px;min-height:16px}
.workspace{height:100dvh;display:flex;background:radial-gradient(ellipse at 72% 8%,#1a1d2422,transparent 38%),#090a0d}.sidebar{width:310px;flex:0 0 310px;background:#0c0e11;border-right:1px solid #252932;display:flex;flex-direction:column;padding:22px 16px 16px}.side-brand{display:flex;align-items:center;gap:11px;padding:0 5px 25px;border-bottom:1px solid #22262e}.mini-eclipse{width:33px;height:33px;border-radius:50%;border:1px solid #c5cad2;box-shadow:0 0 13px #aab4c533,inset 0 0 8px #b6c0cf33}.side-brand b{display:block;letter-spacing:.28em;font-size:14px}.side-brand small{display:block;color:#6d7480;font:8px var(--mono);letter-spacing:.1em;margin-top:4px}.icon-btn{border:1px solid #2b3039;background:#111419;color:#aeb5c0;border-radius:8px;width:36px;height:36px;font-size:17px}.side-brand .icon-btn{margin-left:auto}.side-actions{display:grid;gap:8px;padding:18px 0}.small{width:100%;padding:12px 8px;font-size:9px}.ghost{border:1px solid #303640;background:transparent;border-radius:8px;color:#b6bdc8;font:9px var(--mono);letter-spacing:.1em}.section-label{font:8px var(--mono);letter-spacing:.14em;color:#737b87;padding:13px 5px}.section-label span{float:right;color:#aab2be}.room-list{overflow:auto;flex:1}.room-item{display:flex;gap:11px;align-items:center;padding:12px 10px;border:1px solid transparent;border-radius:9px;cursor:pointer;margin-bottom:4px}.room-item:hover,.room-item.active{background:#171b21;border-color:#2a3039}.room-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#3b414b,#171a20);border:1px solid #4a515d;color:#e4e7ec;font:11px var(--mono);flex:0 0 auto}.room-info{min-width:0;flex:1}.room-info b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-info small{display:block;color:#737b87;font:8px var(--mono);margin-top:5px}.sidebar-bottom{border-top:1px solid #252932;padding-top:15px}.online-state{font:8px var(--mono);color:#8fae9a;letter-spacing:.12em;padding:5px 7px 13px}.all-button{display:flex;align-items:center;gap:10px;width:100%;padding:12px;background:linear-gradient(100deg,#171b21,#101216);border:1px solid #333a45;border-radius:9px;text-align:left}.all-mark{width:30px;height:30px;border:1px solid #aeb6c255;border-radius:50%;display:grid;place-items:center;color:#cbd0d8}.all-button b{display:block;font:10px var(--mono);letter-spacing:.12em}.all-button small{display:block;color:#737b87;font:7px var(--mono);margin-top:4px}.chevron{margin-left:auto;color:#8b95a3;font-size:20px}
.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:62px;flex:0 0 62px;border-bottom:1px solid #242831;display:flex;align-items:center;justify-content:space-between;padding:0 27px}.crumb{font:9px var(--mono);letter-spacing:.13em;color:#727985}.crumb i{font-style:normal;color:#424954;margin:0 12px}.crumb b{color:#c4cad3;font-weight:400}.top-right{display:flex;align-items:center;gap:15px}.secure-label{font:8px var(--mono);letter-spacing:.12em;color:#9aa6a0}.secure-label i{display:inline-block;width:5px;height:5px;background:#a5c5b0;border-radius:50%;margin-right:7px}.welcome{margin:auto;text-align:center;padding:30px}.welcome-orbit{width:175px;height:175px;margin:0 auto 34px;position:relative;display:grid;place-items:center}.orbit-ring{position:absolute;inset:0;border:1px solid #59616d;border-radius:50%;box-shadow:0 0 40px #9ba8bb18,inset 0 0 35px #aeb7c00b}.orbit-ring:after{content:"";position:absolute;inset:15px;border:1px solid #333a45;border-radius:50%}.orbit-core{width:85px;height:85px;border-radius:50%;background:radial-gradient(circle at 50% 48%,#050608 0 49%,#9ba4b2 50%,#454c57 53%,#0c0e12 57%);box-shadow:0 0 25px #aab5c833}.eyebrow{font:9px var(--mono);letter-spacing:.24em;color:#87909d}.welcome h1{font-size:clamp(38px,5vw,64px);line-height:1.08;letter-spacing:-.06em;margin:17px 0}.welcome h1 em{font-style:normal;color:#aeb7c4}.muted{color:#818894;font-size:12px;line-height:1.8;margin-bottom:25px}.welcome .primary{padding:15px 23px}
.chat-view{flex:1;min-height:0;display:flex;flex-direction:column}.chat-head{height:76px;flex:0 0 76px;border-bottom:1px solid #242831;display:flex;align-items:center;padding:0 25px;gap:13px}.chat-head .chat-avatar{width:42px;height:42px}.chat-head-info{flex:1}.chat-head-info b{display:block;font-size:13px}.chat-head-info small{display:block;font:8px var(--mono);letter-spacing:.12em;color:#84909c;margin-top:5px}.chat-head-actions{display:flex;gap:7px}.messages{flex:1;overflow:auto;padding:24px clamp(14px,4vw,60px);display:flex;flex-direction:column;gap:12px}.message{max-width:min(74%,650px);align-self:flex-start;border:1px solid #2a3039;background:#14171c;border-radius:3px 13px 13px 13px;padding:11px 13px;position:relative}.message.mine{align-self:flex-end;background:#20252d;border-color:#414957;border-radius:13px 3px 13px 13px}.message-meta{font:8px var(--mono);color:#8c96a3;margin-bottom:6px;letter-spacing:.04em}.message-text{font-size:13px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.message-foot{font:8px var(--mono);color:#747d89;text-align:right;margin-top:8px}.message-actions{display:flex;gap:8px;margin-top:8px}.message-actions button{font:8px var(--mono);background:none;border:0;color:#aab4c2;padding:2px}.composer-wrap{padding:10px clamp(12px,3vw,34px) 18px;border-top:1px solid #242831;background:#0c0e12}.composer-tools{display:flex;align-items:center;gap:8px;margin-bottom:8px}.tool-btn{width:31px;height:31px;border:1px solid #333a45;background:#14181e;color:#b6bfca;border-radius:50%;font-size:15px}.moment-tool{border-color:#9ba6b755;color:#d0d5dd}.compose-hint{font:7px var(--mono);letter-spacing:.1em;color:#606976;margin-left:8px}.composer{display:flex;align-items:end;gap:9px}.composer textarea{resize:none;max-height:130px;min-height:45px;margin:0;background:#111419;border-color:#303640;border-radius:9px;padding:13px 15px}.send{width:44px;height:44px;border:0;border-radius:9px;background:linear-gradient(140deg,#d1d6de,#8793a3);color:#080a0d;font-size:22px}
.modal{position:fixed;inset:0;z-index:20;background:#000b;display:grid;place-items:center;padding:16px}.modal-card{position:relative;width:min(100%,520px);max-height:90dvh;overflow:auto;background:#111419;border:1px solid #343b46;border-radius:15px;padding:27px;box-shadow:0 30px 90px #000}.modal-close{position:absolute;right:14px;top:10px;background:none;border:0;color:#9ca5b2;font-size:24px}.modal h2{font-size:19px;margin:0 0 8px}.modal p{font-size:12px;color:#8a929e;line-height:1.7}.modal .primary{margin-top:10px}.modal .user-result{padding:12px;border:1px solid #2a3039;border-radius:8px;margin-top:8px;display:flex;align-items:center;justify-content:space-between}.user-result b{font-size:12px}.user-result small{display:block;color:#838b97;font:8px var(--mono);margin-top:4px}.user-result button{border:1px solid #657080;background:#20252d;border-radius:6px;padding:7px 10px;font:8px var(--mono)}.setting-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #2a3039;padding:13px 0;font-size:12px}.setting-row small{display:block;color:#818a96;font-size:9px;margin-top:4px}.danger{color:#dc9a9a}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#d0d5dd;color:#090b0e;padding:11px 17px;border-radius:7px;font:10px var(--mono);z-index:30;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1}.call-video{position:fixed;inset:8%;width:84%;height:84%;object-fit:cover;background:#050607;z-index:15;border:1px solid #aeb7c055;border-radius:15px}.reply-bar{font-size:10px;color:#9da8b6;padding:6px 10px;border-left:2px solid #aeb7c0;margin-bottom:7px}
@media(max-width:760px){.sidebar{width:100%;flex:0 0 100%;height:100%;border:0;padding:14px}.workspace{display:block}.main{display:none}.workspace.chat-open .sidebar{display:none}.workspace.chat-open .main{display:flex;height:100dvh}.topbar{padding:0 15px}.chat-head{padding:0 13px}.chat-head-actions{gap:4px}.chat-head-actions .icon-btn{width:32px;height:32px}.message{max-width:88%}.compose-hint{font-size:6px}.sidebar-bottom{padding-bottom:env(safe-area-inset-bottom)}.welcome{padding:15px}.welcome-orbit{width:140px;height:140px}.orbit-core{width:70px;height:70px}}

.audio-speed-row{margin-top:7px}.audio-speed-row label{display:flex;align-items:center;gap:8px;margin:0;font-size:8px}.audio-speed-row select{margin:0;width:auto;padding:4px 7px;background:#0a0c10;color:#cbd1da;border:1px solid #343b46;border-radius:5px;font-size:10px}.transcript{border-top:1px solid #333a45;margin-top:9px;padding-top:8px}.transcript b{font:8px var(--mono);letter-spacing:.12em;color:#aeb8c5}.transcript p,.translated-text{font-size:11px;color:#d4d8df;line-height:1.5;margin:6px 0}.translate-btn{border:1px solid #566171;background:#1a2028;color:#cbd2dc;border-radius:5px;padding:5px 8px;font:8px var(--mono)}

.biometric-login{width:100%;margin-top:9px;padding:12px;font:9px var(--mono);letter-spacing:.08em}.passkey-section{border-top:1px solid #343b46;margin-top:16px;padding-top:14px}.passkey-section>b{font:9px var(--mono);letter-spacing:.12em;color:#c3cad4}.passkey-section .muted{font-size:11px;line-height:1.5}

/* WSC 2.1.1 visual restoration: match the approved eclipse / Earth visual direction. */
.auth{position:relative;isolation:isolate;justify-content:space-between;gap:18px;min-height:100dvh;padding:clamp(18px,3.2vh,42px) 18px calc(20px + env(safe-area-inset-bottom));background:#05070b url('/assets/wsc-eclipse-earth.png') center center/cover no-repeat;}
.auth:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(3,5,9,.24) 0%,rgba(3,5,9,.58) 38%,rgba(3,5,9,.92) 100%),radial-gradient(ellipse at 50% 20%,rgba(5,8,14,.05),rgba(3,5,9,.48) 72%);}
.auth .brand{margin:0 auto;text-align:center;max-width:420px;padding-top:clamp(4px,2vh,22px);}
.auth .eclipse{width:clamp(86px,13vh,124px);height:clamp(86px,13vh,124px);margin-bottom:14px;box-shadow:0 0 0 1px #c5ccd7,0 0 28px #d8e2f077,0 0 78px #aab8ce33;}
.auth .brand-word{font-size:clamp(25px,4vh,34px);letter-spacing:.48em;}
.auth .brand-sub{font-size:10px;letter-spacing:.32em;}
.auth .tagline{margin-top:14px;color:#aab4c2;letter-spacing:.24em;}
.brand-copy{margin:14px 0 0;color:#d0d6df;font-size:12px;line-height:1.65;letter-spacing:.025em;text-shadow:0 2px 12px #000;}
.auth-card{width:min(100%,430px);background:linear-gradient(145deg,rgba(20,24,31,.91),rgba(8,10,14,.94));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-color:rgba(185,197,215,.28);box-shadow:0 22px 70px #000b, inset 0 1px 0 rgba(255,255,255,.035);}
.auth-card .switch{border-color:rgba(185,197,215,.2);background:rgba(3,5,8,.72);}
.auth-card input{background:rgba(4,6,10,.78);border-color:rgba(172,185,205,.24);}
.auth-card .primary{background:linear-gradient(120deg,#e0e4eb,#929eaf);}
.feature-strip{width:min(100%,430px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:0 auto;color:#c4ccd8;text-align:center;}
.feature{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;}
.feature span{width:30px;height:30px;display:grid;place-items:center;border:1px solid rgba(193,205,222,.42);border-radius:50%;font-size:17px;color:#e0e5ed;background:rgba(9,13,20,.42);}
.feature b{font:7px var(--mono);line-height:1.45;letter-spacing:.07em;color:#aeb8c7;font-weight:400;}
@media(max-height:760px){.auth{gap:10px;padding-top:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom))}.auth .brand{padding-top:0}.auth .eclipse{width:72px;height:72px;margin-bottom:8px}.auth .tagline{margin-top:8px}.brand-copy{margin-top:7px;font-size:11px}.auth-card{padding:17px}.switch{margin-bottom:15px}.auth-foot{margin-top:13px}.feature-strip{gap:3px}.feature span{width:26px;height:26px}.feature b{font-size:6px}}
@media(min-width:761px){.auth{background-position:center 42%}.auth-card{padding:28px 30px}.feature-strip{margin-bottom:4px}}

/* WSC — refined mobile composition */
.auth {
  justify-content: flex-start;
  gap: clamp(18px, 3vh, 28px);
  padding-top: clamp(22px, 4vh, 36px);
  background-position: center 42%;
  background-size: cover;
}

.auth .brand {
  padding-top: 0;
  margin: 0 auto;
}

.auth .brand-word {
  font-size: clamp(30px, 8vw, 38px);
  letter-spacing: .32em;
  padding-left: .32em;
}

.auth .brand-sub {
  font-size: 11px;
  letter-spacing: .22em;
  margin-top: 8px;
}

.auth .tagline {
  margin-top: 12px;
  letter-spacing: .12em;
}

.auth-card {
  margin: 0 auto;
  width: min(100%, 430px);
  padding: 24px 22px;
}

.auth-foot {
  margin-top: 14px;
}

.feature-strip {
  gap: 12px;
  margin-top: auto;
  padding-top: 12px;
}


/* WSC — refined mobile composition */
.auth {
  justify-content: flex-start;
  gap: clamp(18px, 3vh, 28px);
  padding-top: clamp(22px, 4vh, 36px);
  background-position: center 42%;
  background-size: cover;
}

.auth .brand {
  padding-top: 0;
  margin: 0 auto;
}

.auth .brand-word {
  font-size: clamp(30px, 8vw, 38px);
  letter-spacing: .32em;
  padding-left: .32em;
}

.auth .brand-sub {
  font-size: 11px;
  letter-spacing: .22em;
  margin-top: 8px;
}

.auth .tagline {
  margin-top: 12px;
  letter-spacing: .12em;
}

.auth-card {
  margin: 0 auto;
  width: min(100%, 430px);
  padding: 24px 22px;
}

.auth-foot {
  margin-top: 14px;
}

.feature-strip {
  gap: 12px;
  margin-top: auto;
  padding-top: 12px;
}


/* WSC FINAL AUTH POLISH */
.auth {
  gap: clamp(12px, 2vh, 20px);
  padding-top: clamp(18px, 3vh, 30px);
  background-position: center 35%;
}

.auth .eclipse,
.auth .brand-copy,
.auth .biometric-login,
#biometricLogin {
  display: none !important;
}

.auth .brand {
  margin: 0 auto;
  text-align: center;
  padding: 0;
}

.auth .brand-word {
  font-size: clamp(34px, 8vw, 42px);
  letter-spacing: .24em;
  padding-left: .24em;
}

.auth .brand-sub {
  font-size: 10px;
  letter-spacing: .19em;
  margin-top: 7px;
}

.auth .tagline {
  font-size: 9px;
  letter-spacing: .14em;
  margin-top: 10px;
}

.auth-card {
  margin: 0 auto;
  padding: 22px 20px;
}

.auth-foot {
  margin-top: 14px;
}


/* WSC — final visual alignment */
.auth {
  background-position: center 28% !important;
  background-size: cover !important;
}

.auth .brand {
  position: relative;
  z-index: 2;
  margin-top: 0;
  margin-bottom: 22px;
}

.auth .brand-word,
.auth .brand-sub,
.auth .tagline {
  text-shadow: 0 2px 12px #000;
}

.auth .auth-card {
  position: relative;
  z-index: 3;
}


/* WSC — final visual alignment */
.auth {
  background-position: center 28% !important;
  background-size: cover !important;
}

.auth .brand {
  position: relative;
  z-index: 2;
  margin-top: 0;
  margin-bottom: 22px;
}

.auth .brand-word,
.auth .brand-sub,
.auth .tagline {
  text-shadow: 0 2px 12px #000;
}

.auth .auth-card {
  position: relative;
  z-index: 3;
}


/* WSC — eclipse composition */
@media (max-width: 760px) {
  .auth .brand {
    margin-top: 28px !important;
    margin-bottom: 52px !important;
  }

  .auth .auth-card {
    margin-top: 0 !important;
  }
}


/* WSC — premium typography refinement */
@media (max-width: 760px) {
  .auth .brand-word {
    position: relative;
    top: 20px;
    font-size: clamp(34px, 5vh, 44px);
    font-weight: 800;
    letter-spacing: .38em;
    text-shadow: 0 3px 18px #000;
    line-height: 1.15;
  }

  .auth .brand-sub {
    position: relative;
    top: 20px;
    margin-top: 12px;
    font-size: 11px;
    letter-spacing: .22em;
    line-height: 1.6;
    color: #d4d9e2;
    text-shadow: 0 2px 12px #000;
    white-space: nowrap;
  }

  .auth .tagline {
    position: relative;
    top: 20px;
    margin-top: 12px;
    font-size: 10px;
    letter-spacing: .20em;
    line-height: 1.6;
    color: #bfc6d1;
    text-shadow: 0 2px 12px #000;
  }
}


/* WSC — centered eclipse typography */
@media (max-width: 760px) {
  .auth .tagline {
    display: none !important;
  }

  .auth .brand-word,
  .auth .brand-sub {
    transform: translateY(70px);
    position: relative;
    z-index: 2;
    text-shadow: 0 2px 14px #000;
  }

  .auth .brand-word {
    font-size: clamp(36px, 5vh, 44px);
    letter-spacing: .38em;
  }

  .auth .brand-sub {
    margin-top: 12px;
    font-size: 11px;
    letter-spacing: .22em;
    white-space: nowrap;
  }
}


/* WSC — centered eclipse brand */
@media (max-width: 760px) {
  .auth .brand {
    position: absolute !important;
    top: clamp(185px, 15vh, 225px) !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    z-index: 4 !important;
    transform: none !important;
  }

  .auth .brand-word {
    position: static !important;
    transform: none !important;
    margin: 0 !important;
    font-size: 42px !important;
    letter-spacing: .32em !important;
    line-height: 1.15 !important;
    text-align: center !important;
    color: #f2f4f8 !important;
    text-shadow: 0 2px 16px #000 !important;
  }

  .auth .brand-sub {
    display: block !important;
    position: static !important;
    transform: none !important;
    margin: 0 !important;
    font-size: 11px !important;
    letter-spacing: .16em !important;
    line-height: 1.5 !important;
    text-align: center !important;
    white-space: nowrap !important;
    color: #d4d9e2 !important;
    text-shadow: 0 2px 12px #000 !important;
  }

  .auth .tagline {
    display: none !important;
  }
}


/* WSC — restore correct brand layout */
@media (max-width: 760px) {
  .auth .brand {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: auto !important;
    margin: 28px auto 52px !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    transform: none !important;
    z-index: 2 !important;
  }

  .auth .brand-word,
  .auth .brand-sub {
    position: static !important;
    transform: none !important;
    margin: 0 !important;
    text-align: center !important;
  }

  .auth .brand-word {
    font-size: 40px !important;
    letter-spacing: .28em !important;
  }

  .auth .brand-sub {
    display: block !important;
    font-size: 11px !important;
    letter-spacing: .16em !important;
    white-space: nowrap !important;
  }

  .auth .tagline {
    display: none !important;
  }
}


@media (max-width: 760px) {
  .auth .brand-word {
    font-size: clamp(38px, 10vw, 46px) !important;
    font-weight: 900 !important;
    letter-spacing: .32em !important;
    line-height: 1.05 !important;
  }

  .auth .brand-sub {
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: .14em !important;
  }
}


@media (max-width: 760px) {
  .auth .brand {
    transform: translateY(88px) !important;
  }
}


@media (max-width: 760px) {
  .auth .brand {
    transform: translateY(40px) !important;
  }

  .auth .brand-word {
    font-size: clamp(38px, 10vw, 46px) !important;
    font-weight: 900 !important;
  }

  .auth .brand-sub {
    display: block !important;
    visibility: visible !important;
  }
}


@media (max-width: 760px) {
  .auth .brand {
    transform: translateY(20px) !important;
    gap: 0px !important;
  }

  .auth .brand-word {
    line-height: 1 !important;
    margin-bottom: 0 !important;
  }

  .auth .brand-sub {
    margin-top: -3px !important;
    line-height: 1.2 !important;
  }
}


/* FINAL WSC BRAND ALIGNMENT */
@media (max-width: 760px) {
  .auth .brand {
    transform: translateY(52px) !important;
    gap: 0 !important;
  }

  .auth .brand-word {
    position: static !important;
    transform: none !important;
    text-align: center !important;
  }

  .auth .brand-sub {
    position: static !important;
    transform: none !important;
    text-align: center !important;
    margin-top: 0 !important;
  }
}

@media (max-width: 760px) {
  .auth .brand {
    transform: translateY(22px) !important;
  }
}






/* Опускаем окно авторизации, открывая текст затмения */
#auth > .auth-card {
    margin-top: 80px !important;
}

/* Убираем верхний текстовый логотип */
#auth .brand-word,
#auth .brand-sub {
    display: none !important;
}

/* Сохраняем окно авторизации ниже затмения */
#auth .auth-card {
    margin-top: 80px !important;
}

/* Более выразительный текст кнопок авторизации */
#loginTab,
#registerTab {
    font-size: 16px !important;
    font-weight: 700 !important;
}

#authSubmit {
    font-size: 18px !important;
    font-weight: 700 !important;
}

/* Более сбалансированная типографика кнопок */
#loginTab,
#registerTab {
    font-size: 15px !important;
    font-weight: 600 !important;
}

#authSubmit {
    font-size: 16px !important;
    font-weight: 600 !important;
}

/* Финальная настройка размера текста кнопок */
#loginTab,
#registerTab {
    font-size: 13px !important;
    font-weight: 600 !important;
}

#authSubmit {
    font-size: 14px !important;
    font-weight: 600 !important;
}