html,body.login{height:100%}body.login{background:var(--dark);color:var(--ink);font-family:var(--sans);grid-template-rows:minmax(100%,auto);grid-template-columns:minmax(0,1fr) 560px;margin:0;font-size:12px;line-height:1.6;display:grid}.plate{background-color:#8f6463;background-image:url(/images/site/el-fenn-marrakech.webp),url(data:image/webp;base64,UklGRhYBAABXRUJQVlA4IAoBAAAQBgCdASoUAB4APslYqE0npSQiKAqo8BkJZgCxHtSEAfNJgnqgOxbslUwRbV0AZzJaEKitezy+f2gA4k/mJjH0fum26+yFtWYALYRlWU8C/yk06wjWRCdr7J+V4SVy9Yb8CgwPpzie02F5me2e91UFAufFO7HQPXb33ktkIYyrVzvIDO//GM9SPC0Fo5Ys937D/Wz0DZ6CL6eJxEdKH2wws7bQYhOI0wK44iMmXrU31Q5D6odkjWu9rvE1AFZFA3OO1khWn6Gcee/5I4fmM/iX/YfLG99OPE2m08HOxEDAHhHrOMKei58FMS1Q7psXxU896OxYKm/QQxYriYtxUYDw8IDeB1GFi+NMAA==);background-position:50%,50%;background-repeat:no-repeat,no-repeat;background-size:cover,cover;position:relative;overflow:hidden}.plate:after{content:"";background:linear-gradient(#0000 44%,#00000038 70%,#00000094 100%),linear-gradient(90deg,#0000,#0000002e);position:absolute;inset:0}.plate-slides{position:absolute;inset:0}.plate-slide{opacity:0;will-change:opacity, transform;background-position:50%;background-size:cover;transition:opacity 3.5s cubic-bezier(.45,0,.25,1),transform 14s linear;position:absolute;inset:0;transform:scale(1.01)}.plate-slide.is-on{opacity:1;transform:scale(1.05)}.plate-quote{z-index:1;color:#fff;position:absolute;bottom:64px;left:72px;right:72px}.plate-quote p{font-family:var(--serif);letter-spacing:.5px;max-width:560px;margin:0 0 18px;font-size:30px;line-height:42px}.plate-quote .attrib{letter-spacing:.75px;text-transform:uppercase;opacity:.85;font-size:11px}.door{background:var(--paper);flex-direction:column;padding:56px 72px 40px;display:flex;overflow-y:auto}.door-logo{width:200px;margin-bottom:auto}.door-body{margin:48px 0}.form-slot{min-height:114px;position:relative}.form-slot>:not(.opening){transition:opacity .25s}.opening{letter-spacing:1.6px;text-transform:uppercase;opacity:0;pointer-events:none;align-items:center;margin:0;font-size:11px;transition:opacity .2s;display:flex;position:absolute;inset:0}.opening span{padding-bottom:10px;position:relative}.opening span:after{content:"";transform-origin:0;background:#0000008c;width:100%;height:1px;position:absolute;bottom:0;left:0;transform:scaleX(0)}.is-opening .form-slot>:not(.opening){opacity:0;transition:none}.form-slot:has(.cl-spinner):not(:has(input))>:not(.opening){opacity:0;transition:none}:is(.form-slot:has(.cl-spinner):not(:has(input)) .opening,.is-opening .opening){opacity:1}:is(.door-body:has(.form-slot .cl-spinner):not(:has(.form-slot input)) .apply,.is-opening .apply){opacity:0;transition:opacity .2s}.is-opening .opening span:after{animation:1.4s ease-in-out infinite draw}.form-slot:has(.cl-spinner):not(:has(input)) .opening span:after{animation:1.4s ease-in-out infinite draw}@keyframes draw{0%{transform-origin:0;transform:scaleX(0)}50%{transform-origin:0;transform:scaleX(1)}50.1%{transform-origin:100%}to{transform-origin:100%;transform:scaleX(0)}}@media (prefers-reduced-motion:reduce){.is-opening .opening span:after{animation:none;transform:scaleX(1)}}.door .eyebrow{letter-spacing:1.2px;text-transform:uppercase;font-size:11px}.rule{background:#00000038;height:1px;margin:18px 0 34px}.door h1{font-family:var(--serif);letter-spacing:.5px;margin:0 0 23px;font-size:44px;font-weight:300;line-height:52px}.field{margin-bottom:18px}.field label{letter-spacing:1.2px;text-transform:uppercase;margin-bottom:8px;font-size:11px;display:block}.field input{width:100%;font-family:var(--sans);letter-spacing:.4px;color:#000;background:0 0;border:1px solid #00000047;padding:13px 14px;font-size:12px}.field input:focus{border-color:#000;outline:none}.field input::placeholder{color:#00000059}.row{justify-content:space-between;align-items:center;gap:20px;margin:22px 0 26px;display:flex}.remember{letter-spacing:.75px;text-transform:uppercase;align-items:center;gap:8px;font-size:11px;display:flex}.link-quiet{letter-spacing:.75px;text-transform:uppercase;border-bottom:1px solid #0000004d;padding-bottom:2px;font-size:11px;text-decoration:none}.link-quiet:hover{opacity:.6}.door .btn{cursor:pointer;color:#fff;width:100%;font-family:var(--sans);letter-spacing:.75px;text-transform:uppercase;background:#000;border:0;padding:15px 24px;font-size:12px;font-weight:500;display:block}.door .btn:hover{background:#2a2a2a}.demo{border-left:2px solid var(--taupe);letter-spacing:.3px;background:#776f5f1f;margin-top:22px;padding:12px 14px;font-size:11px;line-height:18px}.demo strong{font-weight:500}.apply{margin-top:30px;font-size:12px;line-height:20px}.apply a{border-bottom:1px solid #00000059;padding-bottom:1px;text-decoration:none}.door-foot{letter-spacing:.75px;text-transform:uppercase;border-top:1px solid #0000002e;justify-content:space-between;gap:16px;padding-top:18px;font-size:10px;display:flex}.door-foot a{opacity:.7;text-decoration:none}.door-foot a:hover{opacity:1}@media (max-width:1080px){body.login{grid-template-columns:1fr}.plate{display:none}.door{min-height:100vh;padding:40px 28px 28px}}.door .notice{border:1px solid #0003;padding:18px 20px;font-size:12.5px;line-height:21px}.door .notice p{margin:0 0 12px}.door .notice p:last-child{margin-bottom:0}.door .notice strong{font-weight:500}.door .notice a{border-bottom:1px solid #00000059;padding-bottom:1px}