@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700;800&family=Inter:wght@400;500;600;700&display=swap');
*{box-sizing:border-box}body.yl-auth{margin:0;background:#070608;color:#f6ead3;font-family:Inter,Arial,sans-serif;min-height:100vh}.yl-page{min-height:100vh;max-width:610px;margin:auto;position:relative;isolation:isolate;box-shadow:0 0 100px #000}.yl-hero{height:clamp(220px,46vh,410px);background-repeat:no-repeat;background-size:cover;background-position:center top;position:relative}.yl-hero-login{background-image:url('../img/login-scene.png')}.yl-hero-register{background-image:url('../img/register-scene.png')}.yl-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#080709 0%,rgba(8,7,9,.2) 60%,rgba(0,0,0,.15))}.yl-panel{position:relative;margin:-48px 12px 20px;padding:22px clamp(18px,5vw,40px) 24px;background:linear-gradient(145deg,rgba(30,22,19,.98),rgba(9,9,11,.99) 45%,#100b0c);border:1px solid #8c6434;border-radius:15px;box-shadow:0 0 0 3px rgba(0,0,0,.75),0 20px 70px #000, inset 0 1px 0 #edc98b;text-align:center}.yl-crown{font-size:32px;color:#d5a45b}.yl-brand{font:800 clamp(38px,10vw,66px)/1.12 Cinzel,Georgia,serif;letter-spacing:3px;color:#e8bc74;text-shadow:0 2px 0 #60401f,0 0 20px #9c5b2a}.yl-kicker{font-size:9px;letter-spacing:2px;color:#bfa47f;margin:9px 0 18px}.yl-rule{height:1px;background:linear-gradient(90deg,transparent,#c3934f,transparent);margin:15px 0}.yl-panel h1{font:700 clamp(18px,5vw,26px) Cinzel,Georgia,serif;letter-spacing:1px;color:#f3dfb7;margin:18px 0 7px}.yl-sub{font-size:13px;color:#bcae9a;margin:0 0 20px}.yl-form{text-align:left;display:flex;flex-direction:column;gap:9px}.yl-label{font-size:12px;font-weight:700;letter-spacing:1px;color:#e8d0a9;margin-top:8px}.yl-form input:not([type=checkbox]){width:100%;min-width:0;height:49px;background:#121114;border:1px solid #85623a;border-radius:8px;color:#fff4e1;font:15px Inter,Arial,sans-serif;padding:0 14px;outline:0}.yl-form input:focus{border-color:#e4b86b;box-shadow:0 0 0 2px #bd8a4133}.yl-form input::placeholder{color:#81776e}.yl-pass{position:relative}.yl-pass input{padding-right:55px!important}.yl-eye{position:absolute;right:5px;top:4px;width:42px;height:41px;background:none;border:0;color:#dfc18b;font-size:22px;cursor:pointer}.yl-extras{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:8px 0 10px}.yl-extras a,.yl-terms a{color:#e98c7f;text-decoration:underline;text-underline-offset:3px}.yl-extras a{font-size:12px}.yl-check{display:flex;gap:9px;align-items:flex-start;font-size:12px;color:#e4d2b6;cursor:pointer;line-height:1.5}.yl-check input{width:17px;height:17px;accent-color:#c69a56;flex:none;margin:0}.yl-terms{margin:14px 0 8px}.yl-hint{font-size:11px;color:#a69b8c;margin:2px 0}.yl-submit{margin-top:12px;min-height:55px;width:100%;border:1px solid #f2c579;border-radius:8px;background:linear-gradient(180deg,#8d2420,#480708 60%,#8e1b19);color:#ffe2a6;font:700 clamp(14px,4vw,18px) Cinzel,Georgia,serif;letter-spacing:.5px;box-shadow:inset 0 0 0 2px #390706,0 0 22px #bd281a44;text-shadow:0 1px 2px #000;cursor:pointer}.yl-submit span{font-size:25px;vertical-align:middle;margin-left:5px}.yl-submit:active{transform:scale(.99)}.yl-switch{color:#cbbba4;font-size:12px;margin:19px 0}.yl-switch a{color:#e7b566;font-weight:700}.yl-foot{font-size:10px;line-height:1.7;color:#b7a083;letter-spacing:.3px}.yl-error{padding:13px;background:#4d0b12;border:1px solid #d8494c;border-radius:8px;color:#ffd5d5;font-size:13px;text-align:left;margin:12px 0}.yl-flash{padding:12px;background:#193b2a;border:1px solid #64ad7c;border-radius:8px;color:#d3f4dd}.yl-shake{animation:ylshake .35s}@keyframes ylshake{0%,100%{transform:translateX(0)}25%{transform:translateX(-6px)}50%{transform:translateX(5px)}75%{transform:translateX(-3px)}}@media(min-width:850px){.yl-page{max-width:1000px;display:grid;grid-template-columns:1fr 1fr;align-items:center}.yl-hero{height:100vh;min-height:720px;background-position:top center}.yl-panel{margin:25px 20px 25px -45px;z-index:1}.yl-auth{display:grid;place-items:center}}@media(prefers-reduced-motion:reduce){.yl-shake{animation:none}}
/* YERALTI mobile hero correction */
@media(max-width:849px){
 body.yl-auth{min-height:100svh;background:radial-gradient(ellipse at 50% 0%,#3d1613 0%,#140d0d 32%,#070608 72%)}
 .yl-page{min-height:100svh;box-shadow:none;padding-top:env(safe-area-inset-top,0px)}
 .yl-hero{height:clamp(78px,15svh,145px);background-position:center 23%;background-color:#1a0e0e;background-image:radial-gradient(ellipse at 50% 12%,rgba(183,91,36,.36),transparent 65%),linear-gradient(140deg,#1b1011,#090709)!important;border-bottom:1px solid rgba(198,154,86,.22)}
 .yl-hero:after{background:linear-gradient(0deg,#080709 0%,transparent 95%)}
 .yl-panel{margin:-42px 12px 18px;padding:16px clamp(16px,5vw,30px) 20px}
 .yl-crown{font-size:25px}.yl-brand{font-size:clamp(34px,9vw,54px)}
 .yl-kicker{margin:5px 0 11px}.yl-rule{margin:11px 0}
 .yl-panel h1{margin:12px 0 5px}.yl-sub{margin-bottom:12px}
 .yl-form{gap:6px}.yl-label{margin-top:5px}
 .yl-form input:not([type=checkbox]){height:46px}
 .yl-extras{margin:6px 0}.yl-submit{margin-top:8px;min-height:50px}
 .yl-switch{margin:13px 0}
}
.yl-eye{display:flex;align-items:center;justify-content:center}
.yl-eye svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}