:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Arial,sans-serif;color:#1d1d1f;background:#f5f6f8;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-height:100vh}a{color:inherit}.layout{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.02fr) minmax(480px,.98fr)}.brand-panel{position:relative;min-height:100vh;overflow:hidden;padding:34px clamp(32px,6vw,92px) 26px;background:radial-gradient(ellipse at 18% 88%,#414141 0,transparent 42%),linear-gradient(145deg,#191919,#242424 70%,#373737);color:#fff;display:flex;flex-direction:column}.brand-panel:before,.brand-panel:after{content:"";position:absolute;border:1px solid #ffffff12;border-radius:50%;pointer-events:none}.brand-panel:before{width:620px;height:620px;right:-300px;top:-220px}.brand-panel:after{width:460px;height:460px;left:-300px;bottom:-130px}.topbar,.brand-copy,.preview-card,.panel-footer{position:relative;z-index:1}.topbar{display:flex;justify-content:space-between;align-items:center}.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;font-size:20px;font-weight:650;letter-spacing:-.045em}.brand-mark{width:34px;height:34px;border-radius:11px;background:#fff;display:grid;place-items:center;position:relative;flex:none}.brand-mark i,.brand-mark b{position:absolute;background:#1d1d1f;border-radius:2px}.brand-mark i{height:2px;width:16px}.brand-mark b{width:2px;height:16px}.language-switch{display:flex;align-items:center;gap:4px;padding:4px;border:1px solid #ffffff30;border-radius:10px}.language-switch a{padding:5px 8px;border-radius:7px;color:#dddddd;text-decoration:none;font-size:10px;font-weight:700;letter-spacing:.05em}.language-switch a[aria-current=page],.language-switch a:hover{background:#ffffff1f;color:#fff}.brand-copy{max-width:540px;margin:auto 0 34px;padding-top:96px}.eyebrow{font-size:10px;line-height:1.4;font-weight:700;letter-spacing:.17em;color:#999999}.brand-copy h1{font-size:clamp(42px,5vw,66px);line-height:1.02;letter-spacing:-.06em;font-weight:600;max-width:540px;margin:18px 0 18px}.intro{font-size:16px;line-height:1.7;color:#dddddd;max-width:430px;margin:0}.preview-card{max-width:530px;width:100%;margin:28px 0 0;padding:18px 22px 12px;border:1px solid #ffffff24;border-radius:17px;background:#ffffff0b;backdrop-filter:blur(12px);box-shadow:0 24px 60px #00000020}.preview-top{display:flex;align-items:center;gap:10px;color:#f1f1f1;font-size:12px;font-weight:600;padding-bottom:15px;border-bottom:1px solid #ffffff1a}.preview-top>b{margin-left:auto;color:#999999;letter-spacing:2px}.preview-icon{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:#ffffff16}.preview-line{display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:11px;padding:12px 2px;border-bottom:1px solid #ffffff12}.preview-line>i{width:9px;height:9px;border-radius:50%;background:#92c8a4;box-shadow:0 0 0 4px #92c8a41a}.preview-line>span{display:grid;gap:2px}.preview-line b{font-size:11px;font-weight:600;color:#f2f2f2}.preview-line small,.preview-line time{font-size:10px;color:#aaaaaa}.preview-line.pending>i{background:#aaaaaa;box-shadow:0 0 0 4px #aaaaaa1a}.preview-card>p{margin:12px 0 0;color:#999999;font-size:9px}.panel-footer{margin-top:auto;padding-top:30px;display:flex;justify-content:space-between;gap:12px;color:#999999;font-size:10px}.signin-area{min-height:100vh;background:#f7f8fa;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 30px 24px}.signin-card{width:min(100%,440px);padding:40px 42px 32px;border:1px solid #e7e7e7;border-radius:20px;background:#fff;box-shadow:0 22px 70px #00000012}.card-symbol{width:42px;height:42px;border-radius:13px;background:#f3f3f3;display:grid;place-items:center;margin-bottom:26px}.card-symbol .brand-mark{width:25px;height:25px;border-radius:8px;background:#252525}.card-symbol .brand-mark i,.card-symbol .brand-mark b{background:#fff}.card-symbol .brand-mark i{width:12px}.card-symbol .brand-mark b{height:12px}.card-eyebrow{color:#777777;font-size:9px}.signin-card h2{font-size:30px;line-height:1.2;letter-spacing:-.045em;margin:9px 0 7px;font-weight:650;color:#282828}.card-intro{font-size:13px;color:#7a7a7a;margin:0 0 22px}.setup-notice{display:flex;gap:10px;align-items:flex-start;padding:12px 13px;border:1px solid #e7e7e7;border-radius:11px;background:#f5f8fa;margin-bottom:24px}.notice-dot{width:8px;height:8px;margin-top:5px;border-radius:50%;background:#777777;flex:none}.setup-notice p{font-size:11px;line-height:1.5;color:#666666;margin:0}.login-form{display:grid;gap:8px}.login-form label{font-size:11px;color:#474747;font-weight:600;margin-top:4px}.login-form input{width:100%;height:46px;padding:0 13px;border:1px solid #e1e1e1;border-radius:9px;background:#f8f9fa;color:#777777;font-size:13px}.login-form input::placeholder{color:#b0b0b0}.password-label{display:flex;align-items:center;justify-content:space-between;margin-top:6px}.password-label label{margin:0}.password-label>span{font-size:10px;color:#9a9a9a}.submit{display:flex;align-items:center;justify-content:space-between;width:100%;height:48px;margin-top:13px;padding:0 16px;border:0;border-radius:9px;background:#1d1d1f;color:#fff;font-size:13px;font-weight:600;opacity:.55;cursor:not-allowed}.form-note{text-align:center;color:#9a9a9a;font-size:10px;margin:5px 0 0}.card-bottom{display:grid;gap:4px;text-align:center;border-top:1px solid #eef0f2;margin-top:25px;padding-top:19px;font-size:10px;color:#888888}.card-bottom span:last-child{color:#666666;font-weight:600}.legal-foot{width:min(100%,440px);display:flex;justify-content:space-between;gap:10px;padding:18px 4px 0;color:#999999;font-size:9px}@media(max-width:900px){.layout{grid-template-columns:1fr}.brand-panel{min-height:auto;padding:25px 26px 22px}.brand-copy{padding-top:75px;margin:0 0 10px}.brand-copy h1{font-size:clamp(42px,9vw,58px)}.intro{font-size:14px}.preview-card{margin-top:28px}.panel-footer{padding-top:22px}.signin-area{min-height:720px;padding:40px 20px 22px}}@media(max-width:520px){.brand-panel{padding:21px 20px 19px}.brand-copy{padding-top:60px}.preview-card{padding:15px}.signin-area{padding:30px 16px 18px;min-height:650px}.signin-card{padding:30px 23px 25px;border-radius:16px}.signin-card h2{font-size:26px}.legal-foot{font-size:8px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}