/* SIMBAD Future 5001 — presentation layer over authenticated PHP application */
:root { --radius:26px; --glow:rgba(55,200,255,.19); }
body { background:
  radial-gradient(circle at 13% 16%,rgba(52,126,194,.2),transparent 28%),
  radial-gradient(circle at 89% 11%,rgba(200,150,70,.095),transparent 26%),
  radial-gradient(circle at 87% 88%,rgba(25,187,183,.1),transparent 24%),
  linear-gradient(135deg, var(--site-base,#060b18) 0%,#0b1b30 65%,#08101f 100%);
  background-attachment:fixed;
}
body:before { content:"";pointer-events:none;position:fixed;inset:0;z-index:-2;opacity:.20;background-image:
  linear-gradient(rgba(255,255,255,.048) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.048) 1px,transparent 1px);background-size:58px 58px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.85),transparent 85%);
}
.bg-orb { animation:floatField var(--motion-duration,16s) ease-in-out infinite alternate;opacity:.2;filter:blur(98px); }
@keyframes floatField {from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(35px,25px,0) scale(1.15)}}
/* top-of-site horizontal navigation, not a spreadsheet-like vertical tab column */
.sidebar {
  position:sticky; inset:0; top:0; width:100%; height:auto; z-index:50;
  padding:12px clamp(16px,2.6vw,42px);border-right:0;border-bottom:1px solid rgba(121,243,240,.18);
  display:flex;flex-direction:row;align-items:center;gap:22px;backdrop-filter:blur(22px);
  background:rgba(6,13,27,.84);
}
.sidebar .brand { flex-shrink:0;font-size:18px;padding:0;letter-spacing:.12em }
.sidebar .brand-icon { border-radius:17px;background:linear-gradient(135deg,var(--aqua),var(--gold));box-shadow:0 0 22px rgba(89,215,217,.26) }
.sidebar .side-overline { display:none }
.sidebar nav {display:flex;flex:1;align-items:center;gap:8px;overflow:auto;padding:2px;scrollbar-width:thin}
.sidebar .navlink {white-space:nowrap;flex-shrink:0;border:1px solid rgba(157,210,255,.12);border-radius:999px;padding:10px 14px;background:rgba(255,255,255,.025);font-size:12px}
.sidebar .navlink:hover {transform:translateY(-2px);box-shadow:0 8px 30px rgba(31,146,172,.14);border-color:rgba(121,243,240,.28)}
.sidebar .navlink.active { border-color:rgba(121,243,240,.45);box-shadow:inset 0 0 0 1px rgba(121,243,240,.16),0 8px 24px rgba(31,146,172,.16)}
.sidebar .nav-dot {display:none}
.sidebar .sidebar-footer {margin:0;border:0;padding:0 0 0 6px;flex-shrink:0}
.sidebar .sidebar-footer small {max-width:140px}
.main-shell,[dir=rtl] .main-shell {margin:0}
[dir=rtl] .sidebar{inset:0; border:0;border-bottom:1px solid var(--line)}
.topbar {padding:10px clamp(16px,2.6vw,42px);min-height:54px;background:rgba(0,0,0,.12)}
.top-brand {color:var(--gold);font-size:12px}
.page {max-width:1600px;padding:32px clamp(16px,3.2vw,48px) 90px}
.glass {background:linear-gradient(135deg,rgba(24,40,66,var(--glass-alpha,.74)),rgba(8,18,35,.73));border:1px solid rgba(144,214,243,.16);backdrop-filter:blur(26px);box-shadow:0 25px 70px rgba(0,0,0,.24)}
.panel,.property-card,.metric {border-radius:var(--radius)}
.metric {background:linear-gradient(135deg,rgba(25,48,69,.76),rgba(14,24,43,.75));border-color:rgba(159,215,255,.16);position:relative;overflow:hidden}
.metric:after {content:"";position:absolute;width:200px;height:200px;right:-90px;bottom:-130px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(121,243,240,.15),transparent 70%)}
.metric:hover,.property-card:hover {box-shadow:0 20px 50px rgba(24,148,165,.16);border-color:rgba(121,243,240,.35)}
h1{font-size:clamp(34px,4.3vw,64px);font-weight:850;letter-spacing:-.06em}
h2{font-weight:800;letter-spacing:-.03em}
.btn {border-radius:999px;padding:12px 18px}
.btn.primary {background:linear-gradient(110deg,var(--aqua),#dffff6 58%,var(--gold));box-shadow:0 12px 34px rgba(87,208,212,.2)}
.btn.gold{background:linear-gradient(110deg,#b89253,var(--gold),#fbe9bb)}
.pill{border-radius:999px}
.auth-shell .page{min-height:76vh}
.auth-card {border-radius:30px;box-shadow:0 25px 100px rgba(0,0,0,.32),0 0 60px rgba(65,167,192,.09)}
/* separate information-only landing, no owner financial figures */
.future-public{max-width:1350px;margin:0 auto;text-align:center;position:relative;padding:clamp(38px,7vh,95px) 8px 20px}
.future-public .eyebrow{font-size:12px;letter-spacing:.35em}
.future-public h1{font-size:clamp(46px,7vw,112px);max-width:1100px;margin:22px auto;line-height:1;letter-spacing:-.065em}
.future-intro{font-size:clamp(16px,1.7vw,21px);max-width:760px;margin:24px auto;color:#b7c8df;line-height:1.65}
.public-actions{display:flex;justify-content:center;gap:15px;flex-wrap:wrap;margin:30px 0 65px}
.public-actions .btn{font-size:15px;padding:16px 25px}
.future-orbit{width:136px;height:136px;border-radius:50%;position:relative;margin:0 auto 28px;display:grid;place-items:center;border:1px solid rgba(121,243,240,.24);box-shadow:0 0 80px rgba(87,201,209,.13),inset 0 0 35px rgba(78,145,206,.12)}
.future-orbit:before,.future-orbit:after{content:"";position:absolute;inset:-13px;border-radius:50%;border:1px solid rgba(246,210,122,.2);border-left-color:transparent;border-right-color:transparent;animation:orbital var(--motion-duration,16s) linear infinite}
.future-orbit:after{inset:10px;border-color:rgba(121,243,240,.33);border-top-color:transparent;border-bottom-color:transparent;animation-direction:reverse;animation-duration:10s}
.orbit-core{width:77px;height:77px;border-radius:28px;display:grid;place-items:center;background:linear-gradient(140deg,rgba(121,243,240,.26),rgba(246,210,122,.13));font-size:52px;color:var(--aqua);font-weight:900}
@keyframes orbital {to{transform:rotate(360deg)}}
.future-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;text-align:left;margin-bottom:26px}
.future-features .panel{margin:0;min-height:225px;padding:28px}
.future-features h2{margin:20px 0 13px;font-size:25px}
.future-features p{line-height:1.7}
.public-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;border-radius:28px;padding:25px 30px;text-align:left;margin:25px 0}
.public-banner h2{margin:0 0 12px}.public-banner p{margin:0}
.public-pages{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:center;margin:24px 0}
.public-safe{font-size:12px;color:#7290aa;padding:20px}
.public-article{max-width:930px;margin:30px auto;padding:45px}.public-article p{line-height:1.8;color:#d8e4f3}
/* preserve accessibility / user motion preferences */
@media(max-width:1240px){.sidebar{flex-wrap:wrap}.sidebar nav{order:3;flex-basis:100%}.sidebar .sidebar-footer{margin-left:auto}.future-features{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.sidebar{position:relative;gap:12px}.sidebar .sidebar-footer{display:none}.sidebar nav{flex-wrap:nowrap}.future-features{grid-template-columns:1fr}.public-banner{flex-direction:column;text-align:center}.future-orbit{width:110px;height:110px}.future-public h1{font-size:clamp(42px,12vw,65px)}.page{padding:25px 14px 60px}.metric strong{white-space:normal}}
@media(prefers-reduced-motion:reduce){.future-orbit:before,.future-orbit:after,.bg-orb{animation:none!important}}

/* Release: explicit focus, compact navigation, avoid animations before content is ready. */
.sidebar .navlink:focus-visible,.btn:focus-visible,.pill:focus-visible {outline:2px solid var(--aqua);outline-offset:4px}
.sidebar nav{scrollbar-color:rgba(121,243,240,.22) transparent}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}