/* A quiet, single-column entry. All rules are isolated to the login page. */
.lgn-body { margin:0; min-height:100svh; color:#414659; background:radial-gradient(ellipse at 17% 35%,#e7edf770,transparent 47%),radial-gradient(ellipse at 84% 60%,#ede7f580,transparent 43%),#f7f8fb; font-family:system-ui,-apple-system,'Segoe UI','Microsoft YaHei',sans-serif; -webkit-font-smoothing:antialiased; }
.lgn-body * { box-sizing:border-box; }
.lgn-body .hidden { display:none !important; }
.entry-header { width:min(1320px,100%); padding:29px 44px; margin:auto; display:flex; align-items:center; justify-content:space-between; }
.entry-brand { display:flex; align-items:center; gap:10px; text-decoration:none; color:#505469; font-size:20px; font-weight:650; letter-spacing:-.5px; }
.entry-brand img { border-radius:9px; }
.entry-brand b { font-size:14px; font-weight:450; margin-left:5px; }
.entry-home { color:#747b90; font-size:12px; text-decoration:none; display:flex; align-items:center; gap:13px; }
.entry-home span { font-size:18px; color:#8d95ad; }
.lgn-wrap { position:relative; isolation:isolate; min-height:0; width:100%; max-width:1280px; padding:24px 24px 38px; display:flex; flex-direction:column; align-items:center; gap:0; margin:auto; }
.entry-intro { text-align:center; margin:0 0 26px; position:relative; z-index:1; }
.entry-eyebrow { font-size:9px; font-weight:550; letter-spacing:2.5px; color:#9098af; display:flex; align-items:center; justify-content:center; gap:9px; margin:0 0 15px; }
.entry-eyebrow>span { width:5px; height:5px; background:#a4aecb; border-radius:50%; box-shadow:0 0 0 4px #e9edf5; }
.entry-intro h1 { font-size:clamp(25px,2.5vw,36px); font-weight:500; line-height:1.6; letter-spacing:-1px; margin:0; color:#454b60; }
.entry-intro h1>span { color:#929ab4; }
.entry-description { color:#858da2; font-size:12px; letter-spacing:1px; margin:8px 0 0; }
.entry-scene { position:absolute; inset:0; z-index:-1; overflow:hidden; pointer-events:none; }
.scene-ring { position:absolute; left:50%; top:50%; border:1px solid #dce2ee80; border-radius:50%; transform:translate(-50%,-43%); width:670px; height:670px; }
.ring-two { width:900px; height:900px; border-style:dashed; opacity:.7; }
.ring-three { width:1160px; height:1160px; opacity:.4; }
.scene-note { position:absolute; padding:22px 25px; border:1px solid #ffffff; border-radius:18px; background:#ffffff70; box-shadow:0 14px 36px #677b9f07; color:#808ba4; }
.note-review { top:220px; left:6%; transform:rotate(-9deg); width:211px; }
.scene-note-label { font-size:10px; letter-spacing:.6px; display:flex; align-items:center; gap:6px; }
.scene-stars { color:#c7b38c; font-size:12px; letter-spacing:4px; margin:17px 0 10px; }
.scene-note p { font-size:12px; margin:0; color:#7c869d; }
.scene-lines { margin-top:18px; display:grid; gap:7px; }
.scene-lines i { height:4px; border-radius:4px; background:#e3e8f1; width:92%; }
.scene-lines i:last-child { width:62%; }
.note-insight { top:370px; right:4%; transform:rotate(9deg); width:220px; }
.scene-note-label>i { width:5px; height:5px; background:#b1b8d4; border-radius:50%; }
.scene-wave { height:64px; display:flex; gap:8px; align-items:center; justify-content:center; margin:11px 0; }
.scene-wave i { width:6px; height:19px; border-radius:8px; background:#c5cde1; }
.scene-wave i:nth-child(2n) { height:31px; background:#b8c4df; }
.scene-wave i:nth-child(3n) { height:45px; background:#aabbdc; }
.scene-wave i:nth-child(5) { height:58px; background:#9fafd2; }
.scene-note-caption { font-size:10px; color:#929bb0; }
.scene-flower { position:absolute; top:140px; right:15%; font-size:44px; color:#c0c8de; font-weight:300; transform:rotate(15deg); }
.scene-dot { position:absolute; width:12px; height:12px; background:#d6cde6; border:3px solid #eee9f5; border-radius:50%; bottom:115px; left:19%; }
.lgn-panel { width:440px; max-width:100%; padding:31px 36px 24px; display:block; background:#ffffffdb; border:1px solid #fff; border-radius:23px; box-shadow:0 6px 16px #596b9204,0 24px 70px #596b920b; backdrop-filter:blur(18px); position:relative; }
.lgn-panel::before,.lgn-panel::after,.lgn-panel-inner::before { display:none; }
.lgn-panel-inner { width:100%; max-width:none; margin:0; padding:0; position:static; border-radius:0; background:transparent; box-shadow:none; display:block; }
.lgn-panel-head { text-align:center; margin:0 0 25px; }
.entry-mark { width:43px; height:43px; display:grid; place-items:center; border-radius:14px; margin:0 auto 15px; color:#8799c0; background:linear-gradient(145deg,#eff2f9,#e9eaf5); border:1px solid #e5e9f3; }
.entry-mark svg { width:29px; height:29px; }
.lgn-title { color:#485066; font-size:26px; line-height:1.5; font-weight:550; letter-spacing:-.7px; margin:0 0 7px; }
.welcome-dot { color:#a6b3cf; }
.lgn-title-sub { color:#8790a4; font-size:12px; line-height:1.7; margin:0; }
.lgn-form { display:flex; flex-direction:column; gap:18px; }
.lgn-group { display:flex; flex-direction:column; gap:8px; }
.lgn-label { font-size:12px; font-weight:500; padding:0; color:#677086; }
.lgn-field { display:flex; align-items:center; position:relative; border:1px solid #e4e8f0; background:#f8f9fc; border-radius:11px; min-height:49px; box-shadow:none; transition:background .2s,border-color .2s,box-shadow .2s; }
.lgn-field:focus-within { background:#fff; border-color:#a4b3d3; box-shadow:0 0 0 3px #a4b3d31a; }
.lgn-field-icon { position:static; margin-left:14px; display:inline-flex; flex-shrink:0; width:16px; height:16px; color:#a2adc3; }
.lgn-field-icon svg { width:16px; height:16px; }
.lgn-input { width:100%; min-width:0; height:47px; border:0; border-radius:11px; outline:none; box-shadow:none; background:transparent; padding:0 12px; font-size:13px; font-family:inherit; color:#50596e; }
.lgn-input:hover,.lgn-input:focus { border:0; box-shadow:none; }
.lgn-input::placeholder { font-size:12px; color:#a0a9bb; }
.lgn-eye { position:static; transform:none; display:grid; place-items:center; width:36px; height:36px; padding:9px; margin-right:5px; background:none; border:0; color:#a0abc1; cursor:pointer; flex-shrink:0; }
.lgn-eye svg { width:17px; height:17px; }
.lgn-form-meta { margin:0; display:flex; align-items:center; }
.lgn-check { font-size:11px; color:#7e899e; display:flex; align-items:center; gap:7px; cursor:pointer; }
.lgn-check input { width:13px; height:13px; accent-color:#849ac5; margin:0; }
.lgn-submit { min-height:49px; width:100%; display:flex; align-items:center; justify-content:center; gap:12px; background:#8196bf; color:#fff; border:1px solid #8196bf; border-radius:11px; box-shadow:0 4px 10px #8196bf16; font-family:inherit; font-size:13px; font-weight:500; cursor:pointer; transition:background .2s,transform .2s; }
.lgn-submit:hover { background:#728ab6; transform:translateY(-1px); }
.lgn-submit svg { width:16px; height:16px; }
.lgn-switch { text-align:center; font-size:11px; color:#919aad; margin:0; }
.lgn-switch-link { font:inherit; font-weight:550; border:0; background:none; padding:3px 4px; color:#758bb3; cursor:pointer; }
.lgn-switch-link:hover { color:#586f9a; text-decoration:underline; }
.lgn-form .lgn-agree { text-align:center; font-size:9px; color:#929bad; line-height:1.9; padding-top:17px; border-top:1px solid #edf0f5; margin:0; }
.lgn-form .lgn-agree a { color:#7c879f; text-decoration:underline; text-underline-offset:3px; }
.lgn-footnote { font-size:9px; color:#a0a9ba; text-align:center; margin:19px 0 0; letter-spacing:.3px; }
.lgn-banner { margin:0 0 16px; }
.lgn-session { margin-top:18px; }
.entry-footer { max-width:1320px; margin:auto; padding:0 44px 25px; display:flex; justify-content:space-between; gap:15px; color:#9da6b7; font-size:10px; letter-spacing:.5px; }
.entry-footer>span:last-child { font-size:8px; letter-spacing:1.7px; }
.lgn-body :is(a,button,input):focus-visible { outline:2px solid #9caccc; outline-offset:4px; }
@media(min-width:1600px) { .lgn-wrap { padding-top:52px; padding-bottom:65px; } }
@media(max-width:1050px) { .scene-note { opacity:.5; } .note-review { left:-55px; } .note-insight { right:-55px; } }
@media(max-width:760px) { .entry-header { padding:23px 24px; } .entry-brand { font-size:18px; } .entry-brand img { width:29px; height:29px; } .entry-home { font-size:11px; } .lgn-wrap { padding:26px 20px 30px; } .entry-intro { margin-bottom:23px; } .entry-eyebrow { font-size:8px; letter-spacing:1.7px; } .entry-intro h1 { font-size:25px; } .entry-intro h1>span { display:block; } .entry-description { font-size:11px; } .scene-note,.scene-flower,.scene-dot { display:none; } .scene-ring { width:540px; height:540px; } .ring-two { width:750px; height:750px; } .ring-three { width:950px; height:950px; } .lgn-panel { padding:27px 25px 23px; border-radius:20px; } .lgn-title { font-size:25px; } .entry-footer { padding:0 24px 24px; justify-content:center; } .entry-footer>span:last-child { display:none; } }
@media(prefers-reduced-motion:reduce) { .lgn-body * { transition:none !important; animation:none !important; } }

/* Selected visual direction: Clear Blue. Bundled here so deployment needs no concept files. */
.lgn-body{--login-accent:#3f7dea}.lgn-submit{background:var(--login-accent);border-color:var(--login-accent);box-shadow:0 5px 16px color-mix(in srgb,var(--login-accent) 16%,transparent)}.lgn-submit:hover{background:color-mix(in srgb,var(--login-accent) 88%,#16345c)}.lgn-switch-link,.welcome-dot{color:var(--login-accent)}.lgn-check input{accent-color:var(--login-accent)}.lgn-field:focus-within{border-color:var(--login-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--login-accent) 10%,transparent)}.lgn-body :is(a,button,input):focus-visible{outline-color:var(--login-accent)}.entry-footer{color:#8491a6}.lgn-title-sub,.lgn-check,.lgn-switch{color:#717e96}.lgn-label{color:#56647b}

.lgn-body{--login-accent:#3982ee;background:radial-gradient(ellipse at 50% 44%,#e2efff 0%,#eff6ff 38%,#f8fbff 76%);color:#304e76}.entry-intro h1{color:#345173}.entry-intro h1>span{color:#4a8de9}.entry-eyebrow{color:#6493c9}.entry-eyebrow>span{background:#5a9aef;box-shadow:0 0 0 4px #e0edff}.entry-description{color:#758da9}.lgn-panel{border-radius:27px;background:#ffffffdf;border:1px solid #fff;box-shadow:0 22px 70px #4283d00e}.entry-mark{background:#e9f2ff;color:#5391e1;border-color:#dceaff;border-radius:50%}.scene-ring{border-color:#a5c9f33b}.scene-note{background:#ffffff90;border-color:#fff;box-shadow:0 16px 40px #6a9ad00a}.scene-wave i{background:#b4d3fb}.scene-wave i:nth-child(2n){background:#94bdf4}.scene-wave i:nth-child(3n){background:#70a5ee}.scene-wave i:nth-child(5){background:#4b8de8}.scene-flower{color:#8ab6ef}.scene-dot{background:#9dc4f2;border-color:#d9eaff}.lgn-field{background:#f8fbff;border-color:#dfeaf8}.entry-home{color:#6484ab}.lgn-title{color:#365173}