.welcome{background:#f5f8fd}.welcome-shell{max-width:1160px;margin:auto;padding:0 36px}.welcome-header{height:104px}.welcome-header .brand{display:flex;color:#193b70}.welcome-login{color:#365e97;font-weight:600}.welcome-main{margin:0;padding:0;max-width:none}.welcome-hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:70px;padding:60px 0 80px}.welcome h1{font-size:clamp(42px,5.3vw,68px);line-height:1.1;letter-spacing:-2.5px;color:#17375f}.welcome-lead{font-size:18px;color:#61748f;max-width:540px;margin:25px 0 30px}.welcome-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.welcome-actions button,.welcome-open{display:inline-flex;align-items:center;justify-content:center;padding:15px 23px;border-radius:12px;font-weight:600;font-size:15px}.welcome-open{background:white;border:1px solid #dce5f3;color:#244f8f;gap:18px}.welcome-preview{background:#173c76;border-radius:27px;color:white;padding:30px;box-shadow:0 24px 55px #173c7620;transform:rotate(2deg)}.preview-caption{font-size:10px;letter-spacing:1.6px;color:#a7c6f4}.preview-head{display:flex;align-items:center;gap:14px;margin:28px 0}.preview-mark{background:#3975d7;border-radius:12px;font-size:24px;font-weight:800;padding:9px 15px}.preview-row{display:flex;align-items:center;gap:14px;padding:20px 0;border-top:1px solid #ffffff20}.preview-row>span{display:grid;place-items:center;background:#ffffff12;width:42px;height:42px;border-radius:10px;font-size:22px}.preview-row div{flex:1}.preview-row strong,.preview-row small{display:block}.preview-row strong{font-size:14px}.preview-row small{font-size:11px;color:#b5cbed;margin-top:6px}.preview-row b{font-size:11px;color:#8db1e5}.preview-note{font-size:11px;color:#9fbee9;margin-bottom:0}.welcome-intro{max-width:690px;margin:0 auto 38px;text-align:center}.welcome h2{font-size:30px;letter-spacing:-.8px}.welcome-intro>p:last-child{font-size:16px;color:#61748f}.welcome-features{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.welcome-features article{background:white;border:1px solid #e0e8f4;padding:25px 22px;border-radius:18px}.welcome-features article>span{font-size:26px;color:#2765cf}.welcome-features h3{margin:20px 0 12px;font-size:16px}.welcome-features p{font-size:13px;color:#61748f;margin-bottom:0}.welcome-test{margin-top:45px;padding:32px;background:#eaf1fc;border-radius:20px;display:flex;align-items:center;gap:35px}.welcome-test>div{flex:1}.welcome-test h2{font-size:25px}.welcome-test .welcome-open{white-space:nowrap}.welcome-bottom{text-align:center;padding:70px 0 25px;max-width:650px;margin:auto}.welcome-bottom>p{color:#61748f}.welcome-bottom button{padding:15px 26px}.welcome-bottom .notice{margin-top:20px}.welcome .install-panel{display:none}@media(max-width:900px){.welcome-hero{gap:30px}.welcome-features{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.welcome-shell{padding:0 22px}.welcome-header{height:82px}.welcome-header .brand{font-size:24px}.welcome-login{font-size:13px}.welcome-hero{grid-template-columns:1fr;padding:34px 0 55px;gap:35px}.welcome h1{font-size:46px;letter-spacing:-1.8px}.welcome-lead{font-size:16px;margin:20px 0 24px}.welcome-actions{gap:10px}.welcome-actions button,.welcome-open{padding:13px 17px;font-size:14px}.welcome-preview{transform:none;padding:24px}.welcome h2{font-size:26px}.welcome-intro{text-align:left}.welcome-features{grid-template-columns:1fr;gap:12px}.welcome-features article{padding:22px}.welcome-features h3{margin-top:12px}.welcome-test{padding:24px;display:block;margin-top:28px}.welcome-test .welcome-open{margin-top:12px}.welcome-bottom{padding-top:48px}}