/* Our Journey 6.2.8 — structural design system. Only official mountain design. */
:root{--oj28-ink:#f9f3ff;--oj28-muted:#c4cce3;--oj28-panel:rgba(11,25,52,.94);--oj28-line:rgba(174,137,216,.34);--oj28-pink:#8cccf5;--oj28-violet:#65c1e9;--oj28-blue:#7fa7ff;color-scheme:dark}
html{background:#071327}body{color:var(--oj28-ink)!important;background:linear-gradient(180deg,#06132b77,#071327 780px),url('../images/mountain-landscape.svg') center top/100% 780px no-repeat,#071327!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif!important}

/* Header is one unified toolbar; legacy nav is only a hidden drawer until opened. */
.oj3-global-nav.oj623-single-header{box-sizing:border-box!important;width:100%!important;max-width:none!important;margin:0!important;border:0!important;border-bottom:1px solid #6397ad66!important;border-radius:0!important;padding:12px clamp(14px,3vw,44px)!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px 24px!important;align-items:center!important;background:linear-gradient(90deg,#071327ed,#132448c9),url('../images/mountain-landscape.svg') center 52%/cover!important;box-shadow:0 12px 34px #02081488!important}
.oj3-global-nav .oj3-wordmark{grid-column:1!important;grid-row:1!important;display:flex!important;align-items:center!important;gap:12px!important;text-decoration:none!important}
.oj3-global-nav .oj3-wordmark img{width:clamp(48px,5vw,76px)!important;height:clamp(48px,5vw,76px)!important;object-fit:contain!important;filter:drop-shadow(0 0 8px #62b5d955)!important}
.oj3-global-nav .oj3-wordmark b{font:italic 700 clamp(23px,3vw,39px)/1.08 Georgia,'Times New Roman',serif!important;letter-spacing:-.035em!important;color:#91d4ff!important;text-shadow:0 0 15px #58a0ce77!important}
.oj3-global-nav .oj3-wordmark small{font-size:10px!important;color:#d9cce6!important;letter-spacing:.16em!important}
.oj3-global-nav .oj623-header-actions{grid-column:2!important;grid-row:1!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:9px!important;min-width:0!important}
.oj3-global-nav .oj623-header-actions .oj-header-avatar{display:grid!important;place-items:center!important;border:2px solid #83bfe6!important;border-radius:50%!important;width:42px!important;height:42px!important;overflow:hidden!important;background:#284450!important;flex:none!important}
.oj3-global-nav .oj623-header-actions .oj-header-avatar img{width:100%!important;height:100%!important;object-fit:cover!important}
.oj3-global-nav .oj3-links{grid-column:1/-1!important;grid-row:2!important;display:flex!important;gap:6px!important;align-items:center!important;overflow-x:auto!important;scrollbar-width:thin!important;border:1px solid #6674a044!important;border-radius:13px!important;background:#07162bd9!important;padding:6px!important;margin:0!important;max-width:100%!important}
.oj3-global-nav .oj3-links a{display:flex!important;align-items:center!important;gap:5px!important;white-space:nowrap!important;color:#e6d9f4!important;font-weight:650!important;border-radius:9px!important;padding:10px 13px!important;min-width:0!important;text-decoration:none!important}
.oj3-global-nav .oj3-links a:hover,.oj3-global-nav .oj3-links a[aria-current=page]{background:linear-gradient(120deg,#3f7890,#394a85)!important;color:white!important}
#oj3-legacy-tools{display:block!important;position:static!important;width:0!important;height:0!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
#oj3-legacy-tools>#nav{position:fixed!important;z-index:9999!important;top:0!important;bottom:0!important;right:0!important;max-width:min(92vw,440px)!important;max-height:100dvh!important;overflow:auto!important}
#oj3-legacy-tools .oj-header-tools,#oj3-legacy-tools>.menu{display:none!important}
.oj49-beta{margin:0!important;border-radius:0!important;padding:5px 16px!important;font-size:11px!important;min-height:0!important}
/* Application structure: page-specific navigation with a true content column. */
body:not(.auth-bg) main.container#main-content{max-width:1480px!important;width:calc(100% - clamp(24px,5vw,80px))!important;margin:22px auto 70px!important;padding:0!important;min-width:0!important}
.oj28-shell{display:grid!important;grid-template-columns:220px minmax(0,1fr)!important;gap:22px!important;align-items:start!important}
.oj28-shell> .oj28-content{min-width:0!important;max-width:100%!important}
.oj28-sidebar{position:sticky;top:16px;background:#0a1b36f2;border:1px solid var(--oj28-line);border-radius:20px;padding:15px 12px;box-shadow:0 18px 45px #020a1c80;max-height:calc(100dvh - 32px);overflow:auto}
.oj28-sidebar-title{padding:8px 12px 15px;font-size:11px;font-weight:850;letter-spacing:.14em;color:#8bcaf3;text-transform:uppercase}
.oj28-sidebar a{display:flex;align-items:center;gap:9px;color:#dce4f4!important;text-decoration:none!important;border-radius:11px;padding:12px 13px;font-size:13px;font-weight:650;margin:2px 0}
.oj28-sidebar a:hover,.oj28-sidebar a[aria-current=page]{background:linear-gradient(110deg,#3b7087,#324b86);color:#fff!important}
.oj28-sidebar .oj28-sidebar-note{border-top:1px solid #7d78a344;margin-top:14px;padding:15px 10px 4px;color:#b7c8dd;font-size:12px;line-height:1.5}
.oj28-page-banner{background:linear-gradient(100deg,#081831ef,#1e285cc4 70%,#2544528a),url('../images/mountain-landscape.svg') center 45%/cover!important;border:1px solid #6ba3bb88!important;border-radius:23px!important;padding:clamp(22px,4vw,38px)!important;box-shadow:0 18px 55px #02081880!important;margin:0 0 21px!important;min-height:125px;display:flex;flex-direction:column;justify-content:center}
.oj28-page-banner small{color:#8ccdf6!important;font-size:11px;font-weight:850;letter-spacing:.15em;text-transform:uppercase}.oj28-page-banner h1{font:italic 700 clamp(27px,3vw,39px)/1.15 Georgia,serif!important;color:#fff!important;margin:8px 0!important}.oj28-page-banner p{color:#d7dbee!important;margin:0!important}
.oj28-shell .panel,.oj28-shell .tile,.oj28-shell .card,.oj28-shell .oj-owner-tile,.oj28-shell .oj-home-feature,.oj28-shell .oj-social-card{background:linear-gradient(145deg,#102442f5,#161e3cf2)!important;border:1px solid #53618e77!important;border-radius:17px!important;box-shadow:0 10px 26px #01071655!important;color:#f6f1ff!important}
.oj28-shell .panel,.oj28-shell .tile,.oj28-shell .card{max-width:100%!important}
.oj28-shell h1,.oj28-shell h2,.oj28-shell h3{color:#f8efff!important}
.oj28-shell .btn.primary,.oj28-shell button.primary,.oj28-shell a.btn.primary{background:linear-gradient(110deg,#6ba3c6,#53afd6)!important;color:#fff!important;border:0!important}
.oj28-shell input,.oj28-shell select,.oj28-shell textarea{background:#0b1a33!important;color:#fff!important;border:1px solid #66759b!important;border-radius:11px!important}
.oj28-shell table{width:100%;max-width:100%;border-collapse:separate;border-spacing:0}.oj28-shell .table-wrap{overflow-x:auto;max-width:100%}
.oj28-dashboard-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 24px}.oj28-dashboard-grid a{display:flex;flex-direction:column;gap:11px;min-height:120px;padding:20px!important;border:1px solid #77b6d155;border-radius:20px;text-decoration:none!important;color:#fff!important;background:linear-gradient(135deg,#427c95,#252f69);box-shadow:0 12px 27px #02071955}.oj28-dashboard-grid a:nth-child(2){background:linear-gradient(135deg,#276c9a,#17315c)}.oj28-dashboard-grid a:nth-child(3){background:linear-gradient(135deg,#417c95,#202b65)}.oj28-dashboard-grid a:nth-child(4){background:linear-gradient(135deg,#177e83,#163a61)}.oj28-dashboard-grid a strong{font-size:17px}.oj28-dashboard-grid a span{font-size:26px}.oj28-dashboard-grid a small{color:#e4e8f8;font-size:12px}
/* Login and registration: genuine split-screen structure, not a background-only recolor. */
body.auth-bg.oj28-auth{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(360px,560px)!important;align-items:center!important;gap:clamp(24px,6vw,90px)!important;padding:clamp(20px,5vw,65px)!important;min-height:100dvh!important;background:linear-gradient(110deg,#08152e77,#08152ecc),url('../images/mountain-landscape.svg') center/cover fixed!important}
.oj28-auth-aside{max-width:680px;color:#fff}.oj28-auth-aside img{width:clamp(100px,12vw,175px);height:auto;filter:drop-shadow(0 0 15px #63bde366)}.oj28-auth-aside h2{font:italic 700 clamp(40px,5vw,76px)/1.02 Georgia,serif;color:#91d4ff;text-shadow:0 0 20px #5e9cb6}.oj28-auth-aside p{max-width:470px;font-size:clamp(16px,1.6vw,21px);line-height:1.6;color:#e2dbee}.oj28-auth-aside .oj28-auth-pills{display:flex;gap:10px;flex-wrap:wrap}.oj28-auth-aside .oj28-auth-pills span{border:1px solid #81c6e377;background:#111d3cb8;border-radius:30px;padding:8px 14px;font-size:12px}
body.oj28-auth .auth-card{width:100%!important;max-width:560px!important;margin:0!important;background:#091a36ec!important;border:1px solid #7bbcd8a3!important;border-radius:24px!important;padding:clamp(24px,4vw,44px)!important;box-shadow:0 25px 75px #020612cc!important;backdrop-filter:blur(18px)}
body.oj28-auth .auth-card h1{font:italic 700 clamp(29px,3vw,42px) Georgia,serif!important;color:#8dcef8!important}
body.oj28-auth .auth-card input{min-height:47px!important;background:#10233e!important;color:white!important;border:1px solid #6376a1!important;border-radius:12px!important}
body.oj28-auth .auth-card button[type=submit]{background:linear-gradient(100deg,#6ba4c9,#56b0d7)!important;color:white!important;border-radius:12px!important}
/* Public pages share the same cinematic header, content cards and brand. */
body.oj624-public{background:linear-gradient(#06122c77,#071327 78%),url('../images/mountain-landscape.svg') center top/cover fixed!important}
body.oj624-public .site-header{background:linear-gradient(90deg,#07152beb,#0c2041b9),url('../images/mountain-landscape.svg') center/cover!important;border-bottom:1px solid #78b8d36b!important}
body.oj624-public .brand img{width:66px!important;height:66px!important;object-fit:contain!important}body.oj624-public .brand strong{font:italic 700 clamp(23px,3vw,40px) Georgia,serif!important;color:#91d4ff!important;text-shadow:0 0 16px #6b9ebe88!important}
body.oj624-public .panel,body.oj624-public .feature,body.oj624-public .card,body.oj624-public .demo-card{background:#0c1c39eb!important;border:1px solid #7564a580!important;border-radius:20px!important;box-shadow:0 18px 44px #030b2080!important}
body.oj624-public .hero{background:linear-gradient(110deg,#09162ac9,#09162a5b),url('../images/mountain-landscape.svg') center/cover!important;border-radius:26px!important;border:1px solid #6da7c099!important}
/* Owner cards use the same app system, no second banner/menu. */
.oj28-shell .oj-owner-clean{max-width:none!important;padding:0 0 50px!important;margin:0!important}.oj28-shell .oj-owner-clean .oj624-owner-overview{background:linear-gradient(110deg,#08152de8,#251e52a5),url('../images/mountain-landscape.svg') center/cover!important;border-radius:23px!important;padding:28px!important}.oj28-shell .oj-owner-clean .oj-owner-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}.oj28-shell .oj-owner-clean .oj-owner-tile{min-height:125px;padding:19px!important}
@media(max-width:1100px){.oj28-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.oj28-shell .oj-owner-clean .oj-owner-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:850px){.oj28-shell{grid-template-columns:minmax(0,1fr)!important}.oj28-sidebar{position:static;max-height:none;display:flex;gap:4px;overflow-x:auto;align-items:center;padding:8px}.oj28-sidebar-title,.oj28-sidebar-note{display:none}.oj28-sidebar a{white-space:nowrap;padding:10px 12px}.oj28-shell{gap:12px!important}body.auth-bg.oj28-auth{grid-template-columns:minmax(0,1fr)!important;padding:24px 15px!important}.oj28-auth-aside{text-align:center;margin:0 auto}.oj28-auth-aside img{width:86px}.oj28-auth-aside h2{font-size:34px;margin:8px 0}.oj28-auth-aside p{font-size:14px;margin:0 auto 12px}.oj28-auth-aside .oj28-auth-pills{justify-content:center}body.oj28-auth .auth-card{margin:0 auto!important}}
@media(max-width:570px){body:not(.auth-bg) main.container#main-content{width:calc(100% - 22px)!important;margin:12px auto 70px!important}.oj3-global-nav.oj623-single-header{padding:9px!important;gap:8px!important}.oj3-global-nav .oj3-wordmark b{font-size:24px!important}.oj3-global-nav .oj3-wordmark small{display:none!important}.oj3-global-nav .oj3-wordmark img{width:44px!important;height:44px!important}.oj3-global-nav .oj623-header-actions{gap:5px!important}.oj3-global-nav .oj623-header-actions .oj-header-avatar{width:35px!important;height:35px!important}.oj3-global-nav .oj3-links a{font-size:12px!important;padding:8px!important}.oj28-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.oj28-dashboard-grid a{padding:13px!important;min-height:104px}.oj28-dashboard-grid a strong{font-size:14px}.oj28-page-banner{padding:20px!important}.oj28-shell .oj-owner-clean .oj-owner-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}