@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');

.bookify-auth-page,
body:has(.bookify-auth-page) {
  --bk-bg: #0D0D0D;
  --bk-bg-secondary: #111111;
  --bk-card: #111111;
  --bk-card-elevated: #141414;
  --bk-surface-1: #222222;
  --bk-surface-2: #3C3C3C;
  --bk-surface-3: #595959;
  --bk-orange: #FF551A;
  --bk-orange-soft: #FFB186;
  --bk-orange-hover: #E64613;
  --bk-orange-press: #C73B0F;
  --bk-orange-gradient: linear-gradient(90deg, #FFB186 0%, #FF551A 50%, #FFB186 100%);
  --bk-text: #FFFFFF;
  --bk-text-muted: rgba(255,255,255,.70);
  --bk-text-placeholder: #989898;
  --bk-text-deep-muted: #606060;
  --bk-border: rgba(255,255,255,.10);
  --bk-border-soft: rgba(255,255,255,.06);
  --bk-input-bg: #191919;
  --bk-input-focus-bg: #1B1B1B;
  --bk-input-border: rgba(255,255,255,.10);
  --bk-input-focus-ring: 0 0 0 3px rgba(255,85,26,.12);
  --bk-error: #FF3A44;
  --bk-error-soft: rgba(255,58,68,.10);
  --bk-success: #009245;
  --bk-footer-bg: #0D0D0D;
  --bk-nav-bg: rgba(13,13,13,.88);
  --bk-button-text: #FFFFFF;
  --bk-shadow-card: 0 8px 24px rgba(0,0,0,.35);
  --bk-shadow-float: 0 24px 48px rgba(0,0,0,.45);
}
html { scroll-behavior:smooth; }
body:has(.bookify-auth-page) > #navbar,
body:has(.bookify-auth-page) > #footer,
body:has(.bookify-auth-page) > #tsparticles,
body.bookify-auth-shell-active > #navbar,
body.bookify-auth-shell-active > #footer,
body.bookify-auth-shell-active > #tsparticles { display:none!important; }
body:has(.bookify-auth-page) > #country_shadow,
body:has(.bookify-auth-page) > #cookieConsent,
body:has(.bookify-auth-page) > #overlay,
body:has(.bookify-auth-page) > #popup,
body.bookify-auth-shell-active > #country_shadow,
body.bookify-auth-shell-active > #cookieConsent,
body.bookify-auth-shell-active > #overlay,
body.bookify-auth-shell-active > #popup { display:none!important; }
body:has(.bookify-auth-page), body.bookify-auth-shell-active { margin:0; background:#0D0D0D; }
.bookify-auth-page, .bookify-auth-page * { box-sizing:border-box; }
.bookify-auth-page { min-height:100vh; overflow:hidden; color:var(--bk-text); background:var(--bk-bg); font-family:'Montserrat',Arial,sans-serif; line-height:1.5; }
.bookify-auth-page a { color:inherit; text-decoration:none; }
.auth-container { width:min(1180px,calc(100% - 48px)); margin-inline:auto; }
.auth-nav-shell { position:sticky; z-index:100; top:0; width:100%; background:var(--bk-nav-bg); border-bottom:1px solid var(--bk-border-soft); backdrop-filter:blur(18px); transition:background .2s,box-shadow .2s; }
.auth-nav-shell.is-scrolled { background:rgba(13,13,13,.94); box-shadow:var(--bk-shadow-card); }
.auth-nav { width:min(1260px,calc(100% - 48px)); height:76px; margin:auto; display:flex; align-items:center; justify-content:space-between; gap:28px; }
.auth-logo img { display:block; width:112px; height:auto; }
.auth-nav-links,.auth-nav-actions,.auth-mobile-actions { display:flex; align-items:center; }
.auth-nav-links { gap:28px; margin-left:auto; font-size:13px; font-weight:500; color:var(--bk-text-muted); }
.auth-nav-links a { transition:color .2s; }.auth-nav-links a:hover,.auth-nav-links a:focus-visible { color:var(--bk-text); }
.auth-nav-divider { width:1px; height:24px; background:var(--bk-border); }.auth-language { color:var(--bk-text-deep-muted); }
.auth-nav-actions { gap:18px; }.auth-account { font-size:13px;font-weight:600; }.auth-mobile-actions { display:none; gap:12px; }
.auth-button { min-height:48px; border:0; border-radius:8px; display:inline-flex; align-items:center; justify-content:center; gap:9px; padding:0 23px; color:var(--bk-button-text)!important; background:var(--bk-orange-gradient); font:700 13px/1 'Montserrat',sans-serif; cursor:pointer; box-shadow:var(--bk-shadow-card); transition:transform .18s,background .18s,box-shadow .18s; }
.auth-button:hover,.auth-button:focus-visible { transform:translateY(-2px); background:var(--bk-orange-hover); box-shadow:var(--bk-shadow-float); }.auth-button:active { transform:translateY(0); background:var(--bk-orange-press); }.auth-button:disabled { cursor:wait; opacity:.66; transform:none; }
.auth-button[aria-busy="true"]::before { content:""; width:15px; height:15px; flex:0 0 15px; border:2px solid currentColor; border-inline-end-color:transparent; border-radius:50%; animation:bookify-auth-spin .7s linear infinite; }
@keyframes bookify-auth-spin { to { transform:rotate(360deg); } }
.auth-button-small { min-height:40px; padding-inline:18px; font-size:12px; }.auth-button-ghost { color:var(--bk-text)!important; background:transparent; border:1px solid var(--bk-border); box-shadow:none; }.auth-button-ghost:hover{background:rgba(255,255,255,.08)}
.auth-drawer-trigger { width:42px;height:42px;border:1px solid var(--bk-border);border-radius:8px;background:rgba(255,255,255,.06);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px; }
.auth-drawer-trigger span { width:18px;height:1.5px;background:#fff;transition:transform .2s,opacity .2s; }.auth-drawer-trigger[aria-expanded=true] span:first-child{transform:translateY(6.5px) rotate(45deg)}.auth-drawer-trigger[aria-expanded=true] span:nth-child(2){opacity:0}.auth-drawer-trigger[aria-expanded=true] span:last-child{transform:translateY(-6.5px) rotate(-45deg)}
.auth-mobile-drawer { position:absolute;top:76px;left:16px;right:16px;padding:18px;background:var(--bk-card-elevated);border:1px solid var(--bk-border-soft);border-radius:0 0 14px 14px;box-shadow:var(--bk-shadow-float); }.auth-mobile-drawer[hidden]{display:none}.auth-mobile-drawer>a:not(.auth-button){display:block;padding:13px 8px;border-bottom:1px solid var(--bk-border-soft);font-size:14px}.auth-mobile-drawer .auth-button{width:100%;margin-top:10px}.auth-drawer-divider{height:6px}
.auth-main { position:relative; background:radial-gradient(circle at 18% 26%,rgba(255,85,26,.15),transparent 31%),radial-gradient(circle at 88% 12%,rgba(255,85,26,.08),transparent 27%),var(--bk-bg); }
.auth-main:before { content:'';position:absolute;inset:0;opacity:.22;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.42) .7px,transparent .7px);background-size:22px 22px;mask-image:linear-gradient(90deg,#000,transparent 48%); }
.auth-stage { min-height:690px; padding-block:86px 98px; display:grid; grid-template-columns:minmax(0,1fr) minmax(440px,500px); align-items:center; gap:96px; position:relative; z-index:1; }
.auth-intro { max-width:570px; }.auth-eyebrow { display:inline-flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.16em;color:var(--bk-orange);font-size:11px;font-weight:700; }.auth-eyebrow i { width:27px;height:1px;background:var(--bk-orange); }
.auth-intro h1 { max-width:620px;margin:22px 0 22px;font-size:clamp(48px,4.6vw,68px);line-height:1.04;letter-spacing:-.045em;font-weight:700; }.auth-intro>p { max-width:530px;margin:0;color:var(--bk-text-muted);font-size:16px;line-height:1.8; }
.auth-benefits { margin-top:42px;display:grid;gap:15px; }.auth-benefits span { display:flex;align-items:center;gap:14px;color:var(--bk-text-muted);font-size:13px;font-weight:500; }.auth-benefits i { width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(255,85,26,.10);border:1px solid rgba(255,85,26,.28);color:var(--bk-orange);font-size:9px;font-style:normal;font-weight:700; }
.auth-card { padding:42px 42px 36px;border:1px solid var(--bk-border-soft);border-radius:18px;background:var(--bk-card);box-shadow:var(--bk-shadow-float); }
.auth-card-heading>span { color:var(--bk-orange);text-transform:uppercase;letter-spacing:.13em;font-size:10px;font-weight:700; }.auth-card-heading h2 { margin:8px 0 7px;font-size:31px;line-height:1.2;font-weight:700;letter-spacing:-.025em; }.auth-card-heading p { margin:0 0 28px;color:var(--bk-text-muted);font-size:13px; }
.auth-form { display:grid;gap:19px; }.auth-field { display:grid;gap:8px; }.auth-field label { color:var(--bk-text);font-size:12px;font-weight:600; }.auth-field label b { color:var(--bk-orange); }.auth-label-row { display:flex;align-items:center;justify-content:space-between;gap:16px; }.auth-forgot { border:0;padding:0;background:transparent;color:var(--bk-orange);font:600 11px/1.4 'Montserrat',sans-serif;cursor:pointer; }
.auth-form-group-label { margin-top:3px;padding-top:18px;border-top:1px solid var(--bk-border-soft);color:var(--bk-orange);font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase; }
.auth-field input,.auth-field select { width:100%;height:53px;border:1px solid var(--bk-input-border);border-radius:8px;outline:0;background:var(--bk-input-bg);color:var(--bk-text);padding:0 16px;font:500 13px/1 'Montserrat',sans-serif;transition:border-color .18s,box-shadow .18s,background .18s; }.auth-field input::placeholder { color:var(--bk-text-placeholder); }.auth-field input:hover,.auth-field select:hover { border-color:var(--bk-surface-3); }.auth-field input:focus,.auth-field select:focus { border-color:var(--bk-orange);box-shadow:var(--bk-input-focus-ring);background:var(--bk-input-focus-bg); }.auth-field input[aria-invalid=true] { border-color:var(--bk-error);box-shadow:0 0 0 3px var(--bk-error-soft); }
.auth-password-wrap { position:relative; }.auth-password-wrap input { padding-right:52px; }.auth-password-toggle { position:absolute;right:8px;top:7px;width:39px;height:39px;border:0;border-radius:7px;background:transparent;color:var(--bk-text-placeholder);display:grid;place-items:center;cursor:pointer; }.auth-password-toggle:hover,.auth-password-toggle:focus-visible{color:var(--bk-text);background:var(--bk-surface-1)}.auth-eye-hide,.auth-password-toggle[aria-pressed=true] .auth-eye-show{display:none}.auth-password-toggle[aria-pressed=true] .auth-eye-hide{display:block}
.auth-phone-wrap { display:grid;grid-template-columns:96px 1fr;gap:8px; }.auth-phone-wrap select { padding:0 12px;appearance:auto; }.auth-phone-wrap input[type=hidden]{display:none}.auth-field-error { min-height:0;color:var(--bk-error);font-size:10px;line-height:1.35; }.auth-field-error:empty{display:none}.auth-form-status { min-height:0;padding:0;color:var(--bk-error);font-size:11px;line-height:1.5; }.auth-form-status:empty{display:none}.auth-form-status:not(:empty){padding:11px 13px;border:1px solid rgba(255,58,68,.30);border-radius:7px;background:var(--bk-error-soft)}
.auth-submit { width:100%;margin-top:4px;min-height:53px; }.auth-switch,.auth-support { text-align:center;color:var(--bk-text-muted);font-size:11px; }.auth-switch { margin:22px 0 0; }.auth-support { margin:12px 0 0; }.auth-switch a,.auth-support a { color:var(--bk-orange);font-weight:600; }.auth-organizer-note { margin-top:24px;padding:16px;border:1px solid var(--bk-border);border-radius:9px;background:var(--bk-card-elevated);display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:11px;color:var(--bk-text-muted); }.auth-organizer-note a { display:flex;align-items:center;gap:6px;color:var(--bk-orange);font-weight:600; }
.auth-footer { border-top:1px solid var(--bk-border-soft);background:var(--bk-footer-bg);padding:65px 0 24px; }.auth-footer-main { display:grid;grid-template-columns:1.25fr .85fr;gap:100px;padding-bottom:45px; }.auth-footer-brand>img { width:112px; }.auth-footer-brand>p { max-width:455px;margin:18px 0;color:var(--bk-text-muted);font-size:13px;line-height:1.7; }.auth-footer-buttons { display:flex;gap:10px; }.auth-gea { display:flex;align-items:center;gap:12px;margin-top:25px;padding:8px 12px;border:1px solid var(--bk-border-soft);border-radius:8px;background:rgba(255,255,255,.03);color:var(--bk-text-muted);font-size:10px; }.auth-gea img { width:51px;height:auto; }.auth-footer-links { display:grid;grid-template-columns:1fr 1fr;gap:55px; }.auth-footer-links h3 { margin:0 0 17px;font-size:12px;color:var(--bk-text); }.auth-footer-links a { display:block;margin:0 0 11px;color:var(--bk-text-muted);font-size:11px;transition:color .18s; }.auth-footer-links a:hover{color:var(--bk-orange)}.auth-footer-bottom { border-top:1px solid var(--bk-border-soft);padding-top:22px;display:flex;justify-content:space-between;color:var(--bk-text-deep-muted);font-size:10px; }.auth-footer-bottom b{color:var(--bk-orange)}.auth-footer-bottom a { color:var(--bk-text-muted); }
.auth-sr-only { position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important; }

body:has(.bookify-auth-page) .modal-content { background:var(--bk-card-elevated);color:var(--bk-text);border:1px solid var(--bk-border);border-radius:14px;box-shadow:var(--bk-shadow-float);font-family:'Montserrat',sans-serif; }
.bookify-auth-alert { width:min(430px,calc(100vw - 32px))!important; padding:30px 28px 26px!important; color:#191919!important; background:#fff!important; border:1px solid rgba(241,90,41,.2)!important; border-radius:16px!important; box-shadow:0 24px 70px rgba(0,0,0,.28)!important; font-family:'Montserrat',sans-serif!important; }
.bookify-auth-alert .swal2-title { padding:0!important; color:#191919!important; font-size:23px!important; line-height:1.3!important; }
.bookify-auth-alert .swal2-content { margin-top:10px!important; padding:0!important; color:#666!important; font-size:14px!important; line-height:1.7!important; }
.bookify-auth-alert .swal2-actions { width:100%!important; margin:24px 0 0!important; gap:10px!important; }
.bookify-auth-alert__primary,.bookify-auth-alert__secondary { min-height:44px; margin:0!important; padding:0 22px; border-radius:8px; font:700 13px/1 'Montserrat',sans-serif; cursor:pointer; }
.bookify-auth-alert__primary { color:#fff; border:1px solid var(--bk-orange); background:var(--bk-orange-gradient); }
.bookify-auth-alert__secondary { color:#333; border:1px solid #ddd; background:#fff; }
body:has(.bookify-auth-page) .modal-header,body:has(.bookify-auth-page) .modal-footer { border-color:var(--bk-border); } body:has(.bookify-auth-page) .modal input { background:var(--bk-input-bg);color:var(--bk-text);border:1px solid var(--bk-input-border); } body:has(.bookify-auth-page) .modal input:focus{border-color:var(--bk-orange);box-shadow:var(--bk-input-focus-ring)} body:has(.bookify-auth-page) .modal .btn-primary { background:var(--bk-orange);border-color:var(--bk-orange);color:var(--bk-button-text); } body:has(.bookify-auth-page) .modal .btn-primary:hover{background:var(--bk-orange-hover);border-color:var(--bk-orange-hover)}

@media (max-width:1000px){.auth-nav-links{gap:18px}.auth-stage{gap:50px;grid-template-columns:minmax(0,1fr) minmax(400px,460px)}.auth-intro h1{font-size:47px}.auth-footer-main{gap:55px}}
@media (max-width:767px){
  .auth-container{width:min(100% - 32px,560px)}.auth-nav{width:calc(100% - 32px);height:68px}.auth-logo img{width:100px}.auth-nav-links,.auth-nav-actions{display:none}.auth-mobile-actions{display:flex}.auth-mobile-actions .auth-button{min-height:38px;padding-inline:15px}.auth-mobile-drawer{top:68px}
  .auth-main:before{mask-image:linear-gradient(#000,transparent 50%);opacity:.14}.auth-stage{min-height:auto;padding:48px 0 64px;display:block}.auth-intro{text-align:center;margin:0 auto 34px}.auth-eyebrow{font-size:9px}.auth-intro h1{margin:17px auto 15px;font-size:36px;line-height:1.08}.auth-intro>p{font-size:13px;line-height:1.7}.auth-benefits{display:none}.auth-card{padding:28px 20px 25px;border-radius:14px}.auth-card-heading h2{font-size:26px}.auth-card-heading p{margin-bottom:23px}.auth-form{gap:17px}.auth-field input,.auth-field select{height:51px;font-size:12px}.auth-submit{min-height:51px}.auth-organizer-note{display:block;text-align:center}.auth-organizer-note a{justify-content:center;margin-top:7px}
  .auth-footer{padding:48px 0 22px}.auth-footer-main{display:block;padding-bottom:32px}.auth-footer-brand{text-align:center}.auth-footer-brand>p{margin:17px auto}.auth-footer-buttons{justify-content:center}.auth-gea{justify-content:center}.auth-footer-links{margin-top:38px;gap:25px}.auth-footer-bottom{display:block;text-align:center;line-height:2}.auth-footer-bottom>a{display:block}.bookify-auth-signup .auth-stage{padding-top:40px}.bookify-auth-signup .auth-intro h1{font-size:33px}
}
@media (max-width:390px){.auth-card{padding-inline:17px}.auth-phone-wrap{grid-template-columns:88px 1fr}.auth-footer-links{grid-template-columns:1fr;text-align:center}}
@media (max-width:390px){.bookify-auth-alert{padding:25px 18px 21px!important}.bookify-auth-alert .swal2-actions{flex-direction:column}.bookify-auth-alert__primary,.bookify-auth-alert__secondary{width:100%}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.auth-button,.auth-nav-shell{transition:none}}

html[dir="rtl"] .bookify-auth-page,
html[dir="rtl"] .bookify-auth-page button,
html[dir="rtl"] body:has(.bookify-auth-page) .modal-content {
  font-family:'SST Arabic','Montserrat',Arial,sans-serif;
}
html[dir="rtl"] .bookify-auth-alert,html[dir="rtl"] .bookify-auth-alert .swal2-title,html[dir="rtl"] .bookify-auth-alert .swal2-content { direction:rtl; text-align:right; font-family:'SST Arabic','Montserrat',sans-serif!important; }
html[dir="rtl"] .bookify-auth-alert__primary,html[dir="rtl"] .bookify-auth-alert__secondary { font-family:'SST Arabic','Montserrat',sans-serif; }
html[dir="rtl"] .auth-nav-links { margin-left:0; margin-right:auto; }
html[dir="rtl"] .auth-main { background:radial-gradient(circle at 82% 26%,rgba(255,85,26,.15),transparent 31%),radial-gradient(circle at 12% 12%,rgba(255,85,26,.08),transparent 27%),var(--bk-bg); }
html[dir="rtl"] .auth-main:before { mask-image:linear-gradient(270deg,#000,transparent 48%); }
html[dir="rtl"] .auth-eyebrow,
html[dir="rtl"] .auth-card-heading>span,
html[dir="rtl"] .auth-form-group-label { letter-spacing:0; text-transform:none; }
html[dir="rtl"] .auth-password-wrap input { padding-right:16px; padding-left:52px; }
html[dir="rtl"] .auth-password-toggle { right:auto; left:8px; }
html[dir="rtl"] .auth-button svg { transform:scaleX(-1); }
html[dir="rtl"] .auth-organizer-note a svg { transform:scaleX(-1); }
html[dir="rtl"] .auth-field input[dir="ltr"] { text-align:left; }
html[dir="rtl"] .auth-field-error,
html[dir="rtl"] .auth-form-status { text-align:right; }
html[dir="rtl"] body:has(.bookify-auth-page) .modal { text-align:right; }
html[dir="rtl"] body:has(.bookify-auth-page) .modal .phone-input { flex-direction:row-reverse; }
html[dir="rtl"] body:has(.bookify-auth-page) .modal input[dir="ltr"],
html[dir="rtl"] body:has(.bookify-auth-page) .modal select { text-align:left; direction:ltr; }
html[dir="rtl"] body:has(.bookify-auth-page) .modal .btn-close { margin-left:0; margin-right:auto; }

@media (max-width:767px){
  html[dir="rtl"] .auth-main:before { mask-image:linear-gradient(#000,transparent 50%); }
}