@font-face{font-family:"Noto Sans Arabic";font-style:normal;font-weight:400;font-display:swap;src:url("fonts/noto-sans-arabic-400.ttf") format("truetype")}
@font-face{font-family:"Noto Sans Arabic";font-style:normal;font-weight:700;font-display:swap;src:url("fonts/noto-sans-arabic-700.ttf") format("truetype")}
#language-switch{display:flex;justify-content:center;gap:8px;padding:14px 20px;background:#202622}#language-switch button{width:auto;min-width:110px;margin:0;padding:9px 18px;border:1px solid #b99a60;border-radius:8px;color:#fff;background:transparent;font:16px Arial,sans-serif;cursor:pointer}#language-switch button[aria-pressed="true"]{background:#f7f3eb;color:#202622}html[dir="rtl"] body{font-family:"Noto Sans Arabic",Tahoma,Arial,sans-serif}html[dir="rtl"] h1,html[dir="rtl"] h2{font-family:"Noto Sans Arabic",Tahoma,Arial,sans-serif;line-height:1.5}html[dir="rtl"] h1{font-size:clamp(2rem,5vw,3.5rem)}html[dir="rtl"] .eyebrow,html[dir="rtl"] header span,html[dir="rtl"] .small{letter-spacing:0}html[dir="rtl"] input[type="tel"],html[dir="rtl"] input[type="email"],html[dir="rtl"] input[type="date"]{direction:ltr;text-align:right}html[dir="rtl"] select{padding-inline:12px}html[dir="rtl"] .college{border-inline-start:4px solid #b99a60}html[dir="rtl"] .consent{text-align:right}
html[dir="rtl"] body{line-height:1.9}
html[dir="rtl"] :is(input,select,textarea,button,h1,h2,h3,em,footer span){font-family:"Noto Sans Arabic",Tahoma,Arial,sans-serif;font-style:normal}
html[dir="rtl"] :is(input,select,textarea,button){font-size:16px}
html[dir="rtl"] :is(.help,.note,.privacy,small,#notice){font-size:15px;line-height:1.9}
html[dir="rtl"] h1{font-weight:700;line-height:1.65;letter-spacing:0}
html[dir="rtl"] :is(.date-parts,.date-row){grid-template-columns:.75fr 1.65fr .9fr;gap:6px}
html[dir="rtl"] :is(.date-parts,.date-row) select{padding-inline:4px;font-size:16px}
html[dir="rtl"] #language-switch button{font-size:15px}
@media(max-width:480px){html[dir="rtl"] h1{font-size:30px}html[dir="rtl"] h2{font-size:24px}}

#language-switch{flex-wrap:wrap}#language-switch button{min-width:85px;padding-inline:12px}

.photo-picker{position:relative;display:flex;align-items:center;justify-content:center;min-height:52px;border:1px solid #b7bdb7;border-radius:9px;background:white;color:#202622;overflow:hidden}.photo-picker input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.photo-picker:focus-within{outline:3px solid #b99a6070;outline-offset:2px}

body.welcome-open{overflow:hidden}
#registration-welcome{padding:0;border:1px solid #b99a60;border-radius:20px;width:min(460px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;background:#f7f3eb;color:#202622;box-shadow:0 24px 80px #0006;font-family:Arial,sans-serif;text-align:center}
#registration-welcome::backdrop{background:rgba(15,22,18,.82);backdrop-filter:blur(5px)}
#registration-welcome .welcome-brand{background:#202622;padding:20px;border-bottom:2px solid #b99a60}
#registration-welcome .welcome-brand img{width:140px;height:96px;object-fit:contain;display:block;margin:auto}
#registration-welcome .welcome-content{padding:20px 26px 26px}
#registration-welcome .welcome-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;color:#765d32;border:1px solid #b99a60;font:28px Arial,sans-serif;margin-bottom:8px}
#registration-welcome h2{font:600 26px/1.3 Georgia,serif;letter-spacing:0;margin:0 0 10px}
#registration-welcome .welcome-greeting{font:400 16px/1.8 "Noto Sans Arabic",sans-serif;margin:0}
#registration-welcome #welcome-instruction{font:400 15px/1.7 Arial,sans-serif;color:#62675e;margin:16px 0 14px}
#registration-welcome #welcome-instruction span{display:block;font-family:"Noto Sans Arabic",sans-serif;font-size:14px}
#registration-welcome .welcome-choices{display:grid;gap:10px}
#registration-welcome .welcome-choices button{display:flex;align-items:center;gap:16px;width:100%;min-height:60px;margin:0;padding:10px 16px;border:1px solid #c7bea9;border-radius:12px;background:#fffdf8;color:#202622;font:400 18px/1.6 "Noto Sans Arabic",Arial,sans-serif;cursor:pointer;text-align:start;letter-spacing:0}
#registration-welcome .welcome-choices button:hover{border-color:#8a7045;background:#eee6d6}
#registration-welcome .welcome-choices button:focus-visible{outline:3px solid #b99a60;outline-offset:3px}
@media(max-height:720px){#registration-welcome .welcome-brand{padding:12px}#registration-welcome .welcome-brand img{height:64px;width:100px}#registration-welcome .welcome-content{padding:12px 20px 20px}#registration-welcome .welcome-icon{display:none}#registration-welcome #welcome-instruction{margin:10px 0}#registration-welcome .welcome-choices button{min-height:52px}}

/* Warm coffee tones and a short, tactile language-selection animation. */
#registration-welcome{background:#fff7ec;color:#493225;border-color:#bf975f;box-shadow:0 24px 90px #170b0880}
#registration-welcome::backdrop{background:rgba(34,22,16,.8)}
#registration-welcome .welcome-brand{background:linear-gradient(135deg,#483329,#291f1b);border-bottom-color:#c9a16a}
#registration-welcome .welcome-content{background:linear-gradient(180deg,#fff9f0,#f6ead9)}
#registration-welcome h2{color:#493225;outline:none}
#registration-welcome .welcome-greeting{color:#72513e}
#registration-welcome #welcome-instruction{color:#7c614d}
#registration-welcome .welcome-choices button{justify-content:space-between;background:#fffdf8;color:#51382a;border-color:#d8bc97;padding-inline:22px;box-shadow:0 3px 8px #71492a0a;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s}
#registration-welcome .welcome-choices button:hover{background:#f4e3cd;border-color:#bc8e54;box-shadow:0 4px 12px #71492a14}
#registration-welcome .welcome-choices button:active{transform:scale(.98)}
#registration-welcome .welcome-choices button:focus-visible{outline:2px solid #a97b43;outline-offset:3px}
#registration-welcome .coffee-icon{display:flex;flex:0 0 34px;align-items:center;justify-content:center;color:#aa7743}
#registration-welcome .coffee-steam{opacity:.45;transform-box:fill-box;transform-origin:center}
#registration-welcome button:is(:hover,:focus-visible,.coffee-selected) .coffee-steam{animation:coffee-steam-rise 1s ease-in-out infinite}
#registration-welcome button:is(:hover,:focus-visible,.coffee-selected) .steam-two{animation-delay:.15s}
#registration-welcome button:is(:hover,:focus-visible,.coffee-selected) .steam-three{animation-delay:.3s}
#registration-welcome .welcome-choices button.coffee-selected{background:#62432f;color:#fff8ed;border-color:#62432f;box-shadow:0 5px 18px #71492a30}
#registration-welcome .coffee-selected .coffee-icon{color:#edc78f}
#registration-welcome .coffee-selected .coffee-cup{transform-origin:12px 16px;animation:coffee-cheers .6s ease-in-out}
@keyframes coffee-steam-rise{0%,100%{opacity:.25;transform:translateY(1px)}50%{opacity:1;transform:translateY(-2px)}}
@keyframes coffee-cheers{0%,100%{transform:translateY(0) rotate(0)}40%{transform:translateY(-2px) rotate(-9deg)}70%{transform:translateY(-1px) rotate(4deg)}}
@media(prefers-reduced-motion:reduce){#registration-welcome *,#registration-welcome *::before{animation:none!important;transition:none!important}}

/* Transparent Arabica iced-coffee cup. */
#registration-welcome .welcome-choices button{min-height:78px;padding-block:8px}
#registration-welcome .coffee-icon{position:relative;overflow:visible;flex:0 0 54px;width:54px;height:62px;border-radius:0;background:transparent;box-shadow:none}
#registration-welcome .arabica-button-cup{position:static;width:54px;max-width:100%;height:62px;mix-blend-mode:normal;transform-origin:50% 75%;object-fit:contain}
#registration-welcome button:hover .arabica-button-cup{transform:rotate(-5deg)}
#registration-welcome .coffee-selected .arabica-button-cup{animation:arabica-iced-cheers .6s ease-in-out}
@keyframes arabica-iced-cheers{0%,100%{transform:translateY(0) rotate(0)}35%{transform:translateY(-3px) rotate(-8deg)}70%{transform:translateY(-1px) rotate(5deg)}}
@media(prefers-reduced-motion:reduce){#registration-welcome button:hover .arabica-button-cup{transform:none}}

html[lang="ckb"] .overview .intro > p:not(.eyebrow){white-space:pre-line}

html[lang="ckb"] .overview .intro > .eyebrow,html[lang="ckb"] .membership-benefits > p:first-child > span{display:none}
.photo-picker input[type=file]{color:transparent;font-size:0}
.photo-picker input[type=file]::file-selector-button{visibility:hidden}

html[lang="en"] .overview .intro > .eyebrow,html[lang="en"] .overview .intro h1 > br,html[lang="en"] .overview .intro h1 > em,html[lang="en"] .membership-benefits > p:first-child > span{display:none}
.photo-picker input[type=file]{position:absolute;width:1px;height:1px;inset:auto;clip-path:inset(50%);overflow:hidden;pointer-events:none}
.photo-picker #choose-photo-button{width:100%;min-height:52px;margin:0;border:0;background:white;color:#202622;border-radius:8px;font-size:16px;cursor:pointer}
.photo-picker #choose-photo-button:focus-visible{outline:3px solid #b99a60;outline-offset:-4px}

html[lang="ar"] body[data-registration="staff"] .intro > .note{display:none}

html[lang="ckb"] body[data-registration="influencer"] header span{min-width:0;max-width:30rem;font-size:14px;line-height:1.8;overflow-wrap:anywhere}
html[lang="ckb"] body[data-registration="influencer"] .application > h2{font-size:clamp(20px,3vw,28px);line-height:1.7;overflow-wrap:anywhere}