/* Demo subscription landing page */
.login-subscription-link{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) 28px;align-items:center;gap:11px;margin-top:14px;padding:12px 13px;border:1px solid rgba(14,165,233,.36);border-radius:14px;background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(239,246,255,.9));color:#0f2f4a;text-decoration:none;box-shadow:0 18px 38px rgba(8,47,73,.16),inset 0 1px 0 rgba(255,255,255,.95);overflow:hidden}
.login-subscription-link::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(14,165,233,.18),transparent);transform:translateX(-110%);transition:transform .55s ease}
.login-subscription-link:hover::before{transform:translateX(110%)}
.login-subscription-link > span{position:relative;display:grid;width:42px;height:42px;place-items:center;border-radius:12px;background:linear-gradient(135deg,#0f766e,#0284c7);color:#fff;box-shadow:0 10px 22px rgba(2,132,199,.28)}
.login-subscription-link strong,.login-subscription-link small{position:relative;display:block;min-width:0;line-height:1.35}
.login-subscription-link strong{font-size:13px;font-weight:950;color:#082f49}
.login-subscription-link small{margin-top:2px;font-size:10.5px;font-weight:850;color:#4b6475}
.login-subscription-link > i{position:relative;display:grid;place-items:center;color:#0284c7}
.login-subscription-link svg{width:18px;height:18px}
.subscription-page{--sub-navy:#082f49;--sub-teal:#0f766e;--sub-sky:#0284c7;--sub-gold:#d97706;--sub-ink:#0f172a;--sub-muted:#64748b;min-height:100vh;background:linear-gradient(180deg,#f6fbff 0%,#eef7f6 42%,#f8fafc 100%);color:var(--sub-ink)}
.subscription-hero{position:relative;min-height:min(720px,86vh);display:grid;align-items:end;overflow:hidden}
.subscription-hero > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.05) contrast(1.08)}
.subscription-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,47,73,.92),rgba(15,118,110,.76) 45%,rgba(2,132,199,.38)),linear-gradient(0deg,rgba(2,6,23,.78),rgba(2,6,23,.06) 52%,rgba(2,6,23,.46))}
html[dir="rtl"] .subscription-hero-shade{background:linear-gradient(270deg,rgba(8,47,73,.92),rgba(15,118,110,.76) 45%,rgba(2,132,199,.38)),linear-gradient(0deg,rgba(2,6,23,.78),rgba(2,6,23,.06) 52%,rgba(2,6,23,.46))}
.subscription-hero-content{position:relative;z-index:1;width:min(1180px,calc(100% - 36px));margin:0 auto;padding:38px 0 58px;color:#fff}
.subscription-back-link{display:inline-flex;align-items:center;gap:8px;margin-bottom:24px;padding:10px 13px;border:1px solid rgba(255,255,255,.34);border-radius:999px;background:rgba(255,255,255,.13);backdrop-filter:blur(14px);color:#fff;text-decoration:none;font-size:12px;font-weight:900}
.subscription-kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:rgba(255,255,255,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.18);font-size:12px;font-weight:950}
.subscription-hero h1{max-width:820px;margin:18px 0 0;font-size:clamp(38px,7vw,82px);line-height:1.02;font-weight:950;letter-spacing:0;text-wrap:balance}
.subscription-hero p{max-width:720px;margin:18px 0 0;color:rgba(255,255,255,.88);font-size:18px;line-height:1.85;font-weight:800}
.subscription-hero-metrics{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.subscription-hero-metrics span{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;min-width:150px;padding:12px 14px;border:1px solid rgba(255,255,255,.22);border-radius:16px;background:rgba(255,255,255,.14);backdrop-filter:blur(12px)}
.subscription-hero-metrics b{font-size:28px;line-height:1;font-weight:950;color:#e0f2fe}
.subscription-hero-metrics small{font-size:11px;font-weight:900;color:rgba(255,255,255,.82)}
.subscription-proof-strip{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:min(1180px,calc(100% - 36px));margin:-42px auto 0}
.subscription-proof-strip article{position:relative;min-height:190px;overflow:hidden;border-radius:18px;border:1px solid rgba(8,47,73,.16);box-shadow:0 24px 56px rgba(8,47,73,.18);background:#fff}
.subscription-proof-strip img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .5s ease}
.subscription-proof-strip article:hover img{transform:scale(1.05)}
.subscription-proof-strip span{position:absolute;inset-inline:14px;bottom:14px;display:inline-flex;align-items:center;width:max-content;max-width:calc(100% - 28px);gap:8px;padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.92);color:#082f49;font-size:12px;font-weight:950;box-shadow:0 10px 24px rgba(8,47,73,.18)}
.subscription-section-head{width:min(1120px,calc(100% - 36px));margin:64px auto 22px;text-align:center}
.subscription-section-head span,.subscription-capabilities > div:first-child span,.subscription-request span{display:inline-flex;padding:7px 11px;border-radius:999px;background:#e0f2fe;color:#0369a1;font-size:11px;font-weight:950}
.subscription-section-head h2,.subscription-capabilities h2,.subscription-request h2{margin:13px 0 0;color:#082f49;font-size:clamp(26px,4vw,44px);line-height:1.16;font-weight:950;letter-spacing:0}
.subscription-section-head p{max-width:720px;margin:13px auto 0;color:#5c7180;font-size:14px;line-height:1.8;font-weight:850}
.subscription-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:min(1180px,calc(100% - 36px));margin:0 auto}
.subscription-plan-card{position:relative;display:grid;grid-template-rows:auto auto 1fr auto;gap:16px;min-height:560px;padding:22px;border:1px solid rgba(8,47,73,.14);border-radius:20px;background:linear-gradient(180deg,#fff,#f8fafc);box-shadow:0 24px 54px rgba(8,47,73,.12);overflow:hidden}
.subscription-plan-card::before{content:"";position:absolute;inset:0 0 auto;height:8px;background:linear-gradient(90deg,#0f766e,#0284c7)}
.subscription-plan-card.starter::before{background:linear-gradient(90deg,#0f766e,#65a30d)}
.subscription-plan-card.professional{transform:translateY(-16px);border-color:rgba(217,119,6,.38);box-shadow:0 32px 72px rgba(146,64,14,.18)}
.subscription-plan-card.professional::before{background:linear-gradient(90deg,#d97706,#0284c7,#0f766e)}
.subscription-plan-card.business::before{background:linear-gradient(90deg,#082f49,#0284c7)}
.subscription-discount{display:inline-flex;width:max-content;max-width:100%;padding:7px 10px;border-radius:999px;background:#fff7ed;color:#c2410c;border:1px solid #fed7aa;font-size:11px;font-weight:950}
.subscription-plan-card h3{margin:12px 0 0;color:#082f49;font-size:28px;line-height:1;font-weight:950}
.subscription-price{display:flex;align-items:end;gap:8px;margin-top:16px;color:#082f49}
.subscription-price strong{font-size:44px;line-height:.92;font-weight:950;letter-spacing:0}
.subscription-price small{padding-bottom:4px;color:#64748b;font-size:12px;font-weight:900}
.subscription-plan-card del{display:block;margin-top:9px;color:#94a3b8;font-size:15px;font-weight:900;text-decoration-thickness:2px;text-decoration-color:#ef4444}
.subscription-limits{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.subscription-limits span{display:flex;align-items:center;gap:7px;min-height:44px;padding:9px;border-radius:12px;background:#eef7fb;color:#0f3b57;font-size:12px;font-weight:950}
.subscription-plan-card ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.subscription-plan-card li{display:grid;grid-template-columns:22px 1fr;gap:8px;align-items:start;color:#334155;font-size:13px;line-height:1.6;font-weight:850}
.subscription-plan-card li i{display:grid;width:22px;height:22px;place-items:center;border-radius:50%;background:#dcfce7;color:#15803d}
.subscription-plan-action,.subscription-request a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 16px;border-radius:13px;background:linear-gradient(135deg,#082f49,#0284c7);color:#fff;text-decoration:none;font-size:13px;font-weight:950;box-shadow:0 16px 32px rgba(2,132,199,.25)}
.subscription-plan-card.professional .subscription-plan-action{background:linear-gradient(135deg,#b45309,#0284c7)}
.subscription-capabilities{display:grid;grid-template-columns:minmax(260px,.8fr) 1.4fr;gap:22px;width:min(1180px,calc(100% - 36px));margin:64px auto 0;align-items:start}
.subscription-capability-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.subscription-capability-grid article{min-height:170px;padding:20px;border:1px solid rgba(8,47,73,.12);border-radius:18px;background:#fff;box-shadow:0 18px 40px rgba(8,47,73,.08)}
.subscription-capability-grid i{display:grid;width:46px;height:46px;place-items:center;border-radius:14px;background:#e0f2fe;color:#0369a1}
.subscription-capability-grid h3{margin:16px 0 0;color:#082f49;font-size:17px;font-weight:950}
.subscription-capability-grid p{margin:8px 0 0;color:#64748b;font-size:13px;line-height:1.7;font-weight:800}
.subscription-request{display:flex;align-items:center;justify-content:space-between;gap:20px;width:min(1180px,calc(100% - 36px));margin:64px auto 54px;padding:26px;border-radius:22px;background:linear-gradient(135deg,#082f49,#0f766e);color:#fff;box-shadow:0 28px 72px rgba(8,47,73,.22)}
.subscription-request h2{color:#fff}
.subscription-request p{max-width:760px;margin:12px 0 0;color:rgba(255,255,255,.82);font-size:14px;line-height:1.8;font-weight:850}
.subscription-request span{background:rgba(255,255,255,.16);color:#e0f2fe}
.subscription-request a{flex:0 0 auto;background:#fff;color:#082f49;box-shadow:0 18px 36px rgba(0,0,0,.18)}
@media (max-width:980px){.subscription-proof-strip,.subscription-plan-grid,.subscription-capabilities{grid-template-columns:1fr}.subscription-plan-card.professional{transform:none}.subscription-capabilities{gap:18px}.subscription-request{display:grid}.subscription-request a{width:100%}}
@media (max-width:640px){.subscription-hero{min-height:720px}.subscription-hero-content{width:min(100% - 24px,1180px);padding-bottom:38px}.subscription-hero h1{font-size:38px}.subscription-hero p{font-size:15px}.subscription-proof-strip,.subscription-plan-grid,.subscription-capabilities,.subscription-request,.subscription-section-head{width:calc(100% - 24px)}.subscription-proof-strip{margin-top:-24px}.subscription-proof-strip article{min-height:150px}.subscription-limits,.subscription-capability-grid{grid-template-columns:1fr}.subscription-plan-card{min-height:0;padding:18px}.subscription-price strong{font-size:38px}.login-subscription-link{grid-template-columns:38px minmax(0,1fr) 24px;padding:11px}.login-subscription-link > span{width:38px;height:38px}}

/* Demo subscription redesign v2: executive annual pricing */
.login-crystal-panel .login-subscription-link{grid-template-columns:48px minmax(0,1fr) 34px;margin-top:16px;padding:14px;border:1px solid rgba(245,158,11,.32);border-radius:16px;background:linear-gradient(135deg,#fff 0%,#fffaf1 52%,#eff6ff 100%);box-shadow:0 16px 34px rgba(15,23,42,.14),inset 0 1px 0 rgba(255,255,255,.96);color:#111827}
.login-crystal-panel .login-subscription-link::before{background:linear-gradient(90deg,transparent,rgba(245,158,11,.2),transparent)}
.login-crystal-panel .login-subscription-link > span{width:48px;height:48px;border-radius:14px;background:linear-gradient(145deg,#111827,#0f766e 56%,#f59e0b);box-shadow:0 12px 28px rgba(15,23,42,.24)}
.login-crystal-panel .login-subscription-link strong{font-size:13.5px;color:#111827}
.login-crystal-panel .login-subscription-link small{font-size:11px;color:#6b4f16}
.login-crystal-panel .login-subscription-link > i{width:34px;height:34px;border-radius:50%;background:#111827;color:#fff}
.subscription-page{--sub-navy:#101827;--sub-ink:#111827;--sub-panel:#ffffff;--sub-line:#dbe3ef;--sub-muted:#667085;--sub-teal:#0f766e;--sub-sky:#2563eb;--sub-gold:#d97706;background:#f6f8fb;color:var(--sub-ink)}
.subscription-hero{min-height:620px;align-items:center;background:#101827}
.subscription-hero > img{opacity:.54;filter:saturate(.95) contrast(1.08)}
.subscription-hero-shade{background:linear-gradient(90deg,rgba(16,24,39,.96) 0%,rgba(16,24,39,.88) 44%,rgba(15,118,110,.52) 100%),linear-gradient(0deg,rgba(16,24,39,.92),rgba(16,24,39,.18) 55%,rgba(16,24,39,.76))}
html[dir="rtl"] .subscription-hero-shade{background:linear-gradient(270deg,rgba(16,24,39,.96) 0%,rgba(16,24,39,.88) 44%,rgba(15,118,110,.52) 100%),linear-gradient(0deg,rgba(16,24,39,.92),rgba(16,24,39,.18) 55%,rgba(16,24,39,.76))}
.subscription-hero-content{display:grid;align-content:center;min-height:620px;padding:42px 0;width:min(1160px,calc(100% - 44px))}
.subscription-back-link{width:max-content;margin-bottom:28px;border-color:rgba(255,255,255,.18);border-radius:10px;background:rgba(255,255,255,.08);box-shadow:none}
.subscription-kicker{width:max-content;border-radius:10px;background:rgba(245,158,11,.16);border-color:rgba(245,158,11,.38);color:#fde68a}
.subscription-hero h1{max-width:780px;margin-top:18px;font-size:clamp(42px,6vw,78px);line-height:1.04}
.subscription-hero p{max-width:660px;color:rgba(255,255,255,.82);font-size:17px}
.subscription-hero-metrics{gap:10px;margin-top:28px}
.subscription-hero-metrics span{min-width:136px;border-radius:12px;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16);backdrop-filter:none}
.subscription-hero-metrics b{color:#fef3c7}
.subscription-proof-strip{grid-template-columns:1.1fr .95fr .95fr;margin:-54px auto 0;gap:12px}
.subscription-proof-strip article{min-height:165px;border-radius:14px;box-shadow:0 18px 44px rgba(16,24,39,.16)}
.subscription-proof-strip span{border-radius:10px;background:#fff;color:#101827;box-shadow:0 10px 22px rgba(16,24,39,.14)}
.subscription-section-head{margin-top:58px}
.subscription-section-head span,.subscription-capabilities > div:first-child span,.subscription-request span{border-radius:8px;background:#ecfdf5;color:#047857}
.subscription-section-head h2,.subscription-capabilities h2,.subscription-request h2{font-size:clamp(28px,3.4vw,42px);color:#101827}
.subscription-plan-grid{gap:14px;width:min(1160px,calc(100% - 44px))}
.subscription-plan-card{min-height:540px;padding:24px;border-color:#dbe3ef;border-radius:16px;background:#fff;box-shadow:0 18px 44px rgba(16,24,39,.08)}
.subscription-plan-card::before{height:5px;background:#0f766e}
.subscription-plan-card.professional{transform:translateY(-10px);border-color:#f59e0b;box-shadow:0 26px 60px rgba(146,64,14,.16)}
.subscription-plan-card.professional::after{content:"الأكثر اختيارًا";position:absolute;top:16px;inset-inline-end:16px;padding:7px 10px;border-radius:8px;background:#111827;color:#fff;font-size:10.5px;font-weight:950}
html[dir="ltr"] .subscription-plan-card.professional::after{content:"Most selected"}
.subscription-discount{border-radius:8px;background:#fff7ed;color:#9a3412;border-color:#fed7aa}
.subscription-plan-card h3{font-size:26px;color:#101827}
.subscription-price strong{font-size:48px;color:#101827}
.subscription-price small{color:#667085}
.subscription-plan-card del{color:#98a2b3;text-decoration-color:#dc2626}
.subscription-limits span{border:1px solid #dbe3ef;border-radius:10px;background:#f8fafc;color:#344054}
.subscription-plan-card li{color:#344054}
.subscription-plan-card li i{background:#ecfdf5;color:#047857}
.subscription-plan-action,.subscription-request a{border-radius:10px;background:#101827;box-shadow:0 14px 28px rgba(16,24,39,.18)}
.subscription-plan-card.professional .subscription-plan-action{background:#d97706}
.subscription-capabilities{width:min(1160px,calc(100% - 44px));grid-template-columns:.75fr 1.45fr}
.subscription-capability-grid article{border-radius:14px;border-color:#dbe3ef;box-shadow:0 14px 34px rgba(16,24,39,.07)}
.subscription-capability-grid i{border-radius:12px;background:#eff6ff;color:#2563eb}
.subscription-request{width:min(1160px,calc(100% - 44px));border-radius:16px;background:linear-gradient(135deg,#101827,#0f766e);box-shadow:0 24px 60px rgba(16,24,39,.18)}
@media (max-width:980px){.subscription-plan-card.professional{transform:none}.subscription-proof-strip,.subscription-plan-grid,.subscription-capabilities{grid-template-columns:1fr}.subscription-hero-content{min-height:620px}}
@media (max-width:640px){.subscription-hero,.subscription-hero-content{min-height:690px}.subscription-hero-content,.subscription-proof-strip,.subscription-plan-grid,.subscription-capabilities,.subscription-request,.subscription-section-head{width:calc(100% - 26px)}.subscription-plan-card.professional::after{position:static;display:inline-flex;width:max-content;margin-top:8px}.subscription-price strong{font-size:40px}.login-crystal-panel .login-subscription-link{grid-template-columns:42px minmax(0,1fr) 30px}.login-crystal-panel .login-subscription-link > span{width:42px;height:42px}}

/* Plan cards: visual identity, icons, and readable graphics */
.subscription-plan-card{isolation:isolate}
.subscription-plan-card.starter{--plan-main:#0f766e;--plan-alt:#65a30d;--plan-soft:#ecfdf5;--plan-ring:rgba(15,118,110,.18)}
.subscription-plan-card.professional{--plan-main:#d97706;--plan-alt:#2563eb;--plan-soft:#fff7ed;--plan-ring:rgba(217,119,6,.2)}
.subscription-plan-card.business{--plan-main:#1d4ed8;--plan-alt:#0f172a;--plan-soft:#eff6ff;--plan-ring:rgba(37,99,235,.18)}
.subscription-plan-graphic{position:absolute;z-index:-1;inset:0;overflow:hidden;pointer-events:none}
.subscription-plan-graphic::before{content:"";position:absolute;inset-inline-end:-54px;top:-54px;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,var(--plan-ring),transparent 68%)}
.subscription-plan-graphic::after{content:"";position:absolute;inset-inline-start:18px;bottom:16px;width:96px;height:96px;border-radius:28px;background:linear-gradient(135deg,var(--plan-soft),transparent);transform:rotate(12deg)}
.subscription-plan-graphic > i{position:absolute;inset-inline-end:20px;top:24px;display:grid;width:82px;height:82px;place-items:center;border-radius:24px;background:linear-gradient(135deg,var(--plan-main),var(--plan-alt));color:#fff;box-shadow:0 18px 38px color-mix(in srgb,var(--plan-main) 30%,transparent);opacity:.16}
.subscription-plan-graphic > i svg{width:42px;height:42px}
.subscription-plan-graphic span{position:absolute;display:block;border-radius:999px;background:linear-gradient(90deg,var(--plan-main),var(--plan-alt));opacity:.16}
.subscription-plan-graphic span:nth-child(2){width:88px;height:10px;inset-inline-end:30px;bottom:72px}
.subscription-plan-graphic span:nth-child(3){width:54px;height:10px;inset-inline-end:64px;bottom:50px}
.subscription-plan-title{display:grid;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:12px;margin-top:15px}
.subscription-plan-title > span{display:grid;width:54px;height:54px;place-items:center;border-radius:16px;background:linear-gradient(135deg,var(--plan-main),var(--plan-alt));color:#fff;box-shadow:0 16px 32px color-mix(in srgb,var(--plan-main) 26%,transparent)}
.subscription-plan-title svg{width:25px;height:25px}
.subscription-plan-title h3{margin:0}
.subscription-plan-title p{margin:6px 0 0;color:#667085;font-size:11.5px;line-height:1.45;font-weight:850}
.subscription-plan-card .subscription-discount{background:var(--plan-soft);color:var(--plan-main);border-color:color-mix(in srgb,var(--plan-main) 25%,#fff)}
.subscription-plan-card.professional .subscription-discount{color:#9a3412}
.subscription-limits{grid-template-columns:1fr 1fr}
.subscription-limits span{position:relative;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:9px;min-height:64px;border-color:color-mix(in srgb,var(--plan-main) 18%,#dbe3ef);background:linear-gradient(135deg,#fff,var(--plan-soft));overflow:hidden}
.subscription-limits span::after{content:"";position:absolute;inset-inline-end:-18px;bottom:-24px;width:70px;height:70px;border-radius:50%;background:var(--plan-main);opacity:.07}
.subscription-limits b{position:relative;display:grid;width:38px;height:38px;place-items:center;border-radius:12px;background:var(--plan-main);color:#fff;font-size:18px;font-weight:950;line-height:1}
.subscription-limits small{position:relative;display:grid;gap:4px;color:#344054;font-size:10.5px;font-weight:950;line-height:1.35}
.subscription-limits small i{color:var(--plan-main)}
.subscription-plan-card li i{background:var(--plan-soft);color:var(--plan-main)}
.subscription-plan-action{background:linear-gradient(135deg,var(--plan-main),var(--plan-alt))}
.subscription-plan-card.professional .subscription-plan-action{background:linear-gradient(135deg,var(--plan-main),var(--plan-alt))}
@media (max-width:640px){.subscription-plan-title{grid-template-columns:48px minmax(0,1fr)}.subscription-plan-title > span{width:48px;height:48px}.subscription-limits{grid-template-columns:1fr}.subscription-plan-graphic > i{width:70px;height:70px}}

/* ProjectCraft360 annual pricing poster - image reference implementation */
.pc-pricing-poster{--pc-blue:#0a4fb8;--pc-navy:#08265c;--pc-ink:#061b46;--pc-cyan:#078b9b;--pc-orange:#f59e0b;--pc-green:#079889;--pc-line:#d7e7f6;direction:rtl;min-height:100vh;padding:34px 26px 0;background:radial-gradient(circle at 50% 0,#fff 0,#f3f9ff 44%,#fff 100%);color:var(--pc-ink);font-family:inherit;overflow:hidden}
.pc-pricing-poster *{box-sizing:border-box}
.pc-pricing-hero{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:center;max-width:1320px;margin:0 auto 18px;min-height:390px}
.pc-hero-sketch{position:absolute;inset-inline-start:-80px;top:-20px;width:420px;height:420px;opacity:.18;color:#0b74c9;pointer-events:none}
.pc-hero-sketch > i{position:absolute;top:8px;inset-inline-start:48px;width:230px;height:230px}
.pc-hero-sketch > i svg{width:230px;height:230px;stroke-width:.8}
.pc-hero-sketch span{position:absolute;display:block;border:2px solid #2f9bdf;border-top:0;opacity:.65}
.pc-hero-sketch span:nth-child(2){width:150px;height:230px;bottom:12px;inset-inline-start:90px}
.pc-hero-sketch span:nth-child(3){width:96px;height:170px;bottom:12px;inset-inline-start:236px}
.pc-hero-sketch span:nth-child(4){width:64px;height:120px;bottom:12px;inset-inline-start:40px}
.pc-hero-copy{position:relative;z-index:2;text-align:center;padding:4px 14px}
.pc-pricing-back{position:absolute;top:0;inset-inline-start:0;display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid rgba(10,79,184,.18);border-radius:999px;background:#fff;color:#0a4fb8;text-decoration:none;font-size:12px;font-weight:950;box-shadow:0 10px 20px rgba(10,79,184,.08)}
.pc-hero-copy h1{margin:0;color:#08265c;font-size:clamp(38px,5vw,62px);line-height:1.12;font-weight:950;letter-spacing:0}
.pc-hero-copy h1 strong{display:inline-block;color:#0a4fb8;font-size:1.02em}
.pc-hero-lead{margin:16px auto 0!important;color:#08265c!important;font-size:17px!important;font-weight:950!important}
.pc-hero-lead b{color:#f59e0b;font-size:1.18em}
.pc-hero-copy p{max-width:690px;margin:14px auto 0;color:#233b63;font-size:14.5px;line-height:1.9;font-weight:850}
.pc-annual-pill{display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding:11px 22px;border-radius:999px;background:linear-gradient(180deg,#0a4fb8,#08265c);color:#fff;font-size:15px;font-weight:950;box-shadow:0 14px 28px rgba(10,79,184,.26)}
.pc-hero-dashboard{position:relative;min-height:350px}
.pc-laptop{position:absolute;inset-inline-end:78px;top:72px;width:365px;height:240px;border-radius:18px 18px 10px 10px;background:#101827;padding:12px;box-shadow:0 28px 58px rgba(8,38,92,.24),0 0 0 8px rgba(255,255,255,.6)}
.pc-laptop::after{content:"";position:absolute;left:50%;bottom:-20px;width:430px;height:26px;border-radius:0 0 42px 42px;background:linear-gradient(180deg,#d9e9f9,#fff);transform:translateX(-50%);box-shadow:0 15px 28px rgba(8,38,92,.14)}
.pc-laptop-bar{height:14px;border-radius:10px 10px 0 0;background:#0f172a}
.pc-laptop-screen{display:grid;grid-template-columns:76px 1fr;gap:12px;height:192px;padding:12px;border-radius:8px;background:#f7fbff}
.pc-laptop-screen aside{border-radius:8px;background:linear-gradient(180deg,#08265c,#0a4fb8)}
.pc-laptop-screen header{height:32px;border-radius:8px;background:linear-gradient(90deg,#dbeafe,#fff)}
.pc-dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.pc-dashboard-grid span{height:56px;border-radius:10px;background:#fff;border:1px solid #d7e7f6;box-shadow:0 6px 12px rgba(8,38,92,.06)}
.pc-dashboard-grid span:nth-child(1){background:conic-gradient(#078b9b 0 46%,#dbeafe 46% 100%)}
.pc-dashboard-grid span:nth-child(2){background:linear-gradient(90deg,#fff,#e0f2fe)}
.pc-dashboard-grid span:nth-child(3),.pc-dashboard-grid span:nth-child(4),.pc-dashboard-grid span:nth-child(5),.pc-dashboard-grid span:nth-child(6){height:22px}
.pc-helmet{position:absolute;inset-inline-end:260px;bottom:38px;width:138px;height:68px;border-radius:80px 80px 12px 12px;background:linear-gradient(180deg,#fff,#dbeafe);border:1px solid #cbdff4;box-shadow:0 16px 30px rgba(8,38,92,.18)}
.pc-helmet::before{content:"";position:absolute;left:14px;right:14px;bottom:16px;height:9px;border-radius:999px;background:#b6cbe1}
.pc-floating-tools{position:absolute;z-index:3;display:grid;gap:11px}
.pc-tools-left{inset-inline-start:4px;top:102px}.pc-tools-right{inset-inline-end:0;top:10px}
.pc-floating-tools span{display:grid;grid-template-columns:31px auto;align-items:center;gap:7px;min-width:118px;min-height:54px;padding:8px;border:1px solid #d6e6f6;border-radius:14px;background:rgba(255,255,255,.94);box-shadow:0 12px 26px rgba(8,38,92,.12);color:#08265c;font-size:11px;font-weight:950}
.pc-floating-tools i{display:grid;width:31px;height:31px;place-items:center;color:#0a4fb8}
.pc-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:1320px;margin:0 auto 18px}
.pc-plan-card{position:relative;display:grid;grid-template-rows:auto auto auto auto auto 1fr auto;min-height:705px;padding:24px 28px;border:1px solid #d9e7f5;border-radius:20px;background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:0 18px 44px rgba(8,38,92,.11);overflow:hidden}
.pc-plan-card.featured{border:3px solid #0a63db;transform:translateY(-10px);box-shadow:0 24px 58px rgba(10,79,184,.2)}
.pc-plan-card.featured::before{content:"أفضل اختيار";position:absolute;top:-1px;left:50%;padding:10px 42px 12px;border-radius:0 0 16px 16px;background:linear-gradient(180deg,#0a63db,#08265c);color:#fff;font-size:14px;font-weight:950;transform:translateX(-50%)}
.pc-card-art{position:absolute;inset:0;pointer-events:none;opacity:.1}
.pc-card-art i{position:absolute;inset-inline-end:24px;bottom:80px;width:145px;height:145px;color:#0a4fb8}
.pc-card-art i svg{width:145px;height:145px;stroke-width:1}
.pc-card-art span{position:absolute;inset-inline-start:34px;bottom:92px;width:120px;height:160px;border:2px solid #0a83ce;border-top:0}
.pc-plan-card.starter .pc-card-art{color:#0f766e}.pc-plan-card.professional .pc-card-art{opacity:.16}.pc-plan-card.business .pc-card-art{opacity:.08}
.pc-discount{display:inline-flex;justify-self:start;padding:9px 13px;border-radius:9px;background:#f59e0b;color:#fff;font-size:13px;font-weight:950;box-shadow:0 10px 18px rgba(245,158,11,.24)}
.pc-plan-card h2{margin:20px 0 0;color:#08265c;text-align:center;font-size:34px;line-height:1;font-weight:950}
.pc-plan-card p{margin:14px 0 0;color:#08265c;text-align:center;font-size:14px;line-height:1.8;font-weight:900;min-height:52px}
.pc-price{display:flex;justify-content:center;align-items:flex-end;gap:7px;margin-top:18px;color:#078b9b}
.pc-price strong{font-size:42px;line-height:1;font-weight:950;letter-spacing:0}
.pc-price small{padding-bottom:6px;font-size:16px;font-weight:950}
.pc-plan-card del{display:block;margin:9px 0 12px;color:#8b98aa;text-align:center;font-size:18px;font-weight:950;text-decoration-color:#9ca3af;text-decoration-thickness:2px}
.pc-plan-stats{display:grid;gap:0;margin-top:8px;border-block:1px solid #d7e7f6}
.pc-plan-stats span{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:10px;min-height:48px;border-bottom:1px solid #edf3fb;color:#08265c;font-size:13px;font-weight:900}
.pc-plan-stats span:last-child{border-bottom:0}.pc-plan-stats i{color:#0a4fb8}
.pc-plan-card ul{display:grid;gap:8px;align-content:start;margin:18px 0 0;padding:0;list-style:none}
.pc-plan-card li{display:grid;grid-template-columns:22px 1fr;gap:8px;align-items:center;color:#08265c;font-size:13px;font-weight:900;line-height:1.35}
.pc-plan-card li i{color:#079889}
.pc-plan-card > a{align-self:end;justify-self:center;display:inline-flex;align-items:center;justify-content:center;gap:10px;width:min(100%,230px);min-height:56px;margin-top:20px;border-radius:11px;background:linear-gradient(180deg,#063d8f,#08265c);color:#fff;text-decoration:none;font-size:18px;font-weight:950;box-shadow:0 13px 24px rgba(8,38,92,.24)}
.pc-plan-card.professional > a{background:linear-gradient(180deg,#0877ff,#0a4fb8)}
.pc-core-features{max-width:1320px;margin:6px auto 18px;padding:18px 20px;border:1px solid #d9e7f5;border-radius:18px;background:rgba(255,255,255,.82);box-shadow:0 12px 34px rgba(8,38,92,.08)}
.pc-core-features h2,.pc-lower-panels h2{margin:0 0 13px;color:#08265c;text-align:center;font-size:30px;font-weight:950}
.pc-core-features > div{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.pc-core-features span,.pc-list-panel span,.pc-request-grid span{display:grid;grid-template-columns:36px 1fr;align-items:center;gap:9px;min-height:56px;padding:8px 11px;border:1px solid #d9e7f5;border-radius:11px;background:#fff;color:#08265c;font-size:12.5px;font-weight:900;box-shadow:inset 0 1px 0 #fff,0 6px 14px rgba(8,38,92,.04)}
.pc-core-features i,.pc-list-panel i,.pc-request-grid i{color:#0a4fb8}
.pc-lower-panels{display:grid;grid-template-columns:1fr 1.18fr;gap:18px;max-width:1320px;margin:0 auto 18px}
.pc-lower-panels article{padding:18px 20px;border:1px solid #d9e7f5;border-radius:18px;background:rgba(255,255,255,.88);box-shadow:0 12px 34px rgba(8,38,92,.08)}
.pc-lower-panels h2{font-size:26px}.pc-lower-panels h2 i{color:#0a4fb8}
.pc-list-panel{display:grid;gap:9px}.pc-list-panel span{min-height:44px}
.pc-lower-panels p{display:flex;align-items:center;justify-content:center;gap:8px;margin:12px 0 0;color:#08265c;font-size:13px;font-weight:850}
.pc-request-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.pc-request-grid span{position:relative;grid-template-columns:28px 32px 1fr;min-height:44px}
.pc-request-grid b{display:grid;width:24px;height:24px;place-items:center;border-radius:50%;background:#0a4fb8;color:#fff;font-size:12px}
.pc-request-flow{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:14px;color:#0a4fb8}
.pc-request-flow i{width:34px;height:34px}.pc-request-flow span{width:48px;height:2px;background:#0a4fb8}
.pc-pricing-footer{position:relative;display:grid;grid-template-columns:230px 1fr 330px;align-items:center;gap:24px;min-height:128px;margin:0 -26px;padding:18px 38px;background:linear-gradient(90deg,#071d45,#063d8f,#08265c);color:#fff;overflow:hidden}
.pc-pricing-footer img{width:230px;height:96px;border-radius:10px;object-fit:cover;opacity:.7}
.pc-pricing-footer h2{margin:0;font-size:27px;line-height:1.35;font-weight:950}.pc-pricing-footer p{margin:4px 0 0;color:#fbbf24;font-size:22px;font-weight:950}
.pc-pricing-footer a{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;border-radius:999px;background:linear-gradient(180deg,#fbbf24,#f59e0b);color:#fff;text-decoration:none;font-size:20px;font-weight:950;box-shadow:0 14px 28px rgba(0,0,0,.22)}
@media (max-width:1100px){.pc-pricing-hero,.pc-plan-grid,.pc-lower-panels,.pc-pricing-footer{grid-template-columns:1fr}.pc-hero-dashboard{min-height:330px}.pc-laptop{position:relative;inset:auto;margin:20px auto}.pc-helmet{display:none}.pc-floating-tools{display:none}.pc-core-features > div{grid-template-columns:repeat(2,minmax(0,1fr))}.pc-plan-card.featured{transform:none}.pc-pricing-footer{margin:0 -26px;text-align:center}.pc-pricing-footer img{justify-self:center}.pc-pricing-footer a{width:min(100%,360px);justify-self:center}}
@media (max-width:680px){.pc-pricing-poster{padding:18px 12px 0}.pc-pricing-back{position:static;margin-bottom:14px}.pc-hero-copy h1{font-size:34px}.pc-hero-copy p{font-size:13px}.pc-laptop{width:300px;height:220px}.pc-laptop::after{width:330px}.pc-laptop-screen{height:172px}.pc-plan-card{padding:20px;min-height:0}.pc-core-features > div,.pc-request-grid{grid-template-columns:1fr}.pc-price strong{font-size:36px}.pc-pricing-footer{margin:0 -12px;padding:18px}.pc-pricing-footer h2{font-size:20px}.pc-pricing-footer p{font-size:18px}}

/* Hero banner matched to the supplied reference composition */
.pc-pricing-poster .pc-pricing-hero{grid-template-columns:300px minmax(440px,1fr) 430px;gap:18px;min-height:420px;margin-bottom:20px;padding-top:4px}
.pc-pricing-poster .pc-pricing-hero::before{content:"";position:absolute;inset:-34px -26px auto;height:470px;background:linear-gradient(180deg,#f7fbff 0%,#fff 68%,rgba(255,255,255,0) 100%);z-index:0}
.pc-pricing-poster .pc-pricing-hero::after{content:"";position:absolute;inset-inline:0;bottom:8px;height:90px;background:linear-gradient(180deg,rgba(186,220,247,0),rgba(186,220,247,.24));border-radius:0 0 38px 38px;z-index:0}
.pc-pricing-poster .pc-hero-sketch{position:relative;z-index:1;inset:auto;width:300px;height:390px;align-self:end;opacity:1;color:#5ba7df}
.pc-pricing-poster .pc-hero-sketch::before{content:"";position:absolute;inset-inline-start:10px;bottom:0;width:210px;height:292px;background:linear-gradient(90deg,rgba(92,164,219,.16) 1px,transparent 1px) 0 0/35px 100%,linear-gradient(0deg,rgba(92,164,219,.18) 1px,transparent 1px) 0 0/100% 38px;clip-path:polygon(16% 17%,78% 0,94% 100%,0 100%);border:2px solid rgba(92,164,219,.5);border-top:0}
.pc-pricing-poster .pc-hero-sketch::after{content:"";position:absolute;inset-inline-start:22px;top:18px;width:238px;height:105px;border-top:3px solid rgba(92,164,219,.62);border-inline-start:3px solid rgba(92,164,219,.62);transform:skewY(-18deg);box-shadow:92px -28px 0 -43px rgba(92,164,219,.62),142px -48px 0 -43px rgba(92,164,219,.62)}
.pc-pricing-poster .pc-hero-sketch > i{top:0;inset-inline-start:0;width:280px;height:210px;color:#65aee5;opacity:.66}
.pc-pricing-poster .pc-hero-sketch > i svg{width:280px;height:210px;stroke-width:.85}
.pc-pricing-poster .pc-hero-sketch span{border-color:rgba(92,164,219,.34);opacity:.55;background:rgba(255,255,255,.16)}
.pc-pricing-poster .pc-hero-sketch span:nth-child(2){width:98px;height:180px;inset-inline-start:56px;bottom:0}
.pc-pricing-poster .pc-hero-sketch span:nth-child(3){width:72px;height:135px;inset-inline-start:154px;bottom:0}
.pc-pricing-poster .pc-hero-sketch span:nth-child(4){width:52px;height:95px;inset-inline-start:21px;bottom:0}
.pc-pricing-poster .pc-hero-copy{z-index:2;align-self:center;text-align:center;padding:22px 4px 0}
.pc-pricing-poster .pc-pricing-back{position:absolute;top:0;inset-inline-start:50%;transform:translateX(50%);opacity:.92}
html[dir="ltr"] .pc-pricing-poster .pc-pricing-back{transform:translateX(-50%)}
.pc-pricing-poster .pc-hero-copy h1{font-size:clamp(42px,4.5vw,60px);line-height:1.06;color:#08265c;text-shadow:0 2px 0 rgba(255,255,255,.7)}
.pc-pricing-poster .pc-hero-copy h1 strong{display:block;margin-top:2px;font-size:1.08em;color:#0a4fb8}
.pc-pricing-poster .pc-hero-lead{max-width:620px;margin-top:14px!important;font-size:16px!important;line-height:1.8!important}
.pc-pricing-poster .pc-hero-copy p:not(.pc-hero-lead){max-width:610px;margin-top:10px;font-size:13.5px;line-height:1.85}
.pc-pricing-poster .pc-annual-pill{margin-top:15px;min-height:42px;padding:9px 22px;border:1px solid rgba(255,255,255,.34);background:linear-gradient(180deg,#0d63cf,#082d70);box-shadow:0 11px 22px rgba(10,79,184,.23),inset 0 1px 0 rgba(255,255,255,.24)}
.pc-pricing-poster .pc-hero-dashboard{z-index:2;align-self:center;min-height:362px}
.pc-pricing-poster .pc-laptop{inset-inline-end:42px;top:88px;width:352px;height:224px;border-radius:16px 16px 9px 9px;box-shadow:0 22px 42px rgba(8,38,92,.22),0 0 0 7px rgba(255,255,255,.82)}
.pc-pricing-poster .pc-laptop::before{content:"";position:absolute;inset:-58px -32px -40px -40px;background:linear-gradient(90deg,rgba(10,79,184,.08) 1px,transparent 1px) 0 0/34px 34px,linear-gradient(0deg,rgba(10,79,184,.08) 1px,transparent 1px) 0 0/34px 34px;transform:skewX(-16deg);z-index:-1}
.pc-pricing-poster .pc-laptop::after{width:402px;bottom:-18px;background:linear-gradient(180deg,#cfe2f5,#fff)}
.pc-pricing-poster .pc-laptop-screen{height:178px;grid-template-columns:70px 1fr;gap:10px}
.pc-pricing-poster .pc-dashboard-grid{gap:8px}
.pc-pricing-poster .pc-dashboard-grid span{height:51px}
.pc-pricing-poster .pc-dashboard-grid span:nth-child(n+3){height:19px}
.pc-pricing-poster .pc-helmet{inset-inline-end:238px;bottom:22px;width:132px;height:65px;z-index:4}
.pc-pricing-poster .pc-tools-left{inset-inline-start:4px;top:100px}
.pc-pricing-poster .pc-tools-right{inset-inline-end:0;top:8px}
.pc-pricing-poster .pc-floating-tools{gap:10px}
.pc-pricing-poster .pc-floating-tools span{grid-template-columns:34px auto;min-width:112px;min-height:58px;padding:8px 9px;border-radius:12px;background:#fff;box-shadow:0 12px 24px rgba(8,38,92,.13);font-size:10.5px}
.pc-pricing-poster .pc-floating-tools i{width:34px;height:34px;border-radius:9px;background:#f2f8ff;color:#0a4fb8}
@media (max-width:1180px){.pc-pricing-poster .pc-pricing-hero{grid-template-columns:1fr;min-height:0}.pc-pricing-poster .pc-hero-sketch{position:absolute;inset-inline-start:-60px;bottom:0;opacity:.22}.pc-pricing-poster .pc-hero-dashboard{min-height:340px}.pc-pricing-poster .pc-laptop{position:relative;inset:auto;margin:18px auto 0}.pc-pricing-poster .pc-floating-tools{display:none}.pc-pricing-poster .pc-helmet{display:block;inset-inline-end:calc(50% + 78px);bottom:12px}.pc-pricing-poster .pc-pricing-back{position:static;transform:none;margin-bottom:12px}}
@media (max-width:680px){.pc-pricing-poster .pc-pricing-hero{padding-top:0}.pc-pricing-poster .pc-hero-sketch{display:none}.pc-pricing-poster .pc-hero-copy{padding-top:0}.pc-pricing-poster .pc-hero-copy h1{font-size:34px}.pc-pricing-poster .pc-laptop{width:296px;height:214px}.pc-pricing-poster .pc-laptop-screen{height:166px}.pc-pricing-poster .pc-helmet{display:none}}

/* Demo access pages: shared HD project background without intro/banner/logo flash */
.access-background-shell {
    position: relative !important;
    isolation: isolate;
    min-height: 100vh !important;
    width: 100%;
    display: grid !important;
    place-items: center !important;
    padding: clamp(18px, 4vw, 54px) !important;
    overflow: hidden;
    background: url('../images/access/projectcraft-access-background-hd.jpg') center center / cover no-repeat !important;
}

.access-background-shell::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: transparent;
    pointer-events: none;
}

.access-background-shell::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    z-index: -1;
    height: 34%;
    background: transparent;
    pointer-events: none;
}

.access-background-shell .flash-stage,
.access-background-shell .flash-logo-scene,
.access-background-shell .flash-skip-bar,
.access-background-shell .login-visual-stage,
.access-background-shell .login-logo-scene {
    display: none !important;
}

.language-flash-shell.access-background-shell,
.login-crystal-shell.access-background-shell,
.language-shell.access-background-shell {
    grid-template-columns: minmax(300px, 470px) !important;
    align-items: center !important;
    justify-content: end !important;
}

html[dir="ltr"] .language-flash-shell.access-background-shell,
html[dir="ltr"] .login-crystal-shell.access-background-shell,
html[dir="ltr"] .language-shell.access-background-shell {
    justify-content: start !important;
}

.access-background-shell .language-panel,
.access-background-shell .login-crystal-panel {
    position: relative !important;
    z-index: 2 !important;
    width: min(100%, 470px) !important;
    margin: 0 !important;
    border: 1px solid rgba(255, 255, 255, .28) !important;
    border-radius: 18px !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, .94), rgba(240, 247, 255, .88)) !important;
    box-shadow: 0 28px 70px rgba(1, 9, 31, .34), inset 0 1px 0 rgba(255, 255, 255, .96) !important;
    backdrop-filter: blur(16px);
    transform: none !important;
    opacity: 1 !important;
}

.access-background-shell .flash-language-panel {
    max-width: 470px !important;
    inset: auto !important;
    animation: none !important;
}

.access-background-shell .brand-mark {
    display: none !important;
}

.access-background-shell .login-panel-head,
.access-background-shell .flash-panel-head {
    align-items: center;
}

.access-background-shell .login-panel-head > span,
.access-background-shell .flash-panel-head > span {
    background: linear-gradient(135deg, #08265c, #0a63db) !important;
    color: #fff !important;
    box-shadow: 0 13px 28px rgba(10, 79, 184, .25);
}

.access-background-shell .login-submit-button,
.access-background-shell .primary-button {
    border: 1px solid rgba(255, 255, 255, .2) !important;
    background: linear-gradient(180deg, #0a63db, #08265c) !important;
    box-shadow: 0 16px 34px rgba(10, 79, 184, .24) !important;
}

.access-background-shell .login-subscription-link {
    background: linear-gradient(135deg, rgba(255,255,255,.96), rgba(255,250,241,.92)) !important;
}

.access-background-shell .stack-form,
.access-background-shell .language-form {
    width: 100% !important;
    display: grid !important;
    gap: 14px !important;
}

.access-background-shell .field {
    display: grid !important;
    gap: 7px !important;
    color: #08265c !important;
    font-size: 13px !important;
    font-weight: 950 !important;
}

.access-background-shell .field span {
    display: block !important;
    line-height: 1.35 !important;
}

.access-background-shell input,
.access-background-shell select,
.access-background-shell textarea {
    width: 100% !important;
    min-height: 50px !important;
    border: 1px solid rgba(10, 79, 184, .22) !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, .94) !important;
    color: #08265c !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.95), 0 8px 18px rgba(8, 38, 92, .07) !important;
}

.access-background-shell input:focus,
.access-background-shell select:focus,
.access-background-shell textarea:focus {
    border-color: rgba(10, 99, 219, .62) !important;
    box-shadow: 0 0 0 4px rgba(10, 99, 219, .13), inset 0 1px 0 rgba(255,255,255,.95) !important;
}

.access-background-shell .language-options {
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
}

.access-background-shell .option-card {
    min-height: 112px !important;
    border-color: rgba(10, 79, 184, .2) !important;
    border-radius: 14px !important;
    background: rgba(255,255,255,.9) !important;
    color: #08265c !important;
}

.access-background-shell .option-card span {
    word-break: normal !important;
    overflow-wrap: anywhere !important;
    line-height: 1.35 !important;
}

.access-background-shell .success,
.access-background-shell .alert {
    margin: 0 !important;
    border-radius: 12px !important;
    line-height: 1.55 !important;
}

@media (max-width: 760px) {
    .language-flash-shell.access-background-shell,
    .login-crystal-shell.access-background-shell,
    .language-shell.access-background-shell {
        justify-content: center !important;
        padding: 18px !important;
        background-position: 58% center !important;
    }

    .access-background-shell .language-panel,
    .access-background-shell .login-crystal-panel {
        width: min(100%, 430px) !important;
    }

    .access-background-shell .language-options {
        grid-template-columns: 1fr !important;
    }
}

.schedule-bar.progress-matching,
.schedule-bar.progress-matching[style*="--status-color"] {
    border-color: rgba(37, 99, 235, .38) !important;
    background: rgba(37, 99, 235, .16) !important;
}

.schedule-bar.progress-advanced,
.schedule-bar.progress-advanced[style*="--status-color"] {
    border-color: rgba(22, 163, 74, .42) !important;
    background: rgba(22, 163, 74, .16) !important;
}

.schedule-bar.progress-late,
.schedule-bar.progress-late[style*="--status-color"] {
    border-color: rgba(220, 38, 38, .42) !important;
    background: rgba(220, 38, 38, .17) !important;
}

.schedule-bar.progress-upcoming,
.schedule-bar.progress-upcoming[style*="--status-color"] {
    border-color: rgba(100, 116, 139, .28) !important;
    background: rgba(148, 163, 184, .12) !important;
}

.schedule-bar .schedule-approved-fill {
    background: #22c55e !important;
}

/* Access page alignment polish: centered below the logo embedded in the background */
.language-flash-shell.access-background-shell,
.login-crystal-shell.access-background-shell,
.language-shell.access-background-shell {
    width: 100% !important;
    grid-template-columns: minmax(300px, 460px) !important;
    justify-content: center !important;
    align-items: start !important;
    place-items: start center !important;
    padding-top: clamp(235px, 27vh, 315px) !important;
    padding-inline: 20px !important;
    background-position: center center !important;
}

html[dir="ltr"] .language-flash-shell.access-background-shell,
html[dir="ltr"] .login-crystal-shell.access-background-shell,
html[dir="ltr"] .language-shell.access-background-shell {
    justify-content: center !important;
    place-items: start center !important;
}

.access-background-shell .language-panel,
.access-background-shell .login-crystal-panel {
    width: min(100%, 460px) !important;
    padding: 24px !important;
    border: 1px solid rgba(255, 216, 92, .32) !important;
    border-radius: 18px !important;
    background:
        linear-gradient(180deg, rgba(7, 30, 78, .88), rgba(4, 21, 58, .78)) !important;
    color: #fff !important;
    box-shadow:
        0 26px 64px rgba(0, 10, 40, .42),
        inset 0 1px 0 rgba(255, 255, 255, .18),
        0 0 0 1px rgba(6, 148, 255, .12) !important;
    backdrop-filter: blur(14px) saturate(1.12) !important;
}

.access-background-shell .language-panel::before,
.access-background-shell .login-crystal-panel::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background:
        radial-gradient(circle at 50% 0, rgba(255, 198, 41, .18), transparent 38%),
        linear-gradient(90deg, rgba(255,255,255,.08), transparent 28%, transparent 72%, rgba(255,255,255,.08));
    pointer-events: none;
}

.access-background-shell .language-panel > *,
.access-background-shell .login-crystal-panel > * {
    position: relative;
    z-index: 1;
}

.access-background-shell .login-panel-head,
.access-background-shell .flash-panel-head {
    display: grid !important;
    grid-template-columns: 54px minmax(0, 1fr) !important;
    gap: 13px !important;
    align-items: center !important;
    margin-bottom: 18px !important;
}

.access-background-shell .login-panel-head h1,
.access-background-shell .flash-panel-head h1,
.access-background-shell .language-panel h1 {
    margin: 0 !important;
    color: #fff !important;
    font-size: clamp(24px, 3vw, 31px) !important;
    line-height: 1.22 !important;
    text-shadow: 0 2px 12px rgba(0, 10, 36, .38);
}

.access-background-shell .login-panel-head p,
.access-background-shell .flash-panel-head p,
.access-background-shell .language-panel p {
    margin: 6px 0 0 !important;
    color: rgba(229, 241, 255, .86) !important;
    font-size: 13px !important;
    line-height: 1.65 !important;
    font-weight: 850 !important;
}

.access-background-shell .login-panel-head > span,
.access-background-shell .flash-panel-head > span {
    width: 54px !important;
    height: 54px !important;
    border: 1px solid rgba(255, 221, 98, .45) !important;
    border-radius: 15px !important;
    background: linear-gradient(145deg, #f5b51b, #0a63db 58%, #08265c) !important;
    color: #fff !important;
    box-shadow: 0 14px 30px rgba(0, 15, 55, .34) !important;
}

.access-background-shell .stack-form,
.access-background-shell .language-form {
    gap: 13px !important;
}

.access-background-shell .field {
    color: #eaf4ff !important;
}

.access-background-shell input,
.access-background-shell select,
.access-background-shell textarea {
    min-height: 52px !important;
    border: 1px solid rgba(111, 190, 255, .3) !important;
    border-radius: 12px !important;
    background: rgba(2, 18, 53, .58) !important;
    color: #fff !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.12),
        0 10px 22px rgba(0, 10, 40, .13) !important;
}

.access-background-shell input::placeholder,
.access-background-shell textarea::placeholder {
    color: rgba(226, 241, 255, .62) !important;
}

.access-background-shell input:focus,
.access-background-shell select:focus,
.access-background-shell textarea:focus {
    border-color: rgba(255, 206, 64, .72) !important;
    background: rgba(2, 18, 53, .74) !important;
    box-shadow:
        0 0 0 4px rgba(245, 181, 27, .16),
        inset 0 1px 0 rgba(255,255,255,.16) !important;
}

.access-background-shell .language-options {
    grid-template-columns: 1fr 1fr !important;
}

.access-background-shell .option-card {
    min-height: 104px !important;
    padding: 16px !important;
    border: 1px solid rgba(111, 190, 255, .28) !important;
    border-radius: 14px !important;
    background: rgba(2, 18, 53, .55) !important;
    color: #fff !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 10px 22px rgba(0, 10, 40, .12) !important;
}

.access-background-shell .option-card:hover,
.access-background-shell .option-card:has(input:checked) {
    border-color: rgba(255, 206, 64, .75) !important;
    background: linear-gradient(180deg, rgba(10, 99, 219, .46), rgba(2, 18, 53, .62)) !important;
    box-shadow:
        0 0 0 3px rgba(245, 181, 27, .12),
        inset 0 1px 0 rgba(255,255,255,.18) !important;
}

.access-background-shell .option-card i,
.access-background-shell .option-card svg {
    color: #ffd75c !important;
}

.access-background-shell .success {
    background: rgba(6, 148, 133, .18) !important;
    color: #d9fff7 !important;
    border-color: rgba(45, 212, 191, .32) !important;
}

.access-background-shell .alert {
    background: rgba(190, 18, 60, .2) !important;
    color: #ffe4e6 !important;
    border-color: rgba(251, 113, 133, .34) !important;
}

.access-background-shell .login-submit-button,
.access-background-shell .primary-button {
    min-height: 52px !important;
    border-radius: 13px !important;
    border: 1px solid rgba(255, 221, 98, .42) !important;
    background: linear-gradient(180deg, #0d74ff, #082d70 74%) !important;
    color: #fff !important;
    box-shadow: 0 16px 32px rgba(0, 38, 126, .36), inset 0 1px 0 rgba(255,255,255,.24) !important;
}

.access-background-shell .login-subscription-link {
    grid-template-columns: 44px minmax(0,1fr) 32px !important;
    border-color: rgba(255, 216, 92, .36) !important;
    background: linear-gradient(180deg, rgba(255, 191, 38, .16), rgba(6, 32, 86, .62)) !important;
    color: #fff !important;
}

.access-background-shell .login-subscription-link strong {
    color: #fff !important;
}

.access-background-shell .login-subscription-link small {
    color: rgba(232, 244, 255, .82) !important;
}

.access-background-shell .login-subscription-link > span {
    background: linear-gradient(145deg, #f5b51b, #0a63db) !important;
}

.access-background-shell .login-subscription-link > i {
    background: rgba(255, 255, 255, .13) !important;
    color: #ffd75c !important;
}

@media (max-height: 760px) {
    .language-flash-shell.access-background-shell,
    .login-crystal-shell.access-background-shell,
    .language-shell.access-background-shell {
        padding-top: 190px !important;
    }
}

@media (max-width: 760px) {
    .language-flash-shell.access-background-shell,
    .login-crystal-shell.access-background-shell,
    .language-shell.access-background-shell {
        padding-top: 185px !important;
        background-position: center center !important;
    }

    .access-background-shell .language-panel,
    .access-background-shell .login-crystal-panel {
        width: min(100%, 430px) !important;
        padding: 20px !important;
    }

    .access-background-shell .language-options {
        grid-template-columns: 1fr !important;
    }
}