/* Almenber — conference pages. Navy aurora ground, frosted glass panels, Thmanyah type. Mobile first. */
@font-face{font-family:"Thm Sans";src:url(fonts/thmanyahsans-Regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Thm Sans";src:url(fonts/thmanyahsans-Medium.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Thm Sans";src:url(fonts/thmanyahsans-Bold.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Thm Display";src:url(fonts/thmanyahserifdisplay-Medium.woff2) format("woff2");font-weight:500;font-display:swap}

:root{
  --bg:#0E2744;--bg-deep:#0A1C33;--aqua:#86D3D5;--teal:#3FA3A6;--teal-2:#2F8E91;--coral:#FF8073;--red:#E63431;
  --fg:#EEF4F6;--mut:#A7BCC6;--line:rgba(255,255,255,.12);
  --glass:rgba(255,255,255,.07);--glass-2:rgba(255,255,255,.11);--glass-line:rgba(255,255,255,.16);
  --sans:"Thm Sans","Segoe UI",Tahoma,"Noto Sans Arabic",sans-serif;--disp:"Thm Display","Thm Sans",Tahoma,serif;
  --r:20px;color-scheme:dark
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;overflow-x:hidden;background:#0E2744}
[hidden]{display:none!important}
body{margin:0;min-height:100dvh;font-family:var(--sans);color:var(--fg);direction:rtl;line-height:1.6;background:transparent;
  padding-bottom:env(safe-area-inset-bottom,0px)}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(70vmax 50vmax at 100% 0%,rgba(63,163,166,.32),rgba(63,163,166,0) 62%),
    radial-gradient(60vmax 45vmax at 0% 100%,rgba(255,128,115,.15),rgba(255,128,115,0) 60%),
    linear-gradient(160deg,var(--bg-deep) 0%,var(--bg) 55%,#11305A 100%)}
button,input,textarea{font:inherit;color:inherit}
a{color:var(--aqua)}
.ico{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none;display:block}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.glass{background:var(--glass);border:1px solid var(--glass-line);border-radius:var(--r);
  -webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);
  box-shadow:0 20px 50px -24px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.08)}

.wrap{width:100%;max-width:1080px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}

/* brand */
.plaque{width:52px;height:68px;background:#fff url(logo.png) center 62%/42px no-repeat;border-radius:26px 26px 5px 5px;flex:none;box-shadow:0 6px 18px -6px rgba(0,0,0,.5)}
.brand{display:flex;align-items:center;gap:12px;font-size:15px;color:var(--mut)}
.brand b{display:block;color:var(--fg);font-weight:500;font-size:16px}

/* buttons */
.btn{appearance:none;border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 22px;
  border-radius:14px;font-size:17px;font-weight:500;text-decoration:none;transition:transform .15s ease,background .2s,box-shadow .2s;-webkit-tap-highlight-color:transparent}
.btn:active{transform:scale(.98)}
.btn:focus-visible,.tile:focus-visible,.tab:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--aqua);outline-offset:2px}
.btn-primary{background:linear-gradient(180deg,#46AEB1,#2F8E91);color:#fff;box-shadow:0 10px 24px -12px rgba(63,163,166,.9)}
.btn-primary:hover{background:linear-gradient(180deg,#51bdc0,#349a9d)}
.btn-glass{background:var(--glass-2);border:1px solid var(--glass-line);color:var(--fg)}
.btn-glass:hover{background:rgba(255,255,255,.16)}
.btn-wa{background:linear-gradient(180deg,#2BC468,#1FA855);color:#fff;box-shadow:0 10px 24px -12px rgba(37,190,100,.8)}
.btn-wa:hover{background:linear-gradient(180deg,#33d272,#22b55c)}
.btn-block{width:100%}
.btn[disabled]{opacity:.55;cursor:default}

/* solari date tiles */
.sol{display:inline-flex;align-items:center;gap:.28em;direction:rtl;white-space:nowrap;font-weight:500}
.sol .g{display:inline-flex;gap:2px;direction:ltr}
.sol .fl{position:relative;display:inline-block;height:1.5em;line-height:1.5em;min-width:.82em;padding:0 .12em;text-align:center;color:var(--aqua);border-radius:.18em;
  background:linear-gradient(180deg,#17355A 0%,#122C4C 49.5%,#0C2240 50.5%,#10284A 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 1px 2px rgba(0,0,0,.45);font-variant-numeric:tabular-nums}
.sol .fl::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(0,0,0,.55)}
.sol .fl.m{padding:0 .45em;color:var(--fg)}
.sol .fl.flip{animation:flap .11s linear}
@keyframes flap{0%{transform:rotateX(0)}45%{transform:rotateX(-88deg);filter:brightness(.7)}55%{transform:rotateX(88deg);filter:brightness(.7)}100%{transform:rotateX(0)}}

/* forms */
.field{display:flex;flex-direction:column;gap:6px}
.field label{font-size:15px;color:var(--mut)}
.field label .req{color:var(--coral)}
.input,textarea.input{width:100%;min-height:52px;padding:12px 14px;border-radius:12px;border:1px solid rgba(134,211,213,.28);background:rgba(8,22,39,.45);
  color:var(--fg);font-size:17px;transition:border-color .2s,box-shadow .2s}
textarea.input{min-height:140px;resize:vertical;line-height:1.6}
.input::placeholder{color:rgba(167,188,198,.55)}
.input:focus{outline:none;border-color:var(--aqua);box-shadow:0 0 0 3px rgba(134,211,213,.18)}
.input.ltr{direction:ltr;text-align:right}
.field.bad .input{border-color:var(--coral)}
.field .msg{font-size:14px;color:var(--coral);min-height:0}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
fieldset{border:0;margin:0;padding:0;min-width:0}
legend{font-size:16px;font-weight:500;color:var(--aqua);padding:0;margin-bottom:10px;display:flex;align-items:center;gap:8px}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}