:root{--entry-dark:#182831;--entry-orange:#dd7a4a}
.entry-screen{min-height:100dvh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);background:#fcfcfb;color:#23323c}
.entry-panel{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;max-width:600px;width:100%;margin:0 auto;padding:64px clamp(26px,7.2vw,110px)}
.entry-logo{display:grid;place-items:center;height:60px;width:60px;border-radius:16px;background:#df7b4d;color:#fff;font:bold 23px Manrope,sans-serif;letter-spacing:-1.5px;box-shadow:0 11px 30px #dd7a4a35;margin-bottom:47px}
.entry-tag{display:inline-flex;align-items:center;gap:9px;color:#778692;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1.6px}
.entry-tag-dot{display:block;width:7px;height:7px;background:#6abf98;border-radius:50%}
.entry-panel h1{font:800 clamp(34px,3.4vw,54px)/1.12 Manrope,sans-serif;letter-spacing:-2px;margin:18px 0 18px;max-width:450px}
.entry-panel h1 span{color:#dc7848}
.entry-subtitle{font-size:15px;line-height:1.85;color:#788996;max-width:445px;margin:0 0 36px}
.entry-button{width:100%;max-width:360px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 20px;background:#dc7848;color:#fff;border:0;border-radius:11px;font-weight:800;font-size:14px;box-shadow:0 12px 27px #dc784827;transition:transform .15s,background .15s}
.entry-button:hover{transform:translateY(-1px);background:#c86b3d}
.entry-arrow{font-size:21px;font-weight:400}
.entry-explanation{font-size:11px;color:#8b9aa4;margin:13px 0 0}
.entry-bottom{margin-top:55px;border-top:1px solid #e5eaeb;padding-top:21px;display:flex;align-items:flex-start;gap:11px;max-width:440px;color:#94a0a8;font-size:11px;line-height:1.7}
.entry-bottom strong{color:#647480}
.entry-bottom-icon{display:grid;place-items:center;flex:0 0 18px;height:18px;border-radius:50%;border:1px solid #bec9ce;font-size:11px;font-style:normal;font-weight:bold}
.entry-art{background:linear-gradient(155deg,#213943 0%,#14252f 68%,#192e36 100%);min-height:100dvh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:35px;overflow:hidden;padding:55px 45px;position:relative}
.entry-art:before,.entry-art:after{content:"";position:absolute;border-radius:50%;border:1px solid #ffffff10;width:760px;height:760px;left:22%;top:-34%}
.entry-art:after{width:520px;height:520px;left:53%;top:48%;border-color:#ffffff09}
.entry-art-heading{position:relative;font:800 15px Manrope,sans-serif;letter-spacing:2px;color:#ecf2f4}
.entry-art-heading span{color:#ed996a}
.entry-art-heading small{display:block;text-align:center;font-size:9px;letter-spacing:3px;color:#99adb7;margin-top:4px}
.entry-art-card{z-index:1;background:#f9fbfc;width:min(440px,100%);border-radius:16px;padding:24px;box-shadow:0 35px 80px #0b171d7a;transform:rotate(-2deg)}
.entry-art-card-header{display:flex;align-items:center;justify-content:space-between;color:#324752;font-size:14px;font-weight:800;margin-bottom:22px}
.entry-art-card-header i{width:36px;height:8px;background:#e7edf0;border-radius:7px}
.entry-art-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.entry-art-grid div{border:1px solid #e9eef1;border-radius:10px;padding:14px}
.entry-art-grid small{display:block;font-size:10px;color:#82929b}
.entry-art-grid strong{display:block;font:800 27px Manrope,sans-serif;color:#29404b;margin:6px 0}
.entry-art-grid em{font-style:normal;font-size:10px;color:#9aabb1}
.entry-art-chart{height:145px;margin:19px 0 14px;border-radius:10px;background:#f1f5f6;display:flex;align-items:flex-end;gap:14px;padding:22px 28px}
.entry-art-chart span{flex:1;height:var(--bar);background:linear-gradient(180deg,#e9a17d,#db7746);border-radius:6px 6px 2px 2px}
.entry-art-lines{display:grid;gap:9px}.entry-art-lines i{height:8px;border-radius:6px;background:#e7edf0;width:90%}.entry-art-lines i:nth-child(2){width:75%}.entry-art-lines i:nth-child(3){width:53%}
.entry-art-foot{z-index:1;color:#aec4cb;font-size:12px;letter-spacing:.3px}
@media(max-width:880px){.entry-screen{grid-template-columns:1fr}.entry-art{display:none}.entry-panel{min-height:100dvh;max-width:560px;padding:50px 28px}.entry-logo{margin-bottom:39px}}
@media(max-width:520px){.entry-panel h1{letter-spacing:-1.5px;font-size:36px}.entry-subtitle{font-size:14px}.entry-button{max-width:none}.entry-bottom{margin-top:42px}}