:root{--ink:#102e28;--ink-deep:#091f1b;--ivory:#f5f1e7;--paper:#fffdf8;--gold:#caa85c;--gold-soft:#e2cf9d;--jade:#5da08c;--text:#17362f;--muted:#76837e;--line:rgba(27,67,56,.15)}
*{box-sizing:border-box}
html,body{min-height:100%}
body{margin:0;overflow-x:hidden;background:var(--ink-deep);color:var(--text);font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;letter-spacing:0}
.intro-active{overflow:hidden}
button,input{font:inherit;letter-spacing:0}
.ambient{position:fixed;inset:0;overflow:hidden;pointer-events:none;background:linear-gradient(128deg,#091f1b 0%,#123b32 47%,#102e28 100%)}
.ambient:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,20,17,.24),transparent 52%,rgba(6,20,17,.18));opacity:.8}
.ambient-grid{position:absolute;inset:-20%;opacity:.17;background-image:linear-gradient(rgba(226,207,157,.24) 1px,transparent 1px),linear-gradient(90deg,rgba(226,207,157,.24) 1px,transparent 1px);background-size:72px 72px;transform:perspective(600px) rotateX(62deg) translateY(22%);transform-origin:center bottom;animation:grid-drift 18s ease-in-out infinite alternate}
.formula{position:absolute;color:rgba(245,241,231,.17);font-family:Georgia,serif;font-size:14px;white-space:nowrap;animation:formula-float 9s ease-in-out infinite}
.formula-a{left:7%;top:15%}.formula-b{left:38%;bottom:10%;animation-delay:-3s}.formula-c{right:5%;top:22%;animation-delay:-6s}
.trend-line{position:absolute;left:4%;right:4%;bottom:18%;height:1px;background:rgba(202,168,92,.22);transform:rotate(-8deg)}
.trend-line i{position:absolute;top:50%;width:8px;height:8px;border:1px solid var(--gold);border-radius:50%;background:var(--ink);box-shadow:0 0 18px rgba(202,168,92,.5);animation:point-pulse 3s ease-in-out infinite}
.trend-line i:nth-child(1){left:7%}.trend-line i:nth-child(2){left:29%;animation-delay:-.6s}.trend-line i:nth-child(3){left:51%;animation-delay:-1.2s}.trend-line i:nth-child(4){left:73%;animation-delay:-1.8s}.trend-line i:nth-child(5){left:94%;animation-delay:-2.4s}
.login-shell{position:relative;z-index:1;display:grid;grid-template-columns:minmax(380px,1.1fr) minmax(420px,.9fr);min-height:100vh;background:rgba(4,19,16,.2)}
.brand-stage{position:relative;display:flex;flex-direction:column;justify-content:center;padding:clamp(52px,7vw,110px);color:var(--ivory);transform:translate3d(var(--shift-x,0),var(--shift-y,0),0);transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.brand-mark{display:grid;place-items:center;width:72px;height:72px;margin-bottom:34px;border:1px solid rgba(226,207,157,.55);background:rgba(9,31,27,.45);box-shadow:0 18px 50px rgba(0,0,0,.2),inset 0 0 0 6px rgba(226,207,157,.05);transform:rotate(45deg);animation:mark-arrive 1.1s cubic-bezier(.2,.8,.2,1) both}
.brand-mark span{font:32px/1 STSong,"SimSun",serif;color:var(--gold-soft);transform:rotate(-45deg)}
.brand-kicker{margin:0 0 12px;color:var(--gold-soft);font:600 10px/1.4 Georgia,serif;letter-spacing:3px}
.brand-stage h1{margin:0;font:500 clamp(58px,7vw,94px)/1 STSong,"SimSun",serif;letter-spacing:0;text-shadow:0 14px 40px rgba(0,0,0,.25)}
.brand-line{margin:24px 0 0;color:rgba(245,241,231,.72);font:16px/1.8 STSong,"SimSun",serif;letter-spacing:2px}
.brand-rule{display:flex;align-items:center;width:min(360px,80%);height:1px;margin:32px 0;background:linear-gradient(90deg,var(--gold),rgba(202,168,92,0))}.brand-rule span{width:7px;height:7px;border:1px solid var(--gold);background:var(--ink);transform:rotate(45deg)}
.stage-copy{display:flex;flex-direction:column;gap:8px}.stage-copy strong{font:500 15px STSong,"SimSun",serif;color:var(--gold-soft)}.stage-copy span{font-size:11px;color:rgba(245,241,231,.52)}
.edition{position:absolute;left:clamp(52px,7vw,110px);bottom:42px;color:rgba(245,241,231,.35);font:9px Georgia,serif;letter-spacing:2px}.edition b{margin-left:8px;color:var(--gold)}
.login-panel{display:grid;place-items:center;padding:40px;background:transparent}
.login-card{width:100%;max-width:460px;padding:34px 36px 30px;border:1px solid rgba(255,255,255,.22);border-radius:22px;background:rgba(245,241,231,.78);box-shadow:0 30px 90px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.7);backdrop-filter:blur(24px) saturate(125%);-webkit-backdrop-filter:blur(24px) saturate(125%)}
.motion-ready .login-card{animation:card-arrive .85s .12s cubic-bezier(.2,.75,.2,1) both}
.skip-intro .login-card{animation:none}
.login-card header{margin-bottom:30px}.card-eyebrow{display:block;margin-bottom:13px;color:#9a7631;font:600 9px Georgia,serif;letter-spacing:2.5px}.login-card h2{margin:0 0 10px;font:500 34px/1.25 STSong,"SimSun",serif;color:var(--ink)}.login-card header p{margin:0;color:var(--muted);font-size:12px}
.notice{margin:0 0 20px;padding:12px 14px;border-left:3px solid;font-size:11px;line-height:1.65}.notice-error{border-color:#aa5b4e;background:#f5e7e2;color:#8d493f}.notice-success{border-color:#46816f;background:#e6f0eb;color:#326655}
.premium-note{display:flex;gap:12px;margin:-8px 0 22px;padding:13px 14px;border:1px solid rgba(185,143,57,.28);border-radius:12px;background:rgba(255,248,229,.62);color:#694f20}.premium-star{flex:0 0 auto;padding-top:1px;color:#a97923;font-size:16px}.premium-note strong{display:block;font:600 13px STSong,"SimSun",serif}.premium-note p{margin:4px 0 0;font-size:9px;line-height:1.65;color:#7b673e}
.premium-note>div{min-width:0}.premium-note p{overflow-wrap:anywhere}
.field{display:block;margin:0 0 17px}.field>span{display:block;margin-bottom:8px;color:#4f625b;font-size:11px;font-weight:600}.field input{display:block;width:100%;height:48px;padding:0 14px;border:1px solid var(--line);border-radius:4px;outline:none;background:rgba(255,253,248,.72);color:var(--text);transition:border-color .2s,box-shadow .2s,background .2s}.field input::placeholder{color:#a5aeaa}.field input:focus{border-color:#739d90;background:#fff;box-shadow:0 0 0 3px rgba(93,160,140,.12)}
.input-shell{position:relative;border:1px solid rgba(28,68,57,.14);border-radius:10px;background:rgba(255,255,255,.48);box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 6px 18px rgba(15,45,38,.04);transition:border-color .22s,background .22s,box-shadow .22s,transform .22s}.input-shell:focus-within{border-color:rgba(77,139,120,.72);background:rgba(255,255,255,.78);box-shadow:0 0 0 4px rgba(93,160,140,.12),0 10px 24px rgba(15,45,38,.08);transform:translateY(-1px)}.input-shell .field-icon{position:absolute;left:15px;top:50%;display:grid;place-items:center;width:19px;height:19px;border:1px solid rgba(70,111,98,.28);border-radius:50%;color:#53776b;font:9px STSong,"SimSun",serif;transform:translateY(-50%);transition:border-color .2s,color .2s}.input-shell .field-icon-key{border-radius:6px}.input-shell:focus-within .field-icon{border-color:#4d8b78;color:#285d4d}.field .input-shell input{height:50px;padding:0 15px 0 46px;border:0;border-radius:10px;background:transparent;box-shadow:none}.field .input-shell input:focus{border:0;background:transparent;box-shadow:none}
.captcha-row{display:grid;grid-template-columns:128px minmax(0,1fr);gap:10px}.captcha-row input{min-width:0}.captcha-row strong{display:grid;place-items:center;height:48px;border:1px solid rgba(202,168,92,.45);border-radius:4px;background:#eee7d6;color:#765a26;font:600 15px Georgia,serif;letter-spacing:2px}
.login-submit{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:58px;margin-top:26px;padding:0 20px;border:1px solid rgba(218,190,126,.28);border-radius:10px;background:linear-gradient(135deg,#0d342c,#174b3f);color:#fff;cursor:pointer;box-shadow:0 16px 32px rgba(16,46,40,.22),inset 0 1px 0 rgba(255,255,255,.08);transition:transform .2s,background .2s,box-shadow .2s}.login-submit:hover{background:linear-gradient(135deg,#12463a,#1b5749);box-shadow:0 20px 42px rgba(16,46,40,.3);transform:translateY(-2px)}.login-submit:active{transform:translateY(0)}.login-submit span{display:flex;flex-direction:column;align-items:flex-start;gap:3px;font-size:12px;font-weight:600}.login-submit small{color:rgba(226,207,157,.72);font:600 7px Georgia,serif;letter-spacing:1.5px}.login-submit b{font-size:21px;font-weight:400;color:var(--gold-soft);transition:transform .2s}.login-submit:hover b{transform:translateX(4px)}
.auth-links{display:flex;align-items:center;justify-content:space-between;margin-top:15px;color:#7f8d88;font-size:10px}.auth-links a{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 11px;border:1px solid rgba(53,111,94,.28);border-radius:8px;background:rgba(255,255,255,.25);color:#245d4d;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s,transform .2s}.auth-links a i{color:#9b762e;font-style:normal}.auth-links a:hover{border-color:rgba(53,111,94,.55);background:rgba(255,255,255,.6);transform:translateY(-1px)}
.privacy-note{margin:30px 0 0;text-align:center;color:#9ba5a1;font-size:9px}.privacy-note i{display:inline-block;width:5px;height:5px;margin-right:5px;border-radius:50%;background:var(--jade);box-shadow:0 0 0 3px rgba(93,160,140,.12)}
.letter-intro{position:fixed;z-index:50;inset:0;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 38%,#1c5044 0%,#0b2b25 48%,#061a17 100%);color:var(--text);transition:opacity .85s ease,visibility .85s ease,transform .85s ease}
.letter-intro:before{content:"";position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(226,207,157,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(226,207,157,.2) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to bottom,transparent,#000 35%,#000)}
.letter-intro.is-leaving{opacity:0;visibility:hidden;transform:scale(1.035);pointer-events:none}.letter-atmosphere i{position:absolute;width:3px;height:3px;border-radius:50%;background:var(--gold-soft);box-shadow:0 0 15px var(--gold);animation:dust 6s ease-in-out infinite}.letter-atmosphere i:nth-child(1){left:12%;top:22%}.letter-atmosphere i:nth-child(2){left:82%;top:30%;animation-delay:-1s}.letter-atmosphere i:nth-child(3){left:22%;top:76%;animation-delay:-2s}.letter-atmosphere i:nth-child(4){left:72%;top:82%;animation-delay:-3s}.letter-atmosphere i:nth-child(5){left:91%;top:68%;animation-delay:-4s}
.envelope-scene{position:relative;width:min(680px,calc(100vw - 34px));height:620px;perspective:1600px;animation:scene-arrive 1.2s cubic-bezier(.18,.8,.2,1) both}.envelope{position:absolute;left:50%;bottom:70px;width:600px;height:370px;transform:translateX(-50%);filter:drop-shadow(0 35px 45px rgba(0,0,0,.42))}.envelope-back{position:absolute;inset:0;border:1px solid #b99857;border-radius:10px;background:#e9dbc0}.letter-paper{position:absolute;z-index:2;left:7%;right:7%;bottom:20px;height:520px;padding:32px 46px 30px;border:1px solid rgba(173,132,67,.45);border-radius:8px;background:linear-gradient(145deg,#fffdf7,#f1e5ca);box-shadow:0 12px 35px rgba(35,31,21,.18);text-align:left;transform:translateY(188px) scale(.91);transition:transform 1.05s .55s cubic-bezier(.18,.82,.2,1),box-shadow 1s .55s}.letter-paper:before{content:"";position:absolute;inset:10px;border:1px solid rgba(164,125,60,.2);border-radius:5px;pointer-events:none}.letter-crest{display:grid;place-items:center;width:42px;height:42px;margin:0 auto 11px;border:1px solid rgba(185,143,57,.4);border-radius:50%;color:#805e24;font:23px STSong,"SimSun",serif}.letter-kicker{text-align:center;margin:0;color:#9a7631;font:600 8px Georgia,serif;letter-spacing:2.4px}.letter-paper h2{text-align:center;margin:10px 0 18px;color:#17362f;font:500 25px STSong,"SimSun",serif}.letter-copy{opacity:0;transform:translateY(8px);transition:opacity .55s 1.25s,transform .55s 1.25s}.letter-copy p{margin:0 0 11px;color:#53635c;font:12px/1.85 STSong,"SimSun",serif}.letter-copy strong{color:#8c671f;font-weight:600}.letter-sign{text-align:right!important;margin-top:4px!important}.letter-sign b{font-weight:500;color:#17362f}.letter-enter{display:flex;align-items:center;justify-content:space-between;width:190px;height:42px;margin:16px auto 0;padding:0 17px;border:0;border-radius:6px;background:#123b32;color:#fff;cursor:pointer;opacity:0;transform:translateY(8px);transition:opacity .45s 1.45s,transform .45s 1.45s,box-shadow .2s}.letter-enter:hover{box-shadow:0 10px 25px rgba(18,59,50,.3)}.letter-enter span{font-size:11px}.letter-enter b{color:var(--gold-soft);font-size:18px}
.envelope-front{position:absolute;z-index:3;inset:0;overflow:hidden;border-radius:10px;pointer-events:none}.envelope-front:before,.envelope-front:after{content:"";position:absolute;bottom:-42%;width:72%;height:122%;border:1px solid rgba(164,125,60,.35);background:#e5d3af}.envelope-front:before{left:-25%;transform:rotate(36deg)}.envelope-front:after{right:-25%;transform:rotate(-36deg)}.envelope-flap{position:absolute;z-index:4;left:0;right:0;top:0;height:61%;transform-origin:top;transform-style:preserve-3d;transition:transform .85s cubic-bezier(.35,.02,.2,1)}.envelope-flap:before{content:"";position:absolute;inset:0;clip-path:polygon(0 0,100% 0,50% 100%);background:linear-gradient(160deg,#f1e5cc,#d9c293);border-top:1px solid #b99857;backface-visibility:hidden}.wax-seal{position:absolute;z-index:6;left:50%;top:49%;display:grid;place-items:center;width:74px;height:74px;padding:0;border:1px solid #e0c278;border-radius:50%;background:radial-gradient(circle at 35% 30%,#cfaa51,#79551a 74%);color:#fff;cursor:pointer;box-shadow:0 12px 28px rgba(65,42,9,.38),inset 0 0 0 6px rgba(255,236,177,.13);transform:translate(-50%,-50%);transition:transform .25s,opacity .4s}.wax-seal:before{content:"";position:absolute;inset:8px;border:1px solid rgba(255,239,192,.38);border-radius:50%}.wax-seal span{font:29px STSong,"SimSun",serif}.wax-seal:hover{transform:translate(-50%,-50%) scale(1.07)}.open-hint{position:absolute;left:0;right:0;bottom:12px;margin:0;text-align:center;color:rgba(245,241,231,.6);font-size:10px;letter-spacing:1px;transition:opacity .3s}.letter-intro.is-open .envelope-flap{transform:rotateX(180deg)}.letter-intro.is-open .wax-seal{opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.68)}.letter-intro.is-open .letter-paper{z-index:5;transform:translateY(-130px) scale(1);box-shadow:0 34px 75px rgba(0,0,0,.34)}.letter-intro.is-open .letter-copy,.letter-intro.is-open .letter-enter{opacity:1;transform:none}.letter-intro.is-open .open-hint{opacity:0}
@keyframes grid-drift{to{transform:perspective(600px) rotateX(62deg) translate(-2%,25%)}}
@keyframes formula-float{50%{transform:translateY(-14px);opacity:.55}}
@keyframes point-pulse{50%{transform:scale(1.7);box-shadow:0 0 26px rgba(202,168,92,.8)}}
@keyframes mark-arrive{from{opacity:0;transform:rotate(15deg) scale(.72)}to{opacity:1;transform:rotate(45deg) scale(1)}}
@keyframes card-arrive{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes scene-arrive{from{opacity:0;transform:translateY(60px) scale(.88)}to{opacity:1;transform:none}}
@keyframes dust{50%{opacity:.2;transform:translateY(-18px) scale(1.8)}}
@media(max-width:820px){body{background:var(--ink-deep)}.ambient{height:100%}.login-shell{display:block;padding:22px 0 36px}.brand-stage{min-height:205px;padding:22px 24px 30px;align-items:center;text-align:center}.brand-mark{width:50px;height:50px;margin-bottom:15px}.brand-mark span{font-size:22px}.brand-kicker{margin-bottom:7px}.brand-stage h1{font-size:39px}.brand-line{margin-top:10px;font-size:12px}.brand-rule,.stage-copy,.edition{display:none}.login-panel{display:block;padding:0 16px}.login-card{margin:auto;padding:28px 24px 25px;border-radius:18px}.login-card header{margin-bottom:24px}.login-card h2{font-size:29px}.envelope-scene{height:610px}.envelope{width:min(560px,calc(100vw - 28px));height:340px}.letter-paper{left:4%;right:4%;height:510px;padding:28px 26px}.letter-intro.is-open .letter-paper{transform:translateY(-125px) scale(1)}}
@media(max-width:420px){.brand-stage{min-height:190px;padding-top:18px}.brand-mark{margin-bottom:13px}.brand-line{font-size:11px}.login-panel{padding:0 12px}.login-card{padding:25px 20px 23px}.captcha-row{grid-template-columns:112px minmax(0,1fr)}.auth-links{font-size:9px}.envelope-scene{height:590px}.envelope{bottom:66px;height:270px}.letter-paper{height:485px;padding:24px 20px 22px;transform:translateY(230px) scale(.92)}.letter-paper h2{font-size:21px;margin-bottom:13px}.letter-copy p{font-size:11px;line-height:1.72;margin-bottom:8px}.letter-crest{width:36px;height:36px;font-size:20px}.letter-enter{margin-top:11px}.letter-intro.is-open .letter-paper{transform:translateY(-148px) scale(1)}.wax-seal{width:64px;height:64px}.open-hint{bottom:25px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.brand-stage{transform:none!important}.letter-intro{display:none!important}}

/* Envelope positioning and closed-state safeguards. */
.envelope-scene{height:100vh;max-height:820px}
.envelope{top:50%;bottom:auto;transform:translate(-50%,-50%)}
.letter-paper{opacity:0;transform:translateY(150px) scale(.91);transition:opacity .2s .35s,transform 1.05s .45s cubic-bezier(.18,.82,.2,1),box-shadow 1s .45s}
.letter-intro.is-open .letter-paper{opacity:1;transform:translateY(-130px) scale(1)}
.open-hint{bottom:24px}
@media(max-width:820px){.envelope-scene{height:100vh}.letter-intro.is-open .letter-paper{transform:translateY(-125px) scale(1)}}
@media(max-width:420px){.envelope-scene{height:100vh}.envelope{top:50%;bottom:auto}.letter-paper{transform:translateY(145px) scale(.92)}.letter-intro.is-open .letter-paper{transform:translateY(-148px) scale(1)}.open-hint{bottom:20px}}
.letter-intro .envelope-scene{animation-duration:.85s}
@media(max-width:420px){.premium-note{padding:12px 11px;gap:9px}.premium-note strong{font-size:12px}.premium-note p{font-size:8px;line-height:1.55}.auth-links>span{max-width:48%}}

/* Keep the opened letter centered and fully visible on desktop viewports. */
@media(min-width:821px){
  .letter-intro{height:100dvh;min-height:600px}
  .envelope-scene{height:100dvh;max-height:none}
  .envelope{top:54%;height:min(370px,42vh)}
  .letter-paper{left:8%;right:8%;bottom:50%;height:min(520px,76vh);padding:clamp(24px,3vh,32px) 46px 24px;transform:translateY(50%) scale(.91)}
  .letter-intro.is-open .letter-paper{transform:translateY(50%) scale(1)}
  .letter-paper h2{margin:8px 0 14px}
  .letter-copy p{margin-bottom:clamp(7px,1.2vh,11px);line-height:1.75}
  .letter-enter{margin-top:clamp(8px,1.5vh,16px)}
  .open-hint{bottom:18px}
}

/* Member/partner card transition. */
.login-panel{perspective:1400px}.login-card{transform-style:preserve-3d;backface-visibility:hidden;will-change:transform,opacity}.auth-actions{display:flex;align-items:center;gap:7px}.auth-links .auth-switch{border-color:rgba(185,143,57,.35);color:#74591f}.auth-links .auth-switch i{font-size:12px}.login-card.auth-flip-out{animation:auth-flip-out .44s cubic-bezier(.55,.02,.68,.53) both}.login-card.auth-flip-in{animation:auth-flip-in .55s cubic-bezier(.2,.75,.2,1) both!important}@keyframes auth-flip-out{to{opacity:0;transform:rotateY(88deg) scale(.96)}}@keyframes auth-flip-in{from{opacity:0;transform:rotateY(-88deg) scale(.96)}to{opacity:1;transform:rotateY(0) scale(1)}}
@media(max-width:520px){.auth-links{align-items:flex-start;gap:9px}.auth-links>span{padding-top:8px}.auth-actions{justify-content:flex-end;flex-wrap:wrap}.auth-links a{min-height:30px;padding-inline:9px}}
@media(prefers-reduced-motion:reduce){.login-card.auth-flip-out,.login-card.auth-flip-in{animation:none!important}}

/* Mobile: turn the opened envelope into a compact reading panel. */
@media(max-width:820px){
  .letter-intro{min-height:100dvh}
  .letter-intro.is-open .envelope{top:50%;height:220px;filter:drop-shadow(0 22px 32px rgba(0,0,0,.25))}
  .letter-intro.is-open .envelope-back,.letter-intro.is-open .envelope-front,.letter-intro.is-open .envelope-flap{opacity:.28;transform:scale(.92)}
  .letter-intro.is-open .letter-paper{position:fixed;z-index:7;left:14px;right:14px;top:max(14px,env(safe-area-inset-top));bottom:auto;width:auto;height:auto;max-height:calc(100dvh - 28px - env(safe-area-inset-top));padding:22px 20px 18px;border-radius:14px;overflow:auto;overscroll-behavior:contain;opacity:1;transform:none;box-shadow:0 24px 70px rgba(0,0,0,.35);-webkit-overflow-scrolling:touch}
  .letter-intro.is-open .letter-paper:before{inset:8px;border-radius:9px}
  .letter-intro.is-open .letter-crest{width:34px;height:34px;margin-bottom:7px;font-size:18px}
  .letter-intro.is-open .letter-kicker{font-size:7px}
  .letter-intro.is-open .letter-paper h2{margin:7px 0 12px;font-size:20px}
  .letter-intro.is-open .letter-copy p{margin-bottom:8px;font-size:11px;line-height:1.7}
  .letter-intro.is-open .letter-sign{margin-top:2px!important}
  .letter-intro.is-open .letter-enter{width:100%;height:46px;margin:12px 0 0;border-radius:9px}
}
@media(max-width:380px), (max-height:680px){
  .letter-intro.is-open .letter-paper{padding:17px 17px 15px}
  .letter-intro.is-open .letter-crest{display:none}
  .letter-intro.is-open .letter-paper h2{font-size:18px;margin:5px 0 9px}
  .letter-intro.is-open .letter-copy p{font-size:10px;line-height:1.58;margin-bottom:6px}
  .letter-intro.is-open .letter-enter{height:42px;margin-top:8px}
}

/* Desktop density: keep the glass panel refined instead of oversized. */
@media(min-width:821px){
  .login-card{max-width:420px;padding:27px 30px 24px;border-radius:20px}
  .login-card header{margin-bottom:23px}
  .card-eyebrow{margin-bottom:9px}
  .login-card h2{font-size:30px;margin-bottom:7px}
  .premium-note{margin:-4px 0 17px;padding:10px 12px}
  .premium-note strong{font-size:12px}
  .premium-note p{margin-top:3px;font-size:8px;line-height:1.5}
  .field{margin-bottom:13px}
  .field>span{margin-bottom:6px}
  .field .input-shell input,.captcha-row strong,.captcha-row>input{height:45px}
  .login-submit{min-height:52px;margin-top:20px}
  .auth-links{margin-top:11px}
  .privacy-note{margin-top:20px}
}