*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,Arial,sans-serif;color:#071421}body{background:#edf3f8}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-wrap{width:min(1040px,100%);min-height:620px;display:grid;grid-template-columns:1.1fr .9fr;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 24px 70px #07142126}.brand-panel{background:#071421;color:#fff;padding:54px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.brand-panel:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;background:#1689ff22;right:-140px;bottom:-100px}.logo{font-weight:800;font-size:27px;letter-spacing:.5px}.logo span{color:#1689ff}.eyebrow{font-size:12px;font-weight:800;letter-spacing:2px;color:#1689ff;margin-bottom:14px}.brand-panel h1{font-size:44px;line-height:1.08;margin:0 0 18px;max-width:520px}.brand-panel p{color:#b9c7d5;line-height:1.7;max-width:480px}.meta{color:#8196aa;font-size:13px}.login-panel{padding:58px 52px;display:flex;flex-direction:column;justify-content:center}.panel-head{display:flex;gap:14px;align-items:center;margin-bottom:28px}.panel-head .badge{display:grid;place-items:center;width:48px;height:48px;background:#eaf4ff;border-radius:14px;font-size:22px}.login-panel h2{margin:0;font-size:30px}.login-panel p{margin:5px 0 0;color:#6c7d8e}.login-panel form{display:grid;gap:18px}.login-panel label{display:grid;gap:8px;font-size:13px;font-weight:700}.login-panel input{width:100%;border:1px solid #cfdbe6;border-radius:11px;padding:14px 15px;font-size:16px;outline:none}.login-panel input:focus{border-color:#1689ff;box-shadow:0 0 0 3px #1689ff18}.btn{border:0;border-radius:11px;padding:14px 18px;font-weight:800;font-size:15px;text-decoration:none;text-align:center;cursor:pointer}.primary{background:#1689ff;color:#fff}.notice{background:#eef6ff;border:1px solid #cfe7ff;padding:12px 14px;border-radius:10px;margin-bottom:18px}.notice.error{background:#fff0f0;border-color:#ffcaca;color:#a51f1f}.foot{margin-top:28px;text-align:center;color:#9aa8b4;font-size:12px}.select-page{min-height:100vh;background:#f4f7fa}.select-top{height:76px;background:#071421;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 34px}.select-top .logo span{color:#1689ff}.userbar{display:flex;gap:18px;align-items:center}.userbar a{color:#fff;text-decoration:none}.select-shell{max-width:1120px;margin:0 auto;padding:58px 28px}.select-intro h1{font-size:38px;margin:0 0 10px}.select-intro p{color:#6d7e8e;margin:0 0 32px}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.choice-form{margin:0}.choice-card{width:100%;min-height:138px;border:1px solid #dce6ee;background:#fff;border-radius:16px;padding:24px;display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;text-align:left;text-decoration:none;color:#071421;cursor:pointer;box-shadow:0 8px 25px #0714210b;transition:.18s}.choice-card:hover{transform:translateY(-2px);border-color:#1689ff;box-shadow:0 14px 30px #1689ff18}.choice-icon{width:62px;height:62px;border-radius:15px;display:grid;place-items:center;background:#eaf4ff;font-size:30px}.choice-copy{display:grid;gap:7px}.choice-copy strong{font-size:21px}.choice-copy small{font-size:14px;color:#6d7e8e;line-height:1.45}.choice-card .arrow{font-size:26px;color:#1689ff}.choice-card.backoffice{background:#071421;color:#fff;border-color:#071421}.choice-card.backoffice .choice-icon{background:#1689ff22}.choice-card.backoffice small{color:#9fb0bf}@media(max-width:760px){.auth-wrap{grid-template-columns:1fr}.brand-panel{display:none}.login-panel{padding:42px 28px}.choice-grid{grid-template-columns:1fr}.select-top{height:auto;padding:18px 20px;gap:14px;flex-wrap:wrap}.select-shell{padding:36px 18px}.select-intro h1{font-size:31px}.userbar{font-size:13px}}