.orientation-page{min-height:100vh;background:#f7f4ee;color:#10263f;font-family:Arial,sans-serif}.orientation-header{min-height:78px;padding:0 max(5%,22px);display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e7e1d6;position:-webkit-sticky;position:sticky;top:0;z-index:20}.orientation-logo{font:700 30px Georgia,serif;letter-spacing:4px;color:#0c2340;text-decoration:none}.orientation-logo span{color:#d2ad5c}.orientation-login{padding:11px 15px;border-radius:11px;background:#0c2340;color:#fff;text-decoration:none;font-weight:800;font-size:13px}.orientation-shell{width:min(1080px,calc(100% - 34px));margin:0 auto}.orientation-hero{padding:70px 0 48px;background:radial-gradient(circle at 80% 15%,hsla(42,56%,64%,.2),transparent 30%),linear-gradient(180deg,#fff,#f5f1e8)}.orientation-kicker{display:inline-block;color:#a47c2f;font-size:11px;font-weight:900;letter-spacing:1.8px}.orientation-hero h1{margin:14px 0 16px;font:700 clamp(42px,7vw,72px)/1 Georgia,serif;letter-spacing:-2px;color:#0b2139}.orientation-hero p{max-width:760px;margin:0;color:#667384;font-size:18px;line-height:1.7}.orientation-notice{margin-top:25px;max-width:820px;padding:14px 16px;border:1px solid #e7dcc2;border-radius:13px;background:#fffaf0;color:#735b2f;font-size:12px;line-height:1.6}.orientation-content{padding:45px 0 70px}.orientation-step{display:flex;gap:14px;align-items:center;margin-bottom:22px}.orientation-step>span{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#0c2340;color:#e4c477;font-weight:900}.orientation-step div{display:grid;grid-gap:3px;gap:3px}.orientation-step b{font-size:18px}.orientation-step small{color:#7c8794}.orientation-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px}.orientation-card{min-height:220px;padding:22px;text-align:left;border:1px solid #e2ddd3;border-radius:18px;background:#fff;color:#10263f;cursor:pointer;transition:.2s;box-shadow:0 8px 22px rgba(12,35,64,.035)}.orientation-card:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(12,35,64,.08)}.orientation-card.selected{border-color:#d0ad60;box-shadow:0 0 0 2px rgba(208,173,96,.18),0 18px 38px rgba(12,35,64,.08)}.orientation-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:#0c2340;color:#e4c477;font-size:20px}.orientation-card strong{display:block;margin:17px 0 8px;font:700 21px Georgia,serif}.orientation-card p{min-height:65px;margin:0;color:#75808d;font-size:13px;line-height:1.55}.orientation-card i{display:block;margin-top:18px;color:#9d7832;font-style:normal;font-size:11px;font-weight:900}.orientation-result{margin-top:25px;padding:28px;display:flex;justify-content:space-between;gap:28px;align-items:center;border-radius:22px;background:linear-gradient(135deg,#0a2037,#174e7d);color:#fff;box-shadow:0 24px 55px rgba(12,35,64,.17)}.orientation-bottom span,.orientation-result span{color:#dfc27e;font-size:10px;font-weight:900;letter-spacing:1.5px}.orientation-result h2{margin:8px 0;font:700 36px Georgia,serif}.orientation-result p{max-width:620px;margin:0;color:hsla(0,0%,100%,.68);line-height:1.6}.orientation-result-actions{min-width:260px;display:grid;grid-gap:10px;gap:10px}.orientation-primary,.orientation-secondary{min-height:50px;padding:0 18px;display:flex;align-items:center;justify-content:center;border-radius:12px;text-decoration:none;font-weight:900;font-size:13px}.orientation-primary{background:linear-gradient(135deg,#dfc17b,#cba75b);color:#13233a}.orientation-secondary{border:1px solid hsla(0,0%,100%,.26);color:#fff}.orientation-bottom{padding:50px 0;background:#0a2037;color:#fff}.orientation-bottom .orientation-shell{display:flex;justify-content:space-between;align-items:center;gap:30px}.orientation-bottom h2{margin:8px 0;font:700 clamp(30px,5vw,44px) Georgia,serif}.orientation-bottom p{margin:0;color:hsla(0,0%,100%,.62)}@media(max-width:900px){.orientation-grid{grid-template-columns:repeat(2,1fr)}.orientation-bottom .orientation-shell,.orientation-result{align-items:stretch;flex-direction:column}.orientation-result-actions{min-width:0;width:100%}}@media(max-width:560px){.orientation-header{min-height:68px}.orientation-logo{font-size:25px}.orientation-hero{padding:48px 0 36px}.orientation-hero p{font-size:16px}.orientation-grid{grid-template-columns:1fr}.orientation-card,.orientation-card p{min-height:0}.orientation-content{padding-top:32px}.orientation-result{padding:22px}.orientation-result h2{font-size:30px}.orientation-primary,.orientation-secondary{width:100%}}