.home-body{min-height:100dvh;color-scheme:light}
.home-body::before{background:linear-gradient(180deg,#083b3a26,#073b32a6),url('/art/algeria-v2/site-backdrop.webp') center/cover!important}
.home-body::after{display:none}
.landing{min-height:100dvh;display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));isolation:isolate}
.landing-card{width:min(100%,370px);background:#fbf6e9;box-shadow:0 18px 60px #00272065,0 0 0 1px #fff9e299;overflow:hidden;border:1px solid #d8c592;border-radius:24px;color:#163e34}
.landing-scene{height:134px;position:relative;overflow:hidden;background:linear-gradient(180deg,#99d6e926,#d9ead56b),url('/art/algeria-v2/site-backdrop.webp') 50% 42%/cover;border-bottom:1px solid #d8c592}
.landing-scene::after{content:'';position:absolute;inset:auto 0 0;height:35px;background:linear-gradient(transparent,#fbf6e9)}
.landing-scene canvas{position:absolute;inset:4px 0 0;width:100%;height:134px;object-fit:contain}
.landing-seal{position:absolute;top:12px;left:16px;font-size:9px;letter-spacing:2px;font-weight:800;color:#fff9e9;background:#073f35da;border:1px solid #f4dfa267;padding:6px 9px;border-radius:20px;z-index:1}
.landing-form{padding:6px 24px 24px}
.landing-wordmark{text-align:center;font-size:11px;font-weight:800;letter-spacing:2.8px;color:#49715a;margin:0 0 8px}
.landing h1{font-size:27px;letter-spacing:-1px;line-height:1.15;text-align:center;color:#143f35;margin:0 0 19px}
.landing label{display:block;color:#385b4e;font-size:12px;font-weight:750;margin:12px 0 6px}
.landing input{width:100%;height:48px;min-height:48px;border:1px solid #a7bcb0;border-radius:10px;background:#fffcf5;color:#153e34;padding:10px 13px;font-size:16px;box-shadow:inset 0 2px 3px #1a4b3605}
.landing input::placeholder{color:#8d9d91}.landing input:focus{border-color:#177258;box-shadow:0 0 0 3px #1876551c}
.landing input.code{text-align:center;font-size:26px;letter-spacing:.28em;color:#1c6049}
.landing .button,.landing button{width:100%;min-height:48px;border-radius:10px;font-size:14px;box-shadow:none}
.landing button[type=submit]{margin-top:18px;background:linear-gradient(110deg,#09694e,#148060);color:#fff9e9;border:1px solid #075c47;box-shadow:0 4px 10px #16462a16}
.landing .live-link{margin:10px 0 0!important;background:transparent!important;color:#234e40!important;border:1px solid #b6c4b1!important}
.landing .live-link::before{content:'';height:6px;width:6px;border-radius:50%;background:#c95847;box-shadow:0 0 0 3px #c9584719}
.landing .error{color:#a13122;font-size:12px;line-height:1.35;margin:8px 0 0}.landing .error:empty{display:none}
@media(max-height:650px){.landing{padding-block:10px}.landing-scene{height:99px}.landing-scene canvas{height:104px;top:-1px}.landing-form{padding:4px 20px 17px}.landing h1{font-size:24px;margin-bottom:11px}.landing-wordmark{font-size:9px;margin-bottom:5px}.landing label{margin-top:9px}.landing input{height:44px;min-height:44px}.landing button[type=submit]{margin-top:13px}}
@media(max-height:450px) and (orientation:landscape){.landing{padding:8px}.landing-card{display:grid;grid-template-columns:180px 1fr;width:min(100%,620px);border-radius:17px}.landing-scene{height:100%;border-bottom:0;border-right:1px solid #d8c592}.landing-scene canvas{top:70px;width:230px;left:-25px;height:130px}.landing-form{padding:12px 18px}.landing h1{font-size:20px;margin-bottom:5px}.landing-wordmark{font-size:9px}.landing label{margin:5px 0 3px}.landing input{height:37px;min-height:37px}.landing input.code{font-size:22px}.landing button,.landing .button{min-height:38px;padding:6px}.landing button[type=submit]{margin-top:9px}.landing .live-link{margin-top:7px!important}}