body.aladdin-front-office-public-preview-runtime {
	margin: 0;
	background: #FDFCF7;
	overflow-x: hidden;
}

body.aladdin-front-office-public-preview-runtime .aladdin-front-office-main {
	margin: 0;
	padding: 0;
}

.aladdin-fo-public-preview {
	--al-gold: #C9A84C;
	--al-gold-light: #E8C96A;
	--al-gold-lighter: #F5E9C4;
	--al-gold-dark: #A8872A;
	--al-silver: #A8B2C1;
	--al-silver-light: #D4DAE3;
	--al-green: #2E7D32;
	--al-green-light: #4CAF50;
	--al-green-lighter: #E8F5E9;
	--al-green-dark: #1B5E20;
	--al-hero-start: #0D2E10;
	--al-hero-mid: #1A3D1C;
	--al-bg: #FDFCF7;
	--al-surface: #FFFFFF;
	--al-surface-2: #F8F6EF;
	--al-border: #E4DFC8;
	--al-border-strong: #C8C0A0;
	--al-text: #1A1A0F;
	--al-text-2: #4A4A38;
	--al-muted: #66705F;
	--al-radius: 12px;
	--al-radius-lg: 18px;
	--al-radius-xl: 24px;
	--al-shadow: 0 2px 8px rgba(0, 0, 0, .07), 0 6px 24px rgba(0, 0, 0, .05);
	--al-shadow-lg: 0 16px 48px rgba(45, 122, 38, .15);
	--persona-primary: var(--al-gold);
	--persona-primary-dark: var(--al-gold-dark);
	--persona-soft: var(--al-gold-lighter);
	position: relative;
	min-height: 100vh;
	color: var(--al-text);
	background:
		radial-gradient(circle at 12% 12%, rgba(201, 168, 76, .12), transparent 28%),
		radial-gradient(circle at 88% 22%, rgba(76, 175, 80, .10), transparent 30%),
		linear-gradient(135deg, var(--al-bg), #FFFDF9);
	font-family: "Noto Sans SC", "Noto Kufi Arabic", "Cairo", "Poppins", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	line-height: 1.65;
	-webkit-font-smoothing: antialiased;
}

.aladdin-fo-public-preview[data-persona="anas"] {
	--persona-primary: var(--al-silver);
	--persona-primary-dark: #5A6A7A;
	--persona-soft: #EEF2F7;
}

.aladdin-fo-public-preview[data-persona="namaa"] {
	--persona-primary: var(--al-green-light);
	--persona-primary-dark: var(--al-green-dark);
	--persona-soft: var(--al-green-lighter);
}

.aladdin-fo-public-preview *,
.aladdin-fo-public-preview *::before,
.aladdin-fo-public-preview *::after {
	box-sizing: border-box;
}

.aladdin-fo-public-preview [hidden] {
	display: none !important;
}

.aladdin-fo-public-preview a {
	color: inherit;
	text-decoration: none;
}

.aladdin-fo-public-preview button,
.aladdin-fo-public-preview input {
	font: inherit;
}

.aladdin-fo-public-header {
	position: fixed;
	inset-block-start: 0;
	inset-inline: 0;
	z-index: 2500;
	min-height: 72px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	padding: 12px 24px;
	background: rgba(253, 252, 247, .88);
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
	border-bottom: 1px solid rgba(228, 223, 200, .9);
	box-shadow: var(--al-shadow);
}

.aladdin-fo-public-brand,
.aladdin-fo-public-header__controls,
.aladdin-fo-public-select,
.aladdin-fo-public-persona-option {
	display: flex;
	align-items: center;
}

.aladdin-fo-public-brand {
	gap: 12px;
	min-width: 0;
}

.aladdin-fo-public-brand__mark,
.aladdin-fo-public-notice__icon,
.aladdin-fo-public-footer__ornament strong {
	width: 46px;
	height: 46px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	color: #FFFFFF;
	font-weight: 900;
	background:
		radial-gradient(circle at 32% 26%, rgba(255, 255, 255, .9), transparent 18%),
		linear-gradient(135deg, var(--al-green-dark), var(--al-green));
	border: 2px solid var(--al-gold-lighter);
	box-shadow: 0 4px 16px rgba(201, 168, 76, .32);
}

.aladdin-fo-public-brand strong {
	display: block;
	color: var(--al-green-dark);
	font-size: 18px;
	font-family: Georgia, "Times New Roman", serif;
}

.aladdin-fo-public-brand small {
	display: block;
	color: var(--al-gold-dark);
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
}

.aladdin-fo-public-header__controls {
	gap: 10px;
	flex-wrap: wrap;
	justify-content: flex-end;
}

.aladdin-fo-public-menu {
	position: relative;
}

.aladdin-fo-public-select {
	gap: 8px;
	min-height: 44px;
	padding: 8px 12px;
	border: 1px solid var(--al-border);
	border-radius: 999px;
	background: rgba(255, 255, 255, .92);
	color: var(--al-text-2);
	cursor: pointer;
	transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}

.aladdin-fo-public-select:hover,
.aladdin-fo-public-select:focus-visible {
	border-color: var(--persona-primary);
	box-shadow: 0 10px 28px rgba(0, 0, 0, .08);
	outline: none;
}

.aladdin-fo-public-select--persona {
	background: linear-gradient(135deg, var(--persona-soft), #FFFFFF);
	border-color: var(--persona-primary);
	color: var(--persona-primary-dark);
}

.aladdin-fo-public-avatar {
	width: 28px;
	height: 28px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: 900;
	flex: 0 0 auto;
}

.aladdin-fo-public-avatar--habiba {
	background: linear-gradient(135deg, var(--al-gold), var(--al-gold-dark));
}

.aladdin-fo-public-avatar--anas {
	background: linear-gradient(135deg, #8A97A8, #4A5568);
}

.aladdin-fo-public-avatar--namaa {
	background: linear-gradient(135deg, var(--al-green-light), var(--al-green-dark));
}

.aladdin-fo-public-dropdown {
	position: absolute;
	inset-block-start: calc(100% + 8px);
	inset-inline-start: 0;
	z-index: 2600;
	min-width: 230px;
	max-height: min(420px, 70vh);
	overflow: auto;
	background: rgba(255, 255, 255, .96);
	border: 1px solid var(--al-border);
	border-radius: var(--al-radius);
	box-shadow: var(--al-shadow-lg);
	padding: 6px;
	animation: al-public-dropdown .2s ease;
}

[dir="rtl"] .aladdin-fo-public-dropdown {
	inset-inline-start: auto;
	inset-inline-end: 0;
}

.aladdin-fo-public-dropdown--persona {
	min-width: 290px;
}

@keyframes al-public-dropdown {
	from {
		opacity: 0;
		transform: translateY(-8px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.aladdin-fo-public-dropdown__item,
.aladdin-fo-public-persona-option {
	width: 100%;
	border: 0;
	background: transparent;
	text-align: start;
	border-radius: 10px;
	padding: 10px 12px;
	cursor: pointer;
	color: var(--al-text-2);
}

.aladdin-fo-public-dropdown__item:hover,
.aladdin-fo-public-dropdown__item.is-active,
.aladdin-fo-public-persona-option:hover,
.aladdin-fo-public-persona-option.is-active {
	background: var(--persona-soft);
	color: var(--persona-primary-dark);
}

.aladdin-fo-public-persona-option {
	gap: 10px;
	border-inline-start: 4px solid transparent;
}

.aladdin-fo-public-persona-option.is-active {
	border-inline-start-color: var(--persona-primary);
}

.aladdin-fo-public-persona-option span:nth-child(2) {
	display: flex;
	flex-direction: column;
	gap: 1px;
	flex: 1;
}

.aladdin-fo-public-persona-option small {
	color: var(--al-muted);
	font-size: 11px;
}

.aladdin-fo-public-persona-option__check {
	opacity: 0;
}

.aladdin-fo-public-persona-option.is-active .aladdin-fo-public-persona-option__check {
	opacity: 1;
}

.aladdin-fo-public-signal {
	position: fixed;
	inset-block-start: 72px;
	inset-inline: 0;
	z-index: 2400;
	min-height: 34px;
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 7px 24px;
	background: linear-gradient(90deg, rgba(255, 255, 255, .95), rgba(248, 246, 239, .95));
	border-bottom: 1px solid var(--al-border);
	color: var(--al-text-2);
	font-size: 12px;
	font-weight: 700;
}

.aladdin-fo-public-signal__dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--al-green-light);
	box-shadow: 0 0 0 6px rgba(76, 175, 80, .14);
	animation: al-public-pulse 2.4s ease-in-out infinite;
}

@keyframes al-public-pulse {
	0%, 100% {
		opacity: 1;
	}
	50% {
		opacity: .45;
	}
}

.aladdin-fo-public-main {
	width: min(1200px, calc(100% - 32px));
	margin: 0 auto;
	padding-block: 132px 70px;
}

.aladdin-fo-public-kicker {
	margin: 0 0 8px;
	color: var(--persona-primary-dark);
	font-size: 12px;
	font-weight: 900;
	text-transform: uppercase;
}

.aladdin-fo-public-notice,
.aladdin-fo-public-hero,
.aladdin-fo-public-panels article,
.aladdin-fo-public-card,
.aladdin-fo-public-companion,
.aladdin-fo-public-login__panel {
	border: 1px solid rgba(228, 223, 200, .88);
	box-shadow: var(--al-shadow);
}

.aladdin-fo-public-notice {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	gap: 18px;
	align-items: center;
	padding: 18px;
	margin-bottom: 20px;
	border-radius: var(--al-radius-lg);
	background:
		linear-gradient(135deg, rgba(255, 255, 255, .72), rgba(245, 233, 196, .62)),
		radial-gradient(circle at 100% 0, rgba(46, 125, 50, .15), transparent 35%);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
}

.aladdin-fo-public-notice h2,
.aladdin-fo-public-hero h1,
.aladdin-fo-public-section-head h2,
.aladdin-fo-public-companion h2 {
	margin: 0;
	color: var(--al-text);
	line-height: 1.15;
}

.aladdin-fo-public-notice p,
.aladdin-fo-public-hero p,
.aladdin-fo-public-panels p,
.aladdin-fo-public-section-head p,
.aladdin-fo-public-card p,
.aladdin-fo-public-companion p {
	margin: 0;
	color: var(--al-muted);
}

.aladdin-fo-public-notice__actions,
.aladdin-fo-public-hero__pills,
.aladdin-fo-public-categories,
.aladdin-fo-public-card footer,
.aladdin-fo-public-footer nav,
.aladdin-fo-public-assistant__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.aladdin-fo-public-button,
.aladdin-fo-public-card button,
.aladdin-fo-public-companion button,
.aladdin-fo-public-assistant__actions button,
.aladdin-fo-public-login button[type="submit"] {
	min-height: 44px;
	border: 0;
	border-radius: 999px;
	padding: 10px 16px;
	font-weight: 900;
	cursor: pointer;
	transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.aladdin-fo-public-button--primary,
.aladdin-fo-public-card button,
.aladdin-fo-public-companion button,
.aladdin-fo-public-assistant__actions button:last-child,
.aladdin-fo-public-login button[type="submit"] {
	background: linear-gradient(135deg, var(--persona-primary), var(--persona-primary-dark));
	color: #FFFFFF;
	box-shadow: 0 8px 22px rgba(0, 0, 0, .16);
}

.aladdin-fo-public-button--ghost,
.aladdin-fo-public-assistant__actions button:first-child {
	background: rgba(255, 255, 255, .75);
	color: var(--persona-primary-dark);
	border: 1px solid rgba(201, 168, 76, .34);
}

.aladdin-fo-public-button:hover,
.aladdin-fo-public-card button:hover,
.aladdin-fo-public-companion button:hover,
.aladdin-fo-public-assistant__actions button:hover,
.aladdin-fo-public-login button:hover {
	transform: translateY(-2px);
}

.aladdin-fo-public-button:focus-visible,
.aladdin-fo-public-card:focus-visible,
.aladdin-fo-public-card button:focus-visible,
.aladdin-fo-public-companion button:focus-visible,
.aladdin-fo-public-assistant button:focus-visible,
.aladdin-fo-public-login input:focus-visible,
.aladdin-fo-public-login button:focus-visible {
	outline: 3px solid rgba(76, 175, 80, .42);
	outline-offset: 2px;
}

.aladdin-fo-public-hero {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1.35fr) minmax(290px, .65fr);
	gap: 24px;
	overflow: hidden;
	padding: 46px;
	border-radius: var(--al-radius-xl);
	color: #FFFFFF;
	background: linear-gradient(140deg, var(--al-hero-start) 0%, var(--al-hero-mid) 48%, var(--al-green) 100%);
}

.aladdin-fo-public-hero::before {
	content: "";
	position: absolute;
	inset-block-start: -40%;
	inset-inline-end: -10%;
	width: 420px;
	height: 420px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(201, 168, 76, .34), transparent 68%);
}

.aladdin-fo-public-hero::after {
	content: "";
	position: absolute;
	inset: 0;
	background-image:
		linear-gradient(45deg, rgba(255, 255, 255, .05) 25%, transparent 25%),
		linear-gradient(-45deg, rgba(255, 255, 255, .04) 25%, transparent 25%);
	background-size: 30px 30px;
	opacity: .32;
}

.aladdin-fo-public-hero__content,
.aladdin-fo-public-hero__panel {
	position: relative;
	z-index: 1;
}

.aladdin-fo-public-hero .aladdin-fo-public-kicker,
.aladdin-fo-public-hero p {
	color: rgba(232, 245, 233, .9);
}

.aladdin-fo-public-hero h1 {
	color: #FFFFFF;
	font-size: clamp(32px, 5vw, 58px);
	max-width: 760px;
}

.aladdin-fo-public-hero__content > p {
	max-width: 720px;
	margin-top: 14px;
	font-size: 17px;
}

.aladdin-fo-public-hero__pills {
	margin-top: 22px;
}

.aladdin-fo-public-hero__pills span {
	display: inline-flex;
	align-items: center;
	min-height: 34px;
	padding: 7px 12px;
	border-radius: 999px;
	background: rgba(255, 255, 255, .12);
	border: 1px solid rgba(245, 233, 196, .26);
	color: #FFFFFF;
	font-size: 13px;
	font-weight: 800;
}

.aladdin-fo-public-hero__panel {
	padding: 22px;
	border-radius: 18px;
	background: rgba(255, 255, 255, .12);
	border: 1px solid rgba(255, 255, 255, .20);
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .24);
}

.aladdin-fo-public-hero__panel h2,
.aladdin-fo-public-hero__panel p,
.aladdin-fo-public-hero__panel small {
	color: #FFFFFF;
}

.aladdin-fo-public-brief-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
	margin-top: 18px;
}

.aladdin-fo-public-brief-grid span {
	display: block;
	padding: 12px;
	border-radius: 14px;
	background: rgba(255, 255, 255, .13);
	border: 1px solid rgba(255, 255, 255, .18);
}

.aladdin-fo-public-brief-grid strong,
.aladdin-fo-public-brief-grid small {
	display: block;
}

.aladdin-fo-public-panels {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
	margin: 22px 0;
}

.aladdin-fo-public-panels article {
	position: relative;
	overflow: hidden;
	min-height: 190px;
	padding: 22px;
	border-radius: var(--al-radius-lg);
	background: rgba(255, 255, 255, .92);
}

.aladdin-fo-public-panels article::before,
.aladdin-fo-public-card__stripe {
	content: "";
	position: absolute;
	inset-block: 0;
	inset-inline-start: 0;
	width: 5px;
	background: linear-gradient(180deg, var(--persona-primary), var(--al-green));
}

.aladdin-fo-public-panels article > span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	margin-bottom: 16px;
	background: var(--persona-soft);
	color: var(--persona-primary-dark);
	font-weight: 900;
}

.aladdin-fo-public-panels h2 {
	margin: 0 0 8px;
	font-size: 20px;
}

.aladdin-fo-public-services {
	padding: 26px 0 8px;
}

.aladdin-fo-public-section-head {
	display: grid;
	grid-template-columns: minmax(0, .7fr) minmax(280px, .3fr);
	gap: 18px;
	align-items: end;
	margin-bottom: 18px;
}

.aladdin-fo-public-section-head h2 {
	font-size: clamp(26px, 4vw, 40px);
}

.aladdin-fo-public-categories {
	margin-bottom: 18px;
}

.aladdin-fo-public-categories button {
	min-height: 40px;
	border: 1px solid var(--al-border);
	border-radius: 999px;
	background: #FFFFFF;
	color: var(--al-text-2);
	padding: 8px 14px;
	font-weight: 900;
	cursor: pointer;
}

.aladdin-fo-public-categories button.is-active {
	background: linear-gradient(135deg, var(--persona-primary), var(--persona-primary-dark));
	color: #FFFFFF;
	border-color: transparent;
}

.aladdin-fo-public-card-groups {
	display: flex;
	flex-direction: column;
	gap: 22px;
}

.aladdin-fo-public-card-group[hidden] {
	display: none !important;
}

.aladdin-fo-public-card-group > header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 12px;
}

.aladdin-fo-public-card-group h3 {
	margin: 0;
	color: var(--al-green-dark);
}

.aladdin-fo-public-card-group > header span {
	min-width: 30px;
	height: 30px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: var(--persona-soft);
	color: var(--persona-primary-dark);
	font-weight: 900;
}

.aladdin-fo-public-card-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(245px, 1fr));
	gap: 16px;
}

.aladdin-fo-public-card {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 12px;
	min-height: 242px;
	padding: 20px;
	border-radius: var(--al-radius);
	background: rgba(255, 255, 255, .96);
	overflow: hidden;
	cursor: pointer;
	transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}

.aladdin-fo-public-card:hover,
.aladdin-fo-public-card:focus-visible {
	transform: translateY(-4px);
	border-color: var(--persona-primary);
	box-shadow: var(--al-shadow-lg);
}

.aladdin-fo-public-card header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 10px;
}

.aladdin-fo-public-card__icon {
	width: 44px;
	height: 44px;
	border-radius: 14px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(135deg, var(--al-green-lighter), #FFFFFF);
	border: 1px solid rgba(76, 175, 80, .16);
}

.aladdin-fo-public-card__badge,
.aladdin-fo-public-card footer span {
	display: inline-flex;
	align-items: center;
	min-height: 28px;
	border-radius: 999px;
	padding: 5px 10px;
	background: var(--persona-soft);
	color: var(--persona-primary-dark);
	font-size: 12px;
	font-weight: 900;
}

.aladdin-fo-public-card h4 {
	margin: 0;
	color: var(--al-text);
	font-size: 18px;
	line-height: 1.25;
}

.aladdin-fo-public-card p {
	flex: 1;
	font-size: 14px;
}

.aladdin-fo-public-card footer {
	align-items: center;
	justify-content: space-between;
	margin-top: auto;
}

.aladdin-fo-public-card button {
	min-height: 38px;
	padding: 8px 12px;
}

.aladdin-fo-public-companion {
	position: relative;
	margin-top: 34px;
	padding: 30px;
	border-radius: var(--al-radius-xl);
	background:
		linear-gradient(145deg, rgba(13, 46, 16, .96), rgba(28, 68, 32, .96)),
		radial-gradient(circle at 85% 12%, rgba(201, 168, 76, .24), transparent 40%);
	color: #FFFFFF;
	overflow: hidden;
}

.aladdin-fo-public-companion .aladdin-fo-public-kicker,
.aladdin-fo-public-companion h2,
.aladdin-fo-public-companion h3,
.aladdin-fo-public-companion p {
	color: #FFFFFF;
}

.aladdin-fo-public-companion > p {
	max-width: 780px;
}

.aladdin-fo-public-companion__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 18px;
	margin-top: 20px;
}

.aladdin-fo-public-companion article {
	padding: 22px;
	border-radius: 18px;
	background: rgba(255, 255, 255, .08);
	border: 1px solid rgba(255, 255, 255, .14);
}

.aladdin-fo-public-companion article > span {
	display: inline-flex;
	margin-bottom: 12px;
	padding: 5px 10px;
	border-radius: 999px;
	background: rgba(255, 255, 255, .12);
	color: var(--al-gold-lighter);
	font-size: 12px;
	font-weight: 900;
}

.aladdin-fo-public-companion button {
	margin-top: 16px;
}

.aladdin-fo-public-footer {
	position: relative;
	padding: 72px 24px 28px;
	overflow: hidden;
	color: #FFFFFF;
	background:
		radial-gradient(ellipse at 20% 0%, rgba(255, 255, 255, .10), transparent 50%),
		radial-gradient(ellipse at 80% 100%, rgba(0, 0, 0, .25), transparent 55%),
		linear-gradient(165deg, var(--persona-primary-dark) 0%, var(--al-green-dark) 48%, var(--persona-primary) 100%);
}

.aladdin-fo-public-footer::before {
	content: "";
	position: absolute;
	inset-block-start: -1px;
	inset-inline: 0;
	height: 56px;
	background: var(--al-bg);
	border-radius: 0 0 50% 50%;
}

.aladdin-fo-public-footer__ornament {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 14px;
	max-width: 560px;
	margin: 0 auto 22px;
}

.aladdin-fo-public-footer__ornament span {
	height: 1px;
	flex: 1;
	background: linear-gradient(90deg, transparent, rgba(245, 233, 196, .75), transparent);
}

.aladdin-fo-public-footer__ornament strong {
	width: 32px;
	height: 32px;
	background: radial-gradient(circle, var(--al-gold-light), var(--persona-primary));
	color: #1A1A0F;
}

.aladdin-fo-public-footer nav {
	position: relative;
	z-index: 1;
	justify-content: center;
	margin-bottom: 18px;
}

.aladdin-fo-public-footer nav a {
	min-height: 38px;
	display: inline-flex;
	align-items: center;
	padding: 8px 12px;
	border-radius: 999px;
	background: rgba(255, 255, 255, .08);
	border: 1px solid rgba(255, 255, 255, .12);
	color: #FFFFFF;
	font-weight: 800;
}

.aladdin-fo-public-footer p {
	position: relative;
	z-index: 1;
	margin: 0;
	text-align: center;
	color: rgba(255, 255, 255, .82);
}

.aladdin-fo-public-footer p span {
	color: var(--al-gold-lighter);
}

.aladdin-fo-public-assistant {
	position: fixed;
	inset-inline-end: max(18px, env(safe-area-inset-right));
	inset-block-end: max(18px, env(safe-area-inset-bottom));
	z-index: 3000;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 10px;
	max-width: calc(100vw - 24px);
}

[dir="rtl"] .aladdin-fo-public-assistant {
	inset-inline-end: auto;
	inset-inline-start: max(18px, env(safe-area-inset-left));
	align-items: flex-start;
}

.aladdin-fo-public-assistant.is-dragging {
	opacity: .9;
	cursor: grabbing;
}

.aladdin-fo-public-assistant__toggle {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	border: 0;
	background: transparent;
	cursor: grab;
	touch-action: none;
	padding: 0;
	color: var(--persona-primary-dark);
}

.aladdin-fo-public-assistant__bubble {
	position: relative;
	width: 78px;
	height: 78px;
	border-radius: 50%;
	display: grid;
	place-items: center;
	isolation: isolate;
	transition: transform .24s ease, box-shadow .24s ease;
}

.aladdin-fo-public-assistant__toggle:hover .aladdin-fo-public-assistant__bubble,
.aladdin-fo-public-assistant__toggle[aria-expanded="true"] .aladdin-fo-public-assistant__bubble {
	transform: scale(1.06) translateY(-2px);
}

.aladdin-fo-public-assistant__sphere {
	position: absolute;
	inset: 0;
	border-radius: 50%;
	background:
		radial-gradient(circle at 30% 24%, rgba(255, 255, 255, .92), transparent 15%),
		radial-gradient(circle at 66% 78%, rgba(255, 255, 255, .45), transparent 14%),
		linear-gradient(145deg, rgba(255, 255, 255, .76), rgba(255, 255, 255, .24));
	border: 1px solid rgba(255, 255, 255, .74);
	box-shadow:
		inset 0 3px 12px rgba(255, 255, 255, .82),
		inset 0 -8px 20px rgba(0, 0, 0, .12),
		0 14px 46px rgba(0, 0, 0, .18),
		0 0 0 2px color-mix(in srgb, var(--persona-primary) 72%, transparent),
		0 0 42px color-mix(in srgb, var(--persona-primary) 48%, transparent);
	z-index: 1;
}

.aladdin-fo-public-assistant__halo,
.aladdin-fo-public-assistant__ripple {
	position: absolute;
	border-radius: 50%;
	pointer-events: none;
}

.aladdin-fo-public-assistant__halo {
	inset: -12px;
	background: radial-gradient(circle, color-mix(in srgb, var(--persona-primary) 30%, transparent), transparent 68%);
	animation: al-public-halo 3.4s ease-in-out infinite;
}

.aladdin-fo-public-assistant__ripple {
	inset: -5px;
	border: 1px solid color-mix(in srgb, var(--persona-primary) 42%, transparent);
	animation: al-public-ripple 2.6s ease-out infinite;
}

@keyframes al-public-halo {
	0%, 100% {
		transform: scale(.94);
		opacity: .65;
	}
	50% {
		transform: scale(1.06);
		opacity: 1;
	}
}

@keyframes al-public-ripple {
	0% {
		transform: scale(.88);
		opacity: .7;
	}
	100% {
		transform: scale(1.22);
		opacity: 0;
	}
}

.aladdin-fo-public-lamp {
	position: relative;
	z-index: 2;
	width: 50px;
	height: 50px;
	animation: al-public-lamp-glow 2.8s ease-in-out infinite;
}

@keyframes al-public-lamp-glow {
	0%, 100% {
		filter: drop-shadow(0 0 5px color-mix(in srgb, var(--persona-primary) 55%, transparent));
	}
	50% {
		filter: drop-shadow(0 0 14px color-mix(in srgb, var(--persona-primary) 90%, transparent));
	}
}

.aladdin-fo-public-assistant__label {
	max-width: 92px;
	padding: 4px 9px;
	border-radius: 999px;
	background: rgba(255, 255, 255, .88);
	color: var(--persona-primary-dark);
	font-size: 12px;
	font-weight: 900;
	box-shadow: 0 6px 18px rgba(0, 0, 0, .12);
	white-space: nowrap;
}

.aladdin-fo-public-assistant__tooltip {
	position: absolute;
	inset-block-end: calc(100% + 10px);
	inset-inline-end: 0;
	width: max-content;
	max-width: min(280px, calc(100vw - 42px));
	padding: 9px 12px;
	border-radius: 12px;
	background: rgba(26, 26, 15, .9);
	color: #FFFFFF;
	font-size: 12px;
	font-weight: 800;
	opacity: 0;
	transform: translateY(4px);
	pointer-events: none;
	transition: opacity .2s ease, transform .2s ease;
}

[dir="rtl"] .aladdin-fo-public-assistant__tooltip {
	inset-inline-end: auto;
	inset-inline-start: 0;
}

.aladdin-fo-public-assistant:hover .aladdin-fo-public-assistant__tooltip,
.aladdin-fo-public-assistant:focus-within .aladdin-fo-public-assistant__tooltip {
	opacity: 1;
	transform: translateY(0);
}

.aladdin-fo-public-assistant__panel {
	width: min(370px, calc(100vw - 24px));
	max-height: min(620px, calc(100vh - 120px));
	overflow: auto;
	border-radius: 18px;
	background: rgba(255, 255, 255, .96);
	border: 1px solid rgba(255, 255, 255, .72);
	box-shadow: 0 22px 70px rgba(0, 0, 0, .24);
	backdrop-filter: blur(18px);
	-webkit-backdrop-filter: blur(18px);
}

.aladdin-fo-public-assistant__panel > header {
	position: relative;
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 20px 18px 28px;
	color: #FFFFFF;
	background:
		radial-gradient(ellipse at 15% 0%, rgba(255, 255, 255, .12), transparent 50%),
		linear-gradient(155deg, var(--persona-primary-dark) 0%, var(--al-green-dark) 42%, var(--persona-primary) 100%);
}

.aladdin-fo-public-assistant__panel > header::after {
	content: "";
	position: absolute;
	inset-inline: 0;
	inset-block-end: -12px;
	height: 24px;
	background: inherit;
	border-radius: 0 0 50% 50%;
}

.aladdin-fo-public-assistant__panel > header > * {
	position: relative;
	z-index: 1;
}

.aladdin-fo-public-assistant__panel header span:nth-child(3) {
	display: flex;
	flex-direction: column;
	flex: 1;
	min-width: 0;
}

.aladdin-fo-public-assistant__panel header small {
	color: rgba(255, 255, 255, .88);
}

.aladdin-fo-public-assistant__panel header button,
.aladdin-fo-public-login__close {
	border: 0;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .14);
	color: #FFFFFF;
	font-size: 20px;
	cursor: pointer;
}

.aladdin-fo-public-assistant__tabs {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 8px;
	padding: 24px 18px 12px;
}

.aladdin-fo-public-assistant__tabs button {
	min-height: 38px;
	border: 1px solid var(--al-border);
	border-radius: 999px;
	background: #FFFFFF;
	color: var(--al-text-2);
	font-weight: 900;
	cursor: pointer;
}

.aladdin-fo-public-assistant__tabs button.is-active {
	background: var(--persona-soft);
	color: var(--persona-primary-dark);
	border-color: var(--persona-primary);
}

.aladdin-fo-public-assistant__message {
	margin: 0;
	padding: 10px 18px 16px;
	color: var(--al-text-2);
}

.aladdin-fo-public-assistant__actions {
	padding: 0 18px 18px;
}

.aladdin-fo-public-assistant__panel > footer {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 18px;
	color: #FFFFFF;
	background: linear-gradient(35deg, var(--persona-primary-dark), var(--al-green), var(--persona-primary));
	font-size: 12px;
	font-weight: 900;
}

.aladdin-fo-public-login {
	position: fixed;
	inset: 0;
	z-index: 4000;
	display: grid;
	place-items: center;
	padding: 18px;
}

.aladdin-fo-public-login__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(11, 22, 12, .58);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
}

.aladdin-fo-public-login__panel {
	position: relative;
	z-index: 1;
	width: min(460px, 100%);
	max-height: calc(100vh - 36px);
	overflow: auto;
	border-radius: var(--al-radius-xl);
	background:
		linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(248, 246, 239, .96)),
		radial-gradient(circle at 100% 0, rgba(201, 168, 76, .24), transparent 40%);
	padding: 28px;
}

.aladdin-fo-public-login__close {
	position: absolute;
	inset-block-start: 14px;
	inset-inline-end: 14px;
	background: var(--al-green-dark);
}

.aladdin-fo-public-login__panel h2 {
	margin: 0 0 8px;
	padding-inline-end: 36px;
}

.aladdin-fo-public-login__panel p {
	margin: 0 0 18px;
	color: var(--al-muted);
}

.aladdin-fo-public-login__error {
	margin-bottom: 14px;
	padding: 10px 12px;
	border-radius: 12px;
	background: #FEF2F2;
	color: #991B1B;
	border: 1px solid #FECACA;
	font-weight: 800;
}

.aladdin-fo-public-login form,
.aladdin-fo-public-login label:not(.aladdin-fo-public-login__remember) {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.aladdin-fo-public-login form {
	gap: 14px;
}

.aladdin-fo-public-login label span {
	color: var(--al-text-2);
	font-weight: 900;
}

.aladdin-fo-public-login input[type="text"],
.aladdin-fo-public-login input[type="password"] {
	width: 100%;
	min-height: 46px;
	border: 1px solid var(--al-border);
	border-radius: 12px;
	padding: 10px 12px;
	background: #FFFFFF;
	color: var(--al-text);
}

.aladdin-fo-public-login__remember {
	display: flex;
	align-items: center;
	gap: 8px;
}

.aladdin-fo-public-login__remember input {
	width: 18px;
	height: 18px;
}

@media (max-width: 860px) {
	.aladdin-fo-public-header {
		align-items: flex-start;
		flex-direction: column;
		gap: 10px;
		padding: 10px 14px;
	}

	.aladdin-fo-public-brand__mark {
		width: 40px;
		height: 40px;
	}

	.aladdin-fo-public-brand small {
		font-size: 10px;
	}

	.aladdin-fo-public-header__controls {
		width: 100%;
		justify-content: flex-start;
	}

	.aladdin-fo-public-select {
		min-height: 40px;
		padding: 7px 10px;
	}

	.aladdin-fo-public-signal {
		inset-block-start: 112px;
		font-size: 11px;
		padding-inline: 14px;
	}

	.aladdin-fo-public-main {
		width: min(100% - 20px, 1200px);
		padding-block-start: 162px;
	}

	.aladdin-fo-public-notice,
	.aladdin-fo-public-hero,
	.aladdin-fo-public-section-head,
	.aladdin-fo-public-companion__grid {
		grid-template-columns: 1fr;
	}

	.aladdin-fo-public-notice__actions {
		justify-content: stretch;
	}

	.aladdin-fo-public-notice__actions > * {
		flex: 1 1 180px;
		justify-content: center;
	}

	.aladdin-fo-public-hero {
		padding: 28px 20px;
	}

	.aladdin-fo-public-panels {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 520px) {
	.aladdin-fo-public-preview {
		font-size: 14px;
	}

	.aladdin-fo-public-header__controls {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}

	.aladdin-fo-public-select {
		width: 100%;
		justify-content: center;
	}

	.aladdin-fo-public-dropdown {
		min-width: min(260px, calc(100vw - 28px));
	}

	.aladdin-fo-public-notice {
		grid-template-columns: 1fr;
	}

	.aladdin-fo-public-notice__icon {
		width: 42px;
		height: 42px;
	}

	.aladdin-fo-public-brief-grid,
	.aladdin-fo-public-card-grid {
		grid-template-columns: 1fr;
	}

	.aladdin-fo-public-card {
		min-height: 220px;
	}

	.aladdin-fo-public-footer nav {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}

	.aladdin-fo-public-footer nav a {
		justify-content: center;
	}

	.aladdin-fo-public-assistant {
		inset-inline-end: 10px;
		inset-block-end: 10px;
	}

	[dir="rtl"] .aladdin-fo-public-assistant {
		inset-inline-start: 10px;
	}

	.aladdin-fo-public-assistant__bubble {
		width: 68px;
		height: 68px;
	}

	.aladdin-fo-public-lamp {
		width: 44px;
		height: 44px;
	}

	.aladdin-fo-public-assistant__panel {
		width: calc(100vw - 20px);
		max-height: calc(100vh - 104px);
	}
}

@media (max-width: 340px) {
	.aladdin-fo-public-header__controls,
	.aladdin-fo-public-footer nav {
		grid-template-columns: 1fr;
	}

	.aladdin-fo-public-main {
		width: calc(100% - 16px);
	}
}

@media (prefers-reduced-motion: reduce) {
	.aladdin-fo-public-preview *,
	.aladdin-fo-public-preview *::before,
	.aladdin-fo-public-preview *::after {
		animation-duration: .001ms !important;
		animation-iteration-count: 1 !important;
		scroll-behavior: auto !important;
		transition-duration: .001ms !important;
	}
}