.ss-login{background:radial-gradient(ellipse at 8% 25%,#8daf7510,transparent 50%),var(--paper)}.ss-login header{background:transparent;padding-top:27px;padding-bottom:27px}.ss-login main{max-width:1200px;margin-top:15px}.ss-login-wrap{display:grid;grid-template-columns:1.1fr 1fr;gap:35px;align-items:start}.ss-login-art.ss-login-v2{padding:30px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(145deg,#f0f5e8,#fff);position:relative;overflow:hidden;animation:ss-enter .5s ease both}.ss-login-v2:before{content:'';position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#73925d08 1px,transparent 1px),linear-gradient(90deg,#73925d08 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(black,transparent 55%)}.login-edition{position:relative;display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:31px;font-size:8px;letter-spacing:.12em;color:var(--muted)}.login-edition>span:first-child{color:var(--teal)}.login-edition>span:last-child{border:1px solid var(--line);border-radius:5px;padding:5px 7px;font-size:7px;letter-spacing:.08em}.ss-login-v2 h2{font-size:clamp(35px,3.5vw,49px);line-height:1.06;letter-spacing:-.05em;margin:0 0 21px;position:relative}.ss-login-v2 h2 em{font-style:normal;color:var(--teal)}.ss-login-art .login-intro{font-size:14px;line-height:1.85;color:var(--muted);margin:0 0 25px;position:relative}.login-visual{position:relative;border-radius:17px;overflow:hidden;border:1px solid var(--line);isolation:isolate}.ss-login-art .login-photo{width:100%;height:270px;object-fit:cover;object-position:50% 55%;margin:0;border-radius:0;display:block}.login-photo-shade{position:absolute;inset:0;background:linear-gradient(transparent 40%,#06110be8)}.login-visual-label{display:flex;align-items:center;gap:12px;position:absolute;bottom:18px;left:18px;right:18px;color:#f0f5ed}.ss-login-art .login-visual-label img{width:32px;height:32px;border-radius:9px;margin:0;object-fit:contain}.login-visual-label strong{font-size:13px;display:block;font-weight:600}.login-visual-label small{font-size:9px;line-height:1.7;color:#b4c6b8!important}.login-rhythm{border:1px solid var(--line);border-radius:15px;margin:17px 0 20px;background:var(--card);padding:16px 18px}.login-rhythm-head{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:8px;letter-spacing:.12em;color:var(--muted)}.login-rhythm-head button{width:32px;min-height:30px;padding:0;font-size:12px;border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:7px}.login-rhythm-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.login-rhythm-steps button{position:relative;display:flex;align-items:center;gap:8px;font-size:12px;border:0;border-bottom:2px solid var(--line);border-radius:0;background:transparent!important;padding:8px 0 12px;text-align:left;color:var(--muted);min-height:42px;overflow:hidden}.login-rhythm-steps button span{font-size:9px;color:var(--muted);font-variant-numeric:tabular-nums}.login-rhythm-steps button[aria-pressed=true]{color:var(--teal)}.login-rhythm-steps button i{position:absolute;height:2px;background:var(--teal);bottom:-1px;left:0;width:0}.login-rhythm-steps button[aria-pressed=true] i{width:100%}.ss-login-art .login-rhythm p{font-size:11px;line-height:1.7;margin:13px 0 0;min-height:20px;color:var(--muted)}.login-benefits{display:flex;gap:18px;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted);flex-wrap:wrap}.login-benefits i{color:var(--teal);font-style:normal;font-size:14px;margin-right:5px}.ss-login-art .login-target{font-size:9px;line-height:1.7;margin:17px 0 0;color:var(--muted)}.ss-login-panel{padding-top:0}.ss-login-panel>section{padding:30px;border-radius:26px}.ss-login-panel #submit{min-height:52px;width:100%;border-radius:12px}.ss-login-panel .device-note,.ss-login-panel .ss-install-card{padding:17px 20px;font-size:12px;line-height:1.8;border-radius:16px;margin-top:15px}.ss-login-panel .ss-install-card{background:var(--card);border-color:var(--line)}.ss-login-panel .ss-install-card button{font-size:11px}.ss-login-panel .ss-install-card small{font-size:10px}.ss-login-panel .ss-login-footer{font-size:10px;line-height:1.8}.ss-login-v2 .login-rhythm button:hover{transform:none;box-shadow:none}.ss-login-panel section .muted{font-size:13px;line-height:1.8}.ss-login-panel label{font-size:13px}.ss-login-panel input:not([type=checkbox]){font-size:16px;min-height:52px}.ss-login-panel input[type=checkbox]{accent-color:var(--teal)}:root[data-theme=dark] .ss-login-art.ss-login-v2{background:linear-gradient(145deg,#17221b,#0d1410)!important;border-color:#2d3d32}:root[data-theme=dark] .ss-login-v2 .login-rhythm{background:#101813;border-color:#2d3d32}:root[data-theme=dark] .ss-login-v2 h2 em{color:#d7ec8c}:root[data-theme=dark] .ss-login-panel>section{background:#101612!important;border-color:#2d3d32}:root[data-theme=dark] .ss-login-panel .device-note,:root[data-theme=dark] .ss-login-panel .ss-install-card{background:#141e17;color:#c3d1c5;border-color:#2d3d32}
@media(max-width:950px){.ss-login-wrap{gap:22px;grid-template-columns:1fr 1fr}.ss-login-art.ss-login-v2,.ss-login-panel>section{padding:24px}.login-edition{flex-wrap:wrap;gap:8px}.ss-login-v2 h2{font-size:38px}.ss-login-art .login-photo{height:235px}.login-benefits{gap:10px;font-size:9px}.login-rhythm{padding:14px}.login-rhythm-steps{gap:8px}.login-rhythm-steps button{font-size:10px}}
@media(max-width:720px){.ss-login main{margin-top:0}.ss-login-wrap{display:flex;flex-direction:column;gap:25px}.ss-login-panel{order:0;width:100%}.ss-login-art.ss-login-v2{order:1;width:100%;padding:25px}.ss-login header{padding:20px}.ss-login-v2 h2{font-size:39px}.login-edition{flex-wrap:nowrap}.ss-login-art .login-photo{height:245px}.ss-login-panel>section{padding:25px}.ss-login-panel .device-note{margin-bottom:0}.login-benefits{font-size:10px}.login-rhythm-steps button{font-size:12px}.ss-login-art .login-intro{font-size:13px}.login-visual-label small{font-size:9px}}
@media(max-width:380px){.login-edition{flex-wrap:wrap}.ss-login-v2 h2{font-size:34px}.ss-login-art.ss-login-v2,.ss-login-panel>section{padding:21px}.ss-login-art .login-photo{height:220px}.login-visual-label{left:13px;right:13px;bottom:13px}}
@media(prefers-reduced-motion:reduce){.ss-login-art.ss-login-v2,.ss-login-panel{animation:none}.login-rhythm-steps button i{transition:none}}
/* Editorial typography and a real-course illustration, without photo decoration. */
.ss-login-art.ss-login-v2{background:var(--card);box-shadow:none}.ss-login-v2:before{display:none}:root[data-theme=dark] .ss-login-art.ss-login-v2{background:#101612!important}.login-product-preview{background:var(--paper);border:1px solid var(--line);border-radius:16px;margin-bottom:16px;overflow:hidden}.login-product-top{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:15px 18px;border-bottom:1px solid var(--line)}.login-product-top>div{display:flex;align-items:center;gap:9px;font-size:12px}.ss-login-art .login-product-top img{width:30px;height:30px;border-radius:8px;object-fit:contain;margin:0}.login-product-top>span{color:var(--muted);font-size:7px;letter-spacing:.12em}.login-product-content{padding:21px 18px}.login-day-label{font-size:8px;letter-spacing:.1em;color:var(--teal)}.login-product-content h3{font-size:25px;letter-spacing:-.045em;margin:12px 0 8px}.ss-login-art .login-product-content>p{font-size:11px;color:var(--muted);line-height:1.7;margin:0 0 21px}.login-preview-task{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:10px;padding:13px 11px;background:var(--card);margin:8px 0;transition:border-color .45s,background .45s}.login-preview-task>span{font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}.login-preview-task>div{flex:1;min-width:0}.login-preview-task strong{display:block;font-size:12px;font-weight:550;line-height:1.5}.login-preview-task small{font-size:9px;line-height:1.6;display:block;margin-top:4px}.login-preview-task>i{font-style:normal;font-size:8px;color:var(--muted)}.login-preview-task[data-active=true]{border-color:var(--teal);background:#a4c58a09}.login-preview-task[data-active=true]>span,.login-preview-task[data-active=true]>i{color:var(--teal)}.login-course-map{margin-top:22px;padding-top:15px;border-top:1px solid var(--line)}.login-course-map>span{font-size:7px;letter-spacing:.12em;color:var(--muted)}.login-course-map>div{display:flex;gap:5px;margin-top:12px}.login-course-map i{flex:1;height:4px;border-radius:3px;background:var(--line)}.login-rhythm{border:0;border-radius:0;padding:0;background:transparent!important;margin:21px 0 18px}.login-rhythm-head{font-size:8px}.login-edition{margin-bottom:25px}.ss-login-v2 h2{font-size:clamp(35px,3.1vw,46px)}.ss-login-art .login-intro{font-size:13px;margin-bottom:24px}.login-product-content .login-preview-task small{color:var(--muted)}@media(max-width:950px){.login-product-top{padding:14px}.login-product-content{padding:18px 14px}.login-preview-task{gap:9px;padding:12px 9px}.login-preview-task strong{font-size:11px}.login-preview-task small{font-size:8px}.login-preview-task>i{font-size:7px}.login-edition{font-size:7px}.login-edition>span:last-child{font-size:6px}}@media(max-width:720px){.login-product-top{padding:16px}.login-product-content{padding:22px 17px}.login-preview-task strong{font-size:12px}.login-preview-task small{font-size:9px}.login-preview-task>i{font-size:8px}.ss-login-v2 h2{font-size:38px}}@media(prefers-reduced-motion:reduce){.login-preview-task{transition:none}}
.login-help-link{background:transparent!important;color:var(--accent,#c4f353)!important;padding:12px 0!important;text-align:left;box-shadow:none!important}.access-help-dialog{width:min(480px,calc(100% - 32px));max-height:85dvh;overflow:auto;background:var(--card,#171a17);color:var(--ink,#f6f7ef);border:1px solid #73786a;border-radius:20px;padding:26px;box-sizing:border-box}.access-help-dialog::backdrop{background:#0009;backdrop-filter:blur(5px)}.access-help-dialog input,.access-help-dialog textarea{box-sizing:border-box;width:100%;margin:8px 0 16px;padding:12px;border-radius:10px;background:var(--bg,#0e110f);color:inherit;border:1px solid #73786a}.access-help-dialog p{line-height:1.6}.access-help-dialog label{display:block}
/* Login-only focus instrument. No mock dashboards or promotional imagery. */
.ss-compass{position:relative;overflow:hidden}.ss-compass h2{font-size:clamp(36px,3.2vw,49px);line-height:1.08!important}.ss-compass .login-intro{max-width:350px}.focus-instrument{height:250px;position:relative;display:grid;place-items:center;margin:0 0 20px;isolation:isolate}.focus-orbit{position:absolute;border:1px solid var(--line);border-radius:50%;width:230px;height:230px}.orbit-one{border-style:dashed;animation:focus-revolve 100s linear infinite}.orbit-two{width:180px;height:180px;transform:rotate(-25deg) scaleX(.83);border-color:var(--teal);opacity:.3}.focus-core{display:flex;flex-direction:column;align-items:center;gap:14px;z-index:1}.focus-core>span:first-child{font-size:7px;letter-spacing:.22em;color:var(--muted)}.focus-core strong{font-weight:500;font-size:40px;letter-spacing:-.065em;line-height:1.1}.focus-core-line{width:32px;height:2px;background:var(--teal)}.focus-coordinate{position:absolute;font-size:7px;letter-spacing:.22em;color:var(--muted);background:var(--card);padding:5px 12px;z-index:2}.coord-n{top:4px}.coord-s{bottom:4px}.focus-satellite{position:absolute;width:7px;height:7px;background:var(--teal);border-radius:50%;top:50%;left:calc(50% + 105px);box-shadow:0 0 0 5px #9abc7311;animation:focus-breathe 6s ease-in-out infinite}.focus-selector{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;border-bottom:1px solid var(--line);padding-bottom:12px}.ss-compass .focus-selector button{background:transparent!important;border:1px solid transparent;color:var(--muted);border-radius:8px;padding:12px 2px;font-size:10px;min-height:44px;box-shadow:none!important;transform:none!important}.ss-compass .focus-selector button[aria-pressed=true]{border-color:var(--teal);color:var(--ink);background:#91b2640b!important}.ss-compass .focus-selector button:focus-visible{outline:2px solid var(--teal);outline-offset:3px}.focus-note{padding:22px 0 14px;min-height:150px}.focus-note>span{font-size:7px;letter-spacing:.15em;color:var(--teal)}.focus-note h3{font-size:21px;line-height:1.3;letter-spacing:-.025em;margin:12px 0}.ss-compass .focus-note p{font-size:12px;line-height:1.8;color:var(--muted);margin:0;max-width:370px}.focus-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:15px;font-size:7px;letter-spacing:.15em;color:var(--muted)}.focus-bottom>span:last-child{font-size:20px;color:var(--teal)}.ss-compass .focus-disclaimer{font-size:9px;line-height:1.8;color:var(--muted);margin:15px 0 0}@keyframes focus-revolve{to{transform:rotate(360deg)}}@keyframes focus-breathe{50%{opacity:.55;transform:scale(.8)}}@media(max-width:950px){.focus-selector{gap:2px}.ss-compass .focus-selector button{font-size:9px}.focus-note{min-height:180px}}@media(max-width:720px){.focus-instrument{height:225px}.focus-orbit{width:205px;height:205px}.orbit-two{width:160px;height:160px}.focus-satellite{left:calc(50% + 94px)}.focus-note{min-height:155px}.ss-compass .focus-selector button{font-size:11px}.ss-compass .focus-note p{max-width:none}}@media(prefers-reduced-motion:reduce){.focus-orbit,.focus-satellite{animation:none}}
.ss-compass .focus-practice{border:1px solid var(--line);border-radius:12px;padding:15px;margin:0 0 22px;background:var(--paper)}.focus-practice summary{cursor:pointer;font-size:12px;color:var(--teal);line-height:1.6}.ss-compass .focus-practice p{font-size:12px;line-height:1.8;margin:14px 0}.ss-compass .focus-practice button{font-size:11px;background:transparent;border-color:var(--line);box-shadow:none;min-height:42px}.focus-practice small{font-size:9px;line-height:1.7;color:var(--muted)}.ss-login-panel>section{box-shadow:0 12px 35px #00000007!important}.focus-selector button{transition:background .2s,border-color .2s,color .2s}.focus-core strong{color:var(--ink);font-variant-ligatures:common-ligatures}.ss-login-panel #submit{transition:background .2s,box-shadow .2s}.ss-login-panel #submit:focus-visible{outline:2px solid var(--teal);outline-offset:4px}@media(prefers-reduced-motion:reduce){.focus-selector button,.ss-login-panel #submit{transition:none}}

/* A quiet branded arrival, separate from the seller animation. */
.ss-compass .arrival-mark{display:grid;place-items:center;width:54px;height:54px;border:1px solid var(--line);border-radius:17px;background:var(--card);box-shadow:0 8px 22px #0001;animation:arrival-float 5.8s ease-in-out infinite}.ss-compass .arrival-mark img{display:block;width:44px;height:44px;object-fit:contain;border-radius:11px;margin:0}.ss-compass .focus-core{gap:10px}.ss-compass .focus-instrument::after{content:'';position:absolute;inset:12% 18%;border-radius:50%;background:radial-gradient(ellipse,#9bbe6b14,transparent 65%);z-index:-1;animation:arrival-glow 7s ease-in-out infinite}@keyframes arrival-float{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-8px) rotate(3deg)}}@keyframes arrival-glow{0%,100%{opacity:.5;transform:scale(.94)}50%{opacity:1;transform:scale(1.08)}}@media(prefers-reduced-motion:reduce){.ss-compass .arrival-mark,.ss-compass .focus-instrument::after{animation:none}}