:root{color-scheme:dark;--gold:#f7c648;--pale:#ffedaf;--dark:#050507;--line:#ffc542;--text:#f7f7fa;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{min-width:320px}body{margin:0;color:var(--text);background:#040404}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.svg-library{position:absolute;width:0;height:0;overflow:hidden}svg{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.auth-stage{min-height:100svh;min-height:100dvh;display:flex;justify-content:center;background:linear-gradient(90deg,#000 0%,transparent 10%,transparent 90%,#000 100%),url('/public/assets/img/auth-background.png') center top/cover no-repeat,#040404;position:relative;isolation:isolate}.auth-stage::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.08) 0%,rgba(0,0,0,.27) 30%,rgba(0,0,0,.5) 64%,rgba(0,0,0,.12) 100%)}.stage-inner{width:min(100%,820px);min-height:100svh;min-height:100dvh;padding:26px clamp(16px,4vw,42px) 54px;position:relative}.brand-area{text-align:center;position:relative;margin:45px auto 38px;text-shadow:0 2px 4px #000,0 0 14px #000}.brand-line{display:flex;justify-content:center;align-items:center;gap:8px;white-space:nowrap;direction:ltr;letter-spacing:-.07em}.brand-monogram{font-size:clamp(62px,11vw,114px);line-height:.75;font-style:italic;font-weight:1000;letter-spacing:-.21em;padding-right:.19em;color:#ffda4e;background:linear-gradient(180deg,#fff0a0 0%,#f4a500 32%,#533012 48%,#fff0aa 60%,#d58100 83%,#fff5ad 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(2px 4px 1px #331500) drop-shadow(0 0 13px #e99c18)}.brand-word{font-size:clamp(36px,8.3vw,78px);line-height:.95;letter-spacing:-.07em;font-weight:900}.brand-word span{background:linear-gradient(#fff,#ededed 42%,#8f9196 54%,#fff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.brand-word strong{background:linear-gradient(#fff6b2,#facc42 42%,#7f4100 60%,#ffd75a 84%,#fff4be);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.brand-kicker{font-weight:800;letter-spacing:.32em;color:#ffedb6;font-size:clamp(9px,1.6vw,17px);margin-top:5px;padding-left:18%;direction:ltr}.brand-tagline{margin:30px 0 0;display:flex;align-items:center;gap:15px;justify-content:center;color:#ffe5a2;letter-spacing:.09em;font-size:clamp(11px,1.8vw,17px);font-weight:800}.brand-tagline span{height:2px;flex:1;max-width:130px;background:linear-gradient(90deg,transparent,#eab24d)}.brand-tagline span:last-child{transform:rotate(180deg)}.language-box{position:absolute;right:clamp(18px,5vw,45px);top:12px;z-index:4}.language-box select{max-width:116px;background:rgba(3,5,8,.82);border:1px solid rgba(255,198,68,.8);color:#fff0bd;border-radius:9px;padding:6px 8px;font-size:12px;outline:none}.auth-card{position:relative;background:linear-gradient(140deg,rgba(31,17,4,.82),rgba(0,0,0,.95) 22%,rgba(0,0,0,.96) 80%,rgba(30,17,3,.8));border:2px solid #e4a526;box-shadow:0 0 2px 2px #fff0a0 inset,0 0 10px #ffbd42,0 0 25px rgba(253,178,18,.65),inset 0 0 34px #5e2e00;border-radius:30px;overflow:hidden}.auth-card::before,.auth-card::after{content:"";position:absolute;width:150px;height:2px;left:calc(50% - 75px);background:radial-gradient(ellipse,#fff 0%,#ffca3e 35%,transparent 72%);box-shadow:0 0 17px 4px #e4a02d;pointer-events:none}.auth-card::before{top:0}.auth-card::after{bottom:0}.gold-heading{color:#ffd658;background:linear-gradient(#fff5a3 0%,#ffcf43 38%,#ad6004 58%,#ffe278 85%,#8d4e05);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 3px 9px rgba(218,138,11,.35);letter-spacing:-.045em;font-size:clamp(38px,6vw,62px);line-height:1.04;margin:0 0 8px;text-align:center;font-weight:900}.form-subtitle{color:#f2f0f1;text-align:center;font-size:clamp(14px,2.25vw,22px);line-height:1.33;margin:0}.field-row{display:flex;align-items:center;gap:10px}.field-icon{width:clamp(56px,10vw,98px);height:clamp(56px,10vw,98px);flex:none;display:flex;align-items:center;justify-content:center;border-radius:50%;border:2px solid #ffcb48;background:radial-gradient(circle at 35% 30%,#bc7b06,#140b03 49%,#000 75%);box-shadow:inset 0 0 0 3px #4b2600,inset 0 0 12px #ffe16e,0 0 9px #ffa322,0 3px 0 #4d2a04}.field-icon svg{width:54%;height:54%;color:#ffdf79;filter:drop-shadow(0 0 4px #f0a526)}.field-row>input,.password-wrap,.input-shell{width:100%;height:clamp(52px,8vw,76px);min-width:0;border:2px solid #e8ae41;border-radius:20px;background:linear-gradient(#132235,#020810 65%,#010307);box-shadow:inset 0 2px 6px #000,0 0 6px #ffd46e;outline:none}.field-row>input,.password-wrap input,.input-shell input{color:#fff;background:none;border:0;outline:0;padding:0 20px;width:100%;height:100%;min-width:0;font-size:clamp(15px,2vw,20px)}input::placeholder{color:#bfc0c6;opacity:1}.field-row>input:focus,.password-wrap:focus-within,.input-shell:focus-within{border-color:#fff1a8;box-shadow:0 0 0 2px #8b5b13,0 0 13px #ffc856}.password-wrap,.input-shell{display:flex;align-items:center}.password-toggle{height:100%;width:54px;flex:none;display:flex;justify-content:center;align-items:center;border:0;background:transparent;color:#eee;cursor:pointer}.password-toggle svg{width:26px;height:26px}.check-row{display:flex;align-items:center;gap:12px;position:relative;cursor:pointer;color:#f1f1f1;font-size:clamp(14px,2vw,18px)}.check-row input{position:absolute;opacity:0;width:1px;height:1px}.custom-check{width:27px;height:27px;flex:none;display:inline-grid;place-items:center;border:2px solid #ffca4f;border-radius:4px;background:#130e08;box-shadow:inset 0 0 5px #ffa126,0 0 4px #f6ad27}.check-row input:checked+.custom-check::after{content:"";width:14px;height:8px;border-left:3px solid #fff2b7;border-bottom:3px solid #fff2b7;transform:rotate(-45deg) translate(1px,-2px)}.check-row input:focus-visible+.custom-check{outline:3px solid #fff;outline-offset:2px}.action-button{width:100%;min-height:clamp(59px,9vw,87px);border-radius:100px;display:flex;align-items:center;justify-content:center;gap:18px;position:relative;text-align:center;font-size:clamp(19px,3.5vw,31px);font-weight:800;text-decoration:none;cursor:pointer;padding:9px 65px;white-space:normal;line-height:1.12}.gold-button{border:2px solid #ffe184;background:linear-gradient(180deg,#ffe792 0%,#f9c93d 29%,#af650b 53%,#ffd04d 76%,#b96d0f 100%);color:#080500;box-shadow:inset 0 3px 3px #fff7bd,inset 0 -4px 5px #5e2700,0 0 8px #ffc144,0 0 22px #d88b08;text-shadow:0 1px 1px #fff1ab}.action-button:hover{filter:brightness(1.12)}.action-button:focus-visible{outline:3px solid #fff;outline-offset:4px}.button-person,.button-arrow{position:absolute;width:clamp(26px,4vw,40px);height:clamp(26px,4vw,40px)}.button-person{left:30%}.button-arrow{right:7%}.dark-button{border:2px solid #ffc443;background:linear-gradient(#151c23,#050809 55%,#121008);box-shadow:inset 0 2px 3px #fff1b1,0 0 8px #d99b35;color:#ffe5a0;font-size:clamp(18px,3.1vw,27px)}.or-divider{display:flex;align-items:center;gap:12px;margin:25px 0;color:#eee}.or-divider span{height:1px;flex:1;background:linear-gradient(90deg,transparent,#f4d47b)}.or-divider span:last-child{transform:rotate(180deg)}.or-divider em{font-style:normal;font-size:17px}.form-error{background:#360f0f;border:1px solid #ff9277;border-radius:10px;color:#ffe4d9;padding:9px 12px;margin:12px 0;text-align:center;font-size:14px}html[dir=rtl] .check-row{text-align:right}html[dir=rtl] .field-row>input,html[dir=rtl] .input-shell input,html[dir=rtl] .password-wrap input{text-align:right}html[dir=rtl] .button-person{left:auto;right:6%}html[dir=rtl] .button-arrow{right:auto;left:7%;transform:scaleX(-1)}@media(max-width:530px){.auth-stage{background-size:auto 100%;background-position:center top}.stage-inner{padding-left:15px;padding-right:15px}.brand-area{margin-top:72px;margin-bottom:27px}.brand-line{gap:5px}.brand-monogram{font-size:56px}.brand-word{font-size:34px}.brand-kicker{font-size:7px;letter-spacing:.3em}.brand-tagline{font-size:11px;margin-top:19px;gap:8px}.brand-tagline span{max-width:45px}.auth-card{border-radius:22px}.field-icon{width:54px;height:54px}.field-row>input,.password-wrap,.input-shell{height:52px;border-radius:14px}.field-row>input,.password-wrap input,.input-shell input{padding:0 13px;font-size:14px}.password-toggle{width:43px}.password-toggle svg{width:22px;height:22px}.action-button{min-height:60px;padding:8px 55px;font-size:20px}.button-person{left:19%}.check-row{font-size:13px}.custom-check{width:22px;height:22px}}@media(max-width:370px){.brand-monogram{font-size:50px}.brand-word{font-size:30px}.brand-kicker{font-size:6px}.button-person{left:11%}.language-box select{max-width:95px}}
/* Keep the wordmark luminous in browsers that render clipped text gradients dimly. */
.brand-monogram{background:none;-webkit-text-fill-color:#ffcd49;color:#ffcd49;text-shadow:2px 3px 0 #6b3300,0 0 14px #ffae20;filter:none}
.brand-word span{background:none;-webkit-text-fill-color:#f2f0ee;color:#f2f0ee;text-shadow:1px 2px 0 #777,0 0 13px #fff6cd}
.brand-word strong{background:none;-webkit-text-fill-color:#ffcf47;color:#ffcf47;text-shadow:1px 2px 0 #7b4600,0 0 15px #ffb824}
/* Icons and label get their own columns, so translated labels cannot collide. */
.action-button{display:grid;grid-template-columns:32px minmax(0,1fr) 32px;column-gap:8px;padding-inline:16px}
.action-button>span{min-width:0;text-align:center}
.button-person,.button-arrow{position:static;width:30px;height:30px;justify-self:center}
html[dir=rtl] .button-person,html[dir=rtl] .button-arrow{position:static;left:auto;right:auto}
html[dir=rtl] .button-arrow{transform:scaleX(-1)}
@media(max-width:530px){.action-button{grid-template-columns:25px minmax(0,1fr) 25px;column-gap:6px;padding-inline:12px}.button-person,.button-arrow{width:25px;height:25px}}
@media(max-width:370px){.dark-button{font-size:17px}.dark-button.action-button{grid-template-columns:21px minmax(0,1fr) 21px;column-gap:4px;padding-inline:9px}.dark-button .button-person,.dark-button .button-arrow{width:21px;height:21px}}
.brand-line img.brand-monogram{width:clamp(82px,22vw,164px);height:auto;max-height:130px;object-fit:contain;flex:none;padding:0;filter:drop-shadow(0 0 5px rgba(255,185,32,.45))}
@media(max-width:370px){.brand-line img.brand-monogram{width:68px}}