@font-face{font-family:'Tajawal';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/tajawal-arabic-400.woff2') format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF;}
@font-face{font-family:'Tajawal';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/tajawal-latin-400.woff2') format('woff2');}
@font-face{font-family:'Tajawal';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/tajawal-arabic-500.woff2') format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF;}
@font-face{font-family:'Tajawal';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/tajawal-latin-500.woff2') format('woff2');}
@font-face{font-family:'Tajawal';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/tajawal-arabic-700.woff2') format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF;}
@font-face{font-family:'Tajawal';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/tajawal-latin-700.woff2') format('woff2');}
@font-face{font-family:'Cairo';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/cairo-arabic-600.woff2') format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF;}
@font-face{font-family:'Cairo';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/cairo-latin-600.woff2') format('woff2');}
@font-face{font-family:'Cairo';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/cairo-arabic-700.woff2') format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF;}
@font-face{font-family:'Cairo';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/cairo-latin-700.woff2') format('woff2');}

:root{
    --sb-font:'Tajawal','Segoe UI',Tahoma,Arial,sans-serif;
    --sb-base-size:17px;
    --sb-title-size:42px;
    --sb-primary:#0b1f2e;
    --sb-accent:#2f7a94;
    --sb-action:#e8792b;
    --sb-background:#f6f9fa;
    --sb-radius:22px;
}

body.sb-landing-page{
    min-height:100vh;
    margin:0;
    color:var(--sb-primary,#0b1f2e);
    background:
        radial-gradient(circle at 88% 0, color-mix(in srgb,var(--sb-accent) 14%,transparent), transparent 31rem),
        linear-gradient(180deg,#fff 0,var(--sb-background) 28rem);
    font-family:var(--sb-font,'Tajawal','Segoe UI',Tahoma,Arial,sans-serif);
    font-size:var(--sb-base-size,17px);
    line-height:1.75;
    -webkit-font-smoothing:antialiased;
}
html.sb-landing-ready #survey-nav,
html.sb-landing-ready #surveys-list-container,
html.sb-landing-ready #surveyListFooter,
html.sb-landing-ready .surveyListFooter{animation:sbLandingReveal .16s ease-out both;}
@keyframes sbLandingReveal{from{opacity:0}to{opacity:1}}
.sb-landing-page #navbar-toggler,
.sb-landing-page .sb-always-open-nav .navbar-toggler{display:none!important;}
.sb-landing-page .sb-always-open-nav{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    min-height:64px!important;
    padding:.55rem clamp(1rem,4vw,3rem)!important;
    background:#fff!important;
    border:0!important;
    border-bottom:1px solid rgba(11,31,46,.09)!important;
    box-shadow:0 7px 24px rgba(11,31,46,.07)!important;
}
.sb-landing-page .sb-always-open-nav .navbar-collapse,
.sb-landing-page .sb-always-open-nav .collapse,
.sb-landing-page .sb-always-open-nav .sb-force-show{
    display:flex!important;
    visibility:visible!important;
    width:100%!important;
    height:auto!important;
    opacity:1!important;
    align-items:center!important;
    justify-content:flex-end!important;
}
.sb-landing-page .sb-always-open-nav .navbar-nav{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    gap:.5rem!important;
    margin:0!important;
}
.sb-landing-page .sb-always-open-nav .dropdown-menu{inset-inline-end:0!important;inset-inline-start:auto!important;}
.sb-landing-page #surveys-list-container{
    width:min(calc(100% - 2rem),980px);
    margin:clamp(1.5rem,5vw,4rem) auto 2rem;
    padding:0 0 1.25rem;
    overflow:hidden;
    background:rgba(255,255,255,.98);
    border:1px solid rgba(11,31,46,.09);
    border-radius:var(--sb-radius);
    box-shadow:0 24px 64px -34px rgba(11,31,46,.48);
}
.sb-landing-page #surveys-list-jumbotron,
.sb-landing-page .sb-landing-hero{
    margin:0!important;
    padding:clamp(2rem,5vw,3.4rem) clamp(1.25rem,5vw,4rem) 2rem!important;
    color:var(--sb-primary,#0b1f2e)!important;
    background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--sb-accent) 8%,#fff))!important;
    border:0!important;
    border-bottom:1px solid rgba(11,31,46,.08)!important;
    border-radius:0!important;
    text-align:center!important;
}
.sb-original-logo,.sb-original-title{display:none!important;}
.sb-brand{display:flex;flex-direction:column;align-items:center;gap:.55rem;text-align:center;}
.sb-brand-logo{display:block;width:auto;height:auto;max-height:88px;object-fit:contain;margin:0 auto .45rem;}
.sb-brand-title{
    margin:0;
    color:var(--sb-primary,#0b1f2e);
    font-family:'Cairo',var(--sb-font);
    font-size:clamp(2rem,5vw,var(--sb-title-size));
    font-weight:700;
    line-height:1.3;
    letter-spacing:0;
    text-wrap:balance;
}
.sb-brand-tagline{
    max-width:720px;
    margin:.15rem auto 0;
    color:#334c59;
    font-size:clamp(1rem,2vw,1.12rem);
    line-height:1.85;
    text-wrap:balance;
}
.sb-auth-actions{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:.75rem;
    width:100%;
    margin:1.15rem auto .15rem;
}
.sb-auth-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:150px;
    min-height:52px;
    padding:.72rem 1.7rem;
    border:2px solid transparent;
    border-radius:999px;
    font-family:var(--sb-font,'Tajawal','Segoe UI',Tahoma,Arial,sans-serif);
    font-size:1.05rem;
    font-weight:700;
    line-height:1.3;
    text-align:center;
    text-decoration:none!important;
    transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease;
}
.sb-sign-in{color:var(--sb-accent,#2f7a94)!important;background:#fff!important;border-color:var(--sb-accent,#2f7a94)!important;}
.sb-sign-up{color:#fff!important;background:var(--sb-action,#e8792b)!important;border-color:var(--sb-action,#e8792b)!important;box-shadow:0 12px 26px -15px color-mix(in srgb,var(--sb-action) 90%,transparent);}
.sb-auth-button:hover,.sb-auth-button:focus-visible{transform:translateY(-2px);}
.sb-sign-in:hover,.sb-sign-in:focus-visible{color:#fff!important;background:var(--sb-accent,#2f7a94)!important;}
.sb-sign-up:hover,.sb-sign-up:focus-visible{color:#fff!important;filter:brightness(.94);}
.sb-auth-button:focus-visible{outline:3px solid color-mix(in srgb,var(--sb-accent) 35%,transparent);outline-offset:3px;}
.sb-list-heading{
    margin:0;
    padding:2rem 2rem 1rem;
    color:var(--sb-primary,#0b1f2e);
    font-family:'Cairo',var(--sb-font);
    font-size:clamp(1.4rem,3vw,1.9rem);
    font-weight:700;
    line-height:1.45;
    text-align:center;
}
.sb-survey-list{
    display:grid;
    gap:.85rem;
    margin:0;
    padding:0 clamp(1rem,5vw,3rem) 1.25rem;
    list-style:none;
}
.sb-public-surveys{width:100%;box-sizing:border-box;}
.sb-survey-list li,.sb-survey-item{margin:0!important;padding:0!important;border:0!important;background:transparent!important;list-style:none!important;}
.sb-survey-link{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:58px;
    padding:.85rem 1.1rem;
    color:#fff!important;
    background:var(--sb-action,#e8792b)!important;
    border:1px solid var(--sb-action,#e8792b)!important;
    border-radius:14px;
    box-shadow:0 10px 24px -15px color-mix(in srgb,var(--sb-action) 78%,transparent);
    font-family:var(--sb-font,'Tajawal','Segoe UI',Tahoma,Arial,sans-serif)!important;
    font-size:1.05rem!important;
    font-weight:700!important;
    line-height:1.6;
    text-align:center;
    text-decoration:none!important;
    transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
}
.sb-survey-link:hover,.sb-survey-link:focus-visible{
    color:#fff!important;
    filter:brightness(.94);
    transform:translateY(-2px);
    box-shadow:0 14px 30px -16px color-mix(in srgb,var(--sb-action) 92%,transparent);
}
.sb-survey-link:focus-visible{outline:3px solid color-mix(in srgb,var(--sb-accent) 35%,transparent);outline-offset:3px;}
.sb-contact{
    margin:0 clamp(1rem,5vw,3rem) 1.25rem!important;
    padding:1rem 1.2rem!important;
    color:#334c59!important;
    background:color-mix(in srgb,var(--sb-accent) 8%,#fff)!important;
    border-inline-start:4px solid var(--sb-accent)!important;
    border-radius:12px!important;
    font-weight:500!important;
    text-align:start!important;
}
.sb-about{
    margin:1rem clamp(1rem,5vw,3rem) 1.75rem;
    padding:clamp(1.25rem,3vw,2rem);
    color:var(--sb-primary);
    background:linear-gradient(145deg,color-mix(in srgb,var(--sb-accent) 9%,#fff),#fff);
    border:1px solid color-mix(in srgb,var(--sb-accent) 22%,#dfe8ec);
    border-radius:calc(var(--sb-radius) * .75);
    text-align:center;
}
.sb-about-title{margin:0 0 .65rem;color:var(--sb-primary);font-family:'Cairo',var(--sb-font);font-size:1.45rem;font-weight:700;line-height:1.5;}
.sb-about-text{max-width:760px;margin:0 auto 1rem;color:#334c59;font-size:1.02rem;font-weight:500;line-height:1.95;text-align:center;}
.sb-website-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:46px;
    padding:.65rem 1.35rem;
    color:#fff!important;
    background:var(--sb-accent,#2f7a94)!important;
    border-radius:999px;
    font-weight:700;
    text-decoration:none!important;
}
.sb-website-link:hover,.sb-website-link:focus-visible{color:#fff!important;filter:brightness(.92);}
.sb-landing-page #surveyListFooter,
.sb-landing-page .surveyListFooter{
    padding:1rem;
    color:#6b7a81;
    font-size:.88rem;
    text-align:center;
}
.sb-landing-page #surveyListFooter a,
.sb-landing-page .surveyListFooter a{color:var(--sb-accent)!important;}
@media(max-width:640px){
    body.sb-landing-page{font-size:16px;}
    .sb-landing-page #surveys-list-container{width:calc(100% - 1rem);margin:1rem auto;border-radius:min(var(--sb-radius),16px);}
    .sb-landing-page #surveys-list-jumbotron,.sb-landing-page .sb-landing-hero{padding:1.6rem 1rem 1.35rem!important;}
    .sb-brand-logo{max-height:68px;}
    .sb-brand-title{font-size:clamp(1.75rem,10vw,2.35rem);}
    .sb-brand-tagline{font-size:1rem;line-height:1.7;}
    .sb-auth-actions{gap:.65rem;margin-top:1rem;}
    .sb-auth-button{flex:1 1 140px;min-width:0;min-height:52px;padding:.72rem 1rem;}
    .sb-list-heading{padding:1.4rem 1rem .8rem;}
    .sb-survey-list{padding-inline:.75rem;}
    .sb-survey-link{min-height:54px;padding:.8rem .75rem;border-radius:11px;}
    .sb-contact{margin-inline:.75rem!important;}
    .sb-about{margin-inline:.75rem;padding:1.15rem;}
    .sb-landing-page .sb-always-open-nav{min-height:58px!important;padding:.45rem .75rem!important;}
    .sb-landing-page .sb-always-open-nav .navbar-nav{flex-wrap:wrap!important;justify-content:flex-end!important;}
}
@media(max-width:420px){
    .sb-auth-actions{flex-direction:column;align-items:stretch;}
    .sb-auth-button{width:100%;flex:none;}
    .sb-about-text{font-size:.98rem;line-height:1.8;}
}
@media(prefers-reduced-motion:reduce){.sb-survey-link,.sb-auth-button{transition:none;}}