:root{--av-o-blue:#58b8ff;--av-o-cyan:#62e6dc;--av-o-ink:#06101e;--av-o-panel:#0d1c2e;--av-o-line:rgba(126,190,238,.2)}
.av-orientation-page{max-width:1500px;margin:0 auto;padding:28px 24px 80px;color:#eaf6ff}.av-orientation-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:1.15fr .85fr;min-height:390px;padding:54px;border:1px solid var(--av-o-line);border-radius:30px;background:radial-gradient(circle at 78% 20%,rgba(74,170,255,.22),transparent 34%),linear-gradient(135deg,#071525,#102944 62%,#071421);box-shadow:0 28px 70px rgba(0,0,0,.28)}.av-orientation-hero:before{content:"";position:absolute;inset:auto -10% -55% 35%;height:420px;background:repeating-linear-gradient(90deg,transparent 0 58px,rgba(105,205,255,.08) 59px 60px),repeating-linear-gradient(0deg,transparent 0 58px,rgba(105,205,255,.08) 59px 60px);transform:perspective(500px) rotateX(66deg)}.av-orientation-hero-copy{position:relative;z-index:2;align-self:center}.av-orientation-kicker{display:inline-flex;padding:8px 12px;border:1px solid rgba(98,230,220,.36);border-radius:999px;color:var(--av-o-cyan);font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.av-orientation-hero h1{max-width:800px;margin:20px 0 12px;font-size:clamp(2.2rem,5vw,5rem);line-height:.98}.av-orientation-hero p{max-width:760px;color:#bdd2e5;font-size:1.08rem;line-height:1.75}.av-orientation-progress{height:8px;margin-top:28px;max-width:580px;background:rgba(255,255,255,.08);border-radius:99px;overflow:hidden}.av-orientation-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--av-o-blue),var(--av-o-cyan));transition:width .35s ease}.av-orientation-count{margin-top:9px;color:#8faac0;font-size:.85rem}.av-orientation-count strong{color:white}.av-orientation-mentor-stage{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:center;gap:18px}.av-orientation-mentor{width:min(46%,230px);text-align:center}.av-orientation-mentor img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center top;border-radius:24px 24px 8px 8px;border:1px solid rgba(255,255,255,.16);filter:saturate(.9);box-shadow:0 20px 38px rgba(0,0,0,.35)}.av-orientation-mentor span{display:block;margin-top:8px;color:#d8ebf9;font-weight:800}.av-orientation-ava{transform:translateY(-25px)}.av-tour-shell{display:grid;grid-template-columns:320px 1fr;gap:22px;margin-top:24px}.av-tour-rail,.av-tour-stage{border:1px solid var(--av-o-line);border-radius:25px;background:linear-gradient(180deg,rgba(14,31,50,.96),rgba(7,18,31,.98));box-shadow:0 18px 45px rgba(0,0,0,.2)}.av-tour-rail{padding:12px}.av-tour-rail button{display:grid;grid-template-columns:44px 1fr;grid-template-areas:"icon title" "icon small";width:100%;padding:14px;border:0;border-radius:15px;color:#adc4d6;text-align:left;background:transparent;cursor:pointer}.av-tour-rail button:hover,.av-tour-rail button.is-active{background:linear-gradient(135deg,rgba(75,166,238,.2),rgba(64,224,210,.08));color:white}.av-tour-rail button span{grid-area:icon;display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(111,199,255,.3);border-radius:12px;color:#72d5ff;font-weight:900}.av-tour-rail button b{grid-area:title;font-size:.94rem}.av-tour-rail button small{grid-area:small;color:#7894aa}.av-tour-stage{min-height:480px;padding:46px;display:flex;flex-direction:column}.av-tour-card{display:none;max-width:850px;animation:avTourIn .32s ease}.av-tour-card.is-active{display:block}.av-tour-icon{display:grid;place-items:center;width:82px;height:82px;margin-bottom:28px;border:1px solid rgba(93,207,255,.3);border-radius:24px;background:rgba(57,158,230,.13);color:#72dbff;font-size:2rem;font-weight:900}.av-tour-card h2{font-size:clamp(2rem,4vw,3.6rem);margin:9px 0 18px}.av-tour-card p{max-width:800px;color:#b9cfdf;font-size:1.15rem;line-height:1.8}.av-tour-preview-link{display:inline-flex;gap:10px;align-items:center;margin-top:22px;color:#72dcff;font-weight:800}.av-tour-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto;padding-top:34px;border-top:1px solid rgba(255,255,255,.08)}.av-tour-actions [hidden]{display:none!important}.av-whats-new-panel{margin-top:24px;padding:42px;border:1px solid var(--av-o-line);border-radius:25px;background:#0a192a}.av-whats-new-panel>h2{font-size:2.2rem;margin:8px 0 24px}.av-whats-new-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.av-whats-new-grid article{padding:20px;border:1px solid rgba(124,195,240,.15);border-radius:18px;background:rgba(255,255,255,.035)}.av-whats-new-grid article>span{color:#5de0d5;font-size:.7rem;font-weight:900;letter-spacing:.14em}.av-whats-new-grid h3{margin:9px 0 7px}.av-whats-new-grid p{color:#9fb7ca;line-height:1.55}.av-help-button{position:fixed;right:24px;bottom:96px;z-index:1190;display:flex;align-items:center;gap:9px;padding:12px 16px;border:1px solid rgba(105,205,255,.38);border-radius:999px;color:#fff;background:linear-gradient(135deg,#173c61,#116b83);box-shadow:0 12px 30px rgba(0,0,0,.34);font-weight:900;cursor:pointer}.av-help-button i{font-style:normal;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:white;color:#0f5272}.av-help-panel{position:fixed;z-index:1400;inset:0;background:rgba(2,8,15,.72);backdrop-filter:blur(7px)}.av-help-panel-card{position:absolute;right:20px;top:20px;bottom:20px;width:min(460px,calc(100% - 40px));padding:34px;border:1px solid rgba(116,205,255,.25);border-radius:25px;background:linear-gradient(180deg,#10243a,#07131f);box-shadow:-20px 0 60px rgba(0,0,0,.38);transform:translateX(30px);opacity:0;transition:.18s ease}.av-help-panel.is-open .av-help-panel-card{transform:none;opacity:1}.av-help-close{position:absolute;right:18px;top:16px;border:0;background:transparent;color:white;font-size:1.8rem;cursor:pointer}.av-help-panel h2{font-size:2rem;margin:8px 0 15px}.av-help-panel p{color:#b8cfdf;line-height:1.75}.av-help-actions{display:grid;gap:10px;margin-top:25px}.av-help-actions a{padding:13px 15px;border:1px solid rgba(104,197,255,.22);border-radius:13px;color:#dff5ff;background:rgba(255,255,255,.04);font-weight:800}.av-orientation-welcome{position:fixed;z-index:1600;inset:0;display:grid;place-items:center;padding:20px;background:rgba(2,8,16,.84);backdrop-filter:blur(10px)}.av-orientation-welcome[hidden]{display:none}.av-welcome-card{position:relative;overflow:hidden;width:min(980px,100%);display:grid;grid-template-columns:.9fr 1.1fr;border:1px solid rgba(111,204,255,.28);border-radius:30px;background:linear-gradient(135deg,#081727,#133653);box-shadow:0 35px 90px rgba(0,0,0,.55)}.av-welcome-image{min-height:520px;background:url('../images/mentors/mason.jpg') center top/cover no-repeat}.av-orientation-welcome[data-mentor="ava"] .av-welcome-image{background-image:url('../images/mentors/ava.jpg')}.av-welcome-copy{padding:55px;align-self:center}.av-welcome-copy h2{font-size:clamp(2.2rem,4vw,4rem);line-height:1.03;margin:12px 0 18px}.av-welcome-copy p{color:#c2d7e6;line-height:1.75;font-size:1.05rem}.av-welcome-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.av-modal-open{overflow:hidden}@keyframes avTourIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:1000px){.av-orientation-hero{grid-template-columns:1fr;padding:36px}.av-orientation-mentor-stage{display:none}.av-tour-shell{grid-template-columns:1fr}.av-tour-rail{display:flex;overflow:auto}.av-tour-rail button{min-width:210px}.av-whats-new-grid{grid-template-columns:repeat(2,1fr)}.av-welcome-card{grid-template-columns:1fr}.av-welcome-image{min-height:250px;background-position:center 20%}.av-welcome-copy{padding:34px}}
@media(max-width:650px){.av-orientation-page{padding:14px 12px 70px}.av-orientation-hero,.av-tour-stage,.av-whats-new-panel{padding:25px;border-radius:19px}.av-tour-stage{min-height:520px}.av-whats-new-grid{grid-template-columns:1fr}.av-help-button{right:14px;bottom:82px}.av-help-button span{display:none}.av-help-panel-card{inset:10px;width:auto}.av-welcome-copy{padding:28px}.av-tour-actions .btn{flex:1 1 45%}}

.av-orientation-strip{max-width:1500px;margin:18px auto 0;padding:24px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid rgba(95,203,255,.2);border-radius:20px;background:linear-gradient(135deg,rgba(16,47,76,.88),rgba(10,26,43,.92));color:#eef8ff}.av-orientation-strip h2{margin:5px 0 6px}.av-orientation-strip p{margin:0;color:#afc7d8}.av-orientation-strip-actions{display:flex;gap:9px;flex-wrap:wrap;flex:none}@media(max-width:760px){.av-orientation-strip{align-items:flex-start;flex-direction:column}.av-orientation-strip-actions{width:100%}.av-orientation-strip-actions .btn{flex:1}}
