/* ERK Cafe v0.1.25 — Giriş Tasarımı 2 / Premium Coffee */
:root{
  --bg:#061426;--bg2:#0a2037;--panel:rgba(8,20,35,.86);--line:rgba(255,187,111,.46);
  --text:#f7f5f1;--muted:#9eb1c8;--gold:#efa04d;--gold2:#bf6b2d;--cyan:#1fd6f2;--blue:#236cff;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#061426;color:var(--text);font-family:Inter,"Segoe UI",Arial,sans-serif}
body.erk-login-v2{min-height:100vh;overflow-x:hidden}
button,input{font:inherit}
.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(300px,.82fr) minmax(480px,600px) minmax(400px,1.08fr);position:relative;background:
 radial-gradient(circle at 14% 15%,rgba(26,115,183,.35),transparent 31%),
 linear-gradient(115deg,#07172b 0%,#08192d 45%,#101c28 100%)}

.brand-story{position:relative;z-index:2;padding:58px 48px 44px 62px;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.03);overflow:hidden}
.brand-story:before{content:"";position:absolute;inset:-12% 15% 40% -25%;border:1px solid rgba(78,144,193,.12);border-radius:50%;transform:rotate(-24deg);pointer-events:none}
.brand-story:after{content:"";position:absolute;width:320px;height:520px;left:-190px;bottom:-130px;border:1px solid rgba(239,160,77,.18);border-radius:48% 52% 56% 44%;transform:rotate(22deg);pointer-events:none}
.brand-top,.story-copy,.story-footer{position:relative;z-index:1}
.coffee-mark{width:64px;height:64px;color:var(--gold);margin-bottom:8px}.coffee-mark svg,.card-logo svg,.field-icon svg,.password-toggle svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.brand-name{font-size:46px;letter-spacing:-.04em;line-height:1}.brand-name strong{font-weight:900}.brand-name span{color:#d9914f;font-family:Georgia,serif;font-style:italic;font-weight:500}
.brand-sub{margin-top:15px;font-size:13px;letter-spacing:.34em;color:#e3e8ee}
.brand-line{width:48px;height:2px;background:linear-gradient(90deg,var(--gold),transparent);margin-top:28px}
.story-copy{margin-top:auto;margin-bottom:auto;padding:40px 0}
.story-copy h2{margin:0;font:600 50px/1.06 Georgia,"Times New Roman",serif;letter-spacing:-.025em}.story-copy h2 span{color:#df8b48}
.story-copy p{max-width:320px;margin:26px 0 0;color:#9fb0c0;font-size:18px;line-height:1.65}
.story-footer{display:flex;align-items:center;gap:18px;color:#b7c2cf}.story-footer .leaf{font-size:42px;color:var(--gold)}.story-footer p{margin:0;font-size:15px;line-height:1.5}

.login-stage{position:relative;z-index:4;display:flex;align-items:center;justify-content:center;padding:48px 24px}
.login-card{width:100%;max-width:560px;padding:34px 46px 28px;border-radius:28px;border:1px solid rgba(240,166,92,.5);background:
 linear-gradient(180deg,rgba(10,24,42,.94),rgba(7,17,30,.94));
 box-shadow:0 34px 90px rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,255,255,.035),0 0 48px rgba(221,127,58,.09);backdrop-filter:blur(18px)}
.card-brand{text-align:center}.card-logo{width:54px;height:54px;color:#e6a05b;margin:0 auto 10px;padding:8px;border-radius:16px;border:1px solid rgba(240,172,102,.32);background:rgba(255,255,255,.025);box-shadow:0 0 30px rgba(230,146,70,.13)}
.card-brand-name{font-size:35px;line-height:1}.card-brand-name strong{font-weight:900}.card-brand-name span{color:#d88b4a;font-family:Georgia,serif;font-style:italic}.card-brand-sub{margin-top:10px;font-size:11px;letter-spacing:.34em;color:#c0c8d2}
.login-heading{text-align:center;margin:30px 0 24px}.login-heading h1{margin:0 0 8px;font:700 38px/1.1 Georgia,"Times New Roman",serif}.login-heading p{margin:0;color:#a7b5c5;font-size:15px}
.login-alert{display:flex;align-items:center;gap:10px;margin:0 0 18px;padding:12px 14px;border-radius:12px;border:1px solid #8c3b43;background:#4c1d27;color:#ffdce0;font-size:14px}.login-alert span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#bb4453;font-weight:900}
.login-form label{display:block;margin:0 0 8px;font-size:15px;font-weight:800;color:#f4f1ec}.field-wrap{position:relative;margin-bottom:18px}.field-wrap input{width:100%;height:58px;border-radius:13px;border:1px solid #4d5d71;background:rgba(3,13,26,.72);color:#fff;padding:0 54px;font-size:16px;outline:0;transition:.2s ease;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}.field-wrap input::placeholder{color:#6f8299}.field-wrap input:focus{border-color:#dfa25d;box-shadow:0 0 0 3px rgba(223,162,93,.12),inset 0 1px 0 rgba(255,255,255,.03)}
.field-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);width:22px;height:22px;color:#d8c1a8}.field-icon svg{stroke-width:1.8}.password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:42px;height:42px;display:grid;place-items:center;border:0;background:transparent;color:#91a1b4;cursor:pointer;border-radius:10px}.password-toggle:hover{background:rgba(255,255,255,.045);color:#fff}.password-toggle svg{width:21px;height:21px}.password-toggle .eye-off{display:none}.password-toggle.showing .eye-open{display:none}.password-toggle.showing .eye-off{display:block}
.login-button{width:100%;height:62px;margin-top:4px;border:0;border-radius:14px;color:#fff;font-size:18px;font-weight:900;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;background:linear-gradient(110deg,#f0a44e 0%,#db7e37 52%,#a95526 100%);box-shadow:0 14px 34px rgba(205,112,41,.27),inset 0 1px 0 rgba(255,255,255,.25);transition:.18s ease}.login-button:hover{transform:translateY(-2px);filter:brightness(1.05);box-shadow:0 18px 40px rgba(205,112,41,.34)}.login-button:active{transform:translateY(0)}.login-arrow{position:absolute;right:22px;font-size:29px;font-weight:400}
.login-divider{display:flex;align-items:center;gap:14px;margin:28px 0 18px;color:#708197}.login-divider span{height:1px;background:#34465a;flex:1}.login-divider b{font-size:10px;letter-spacing:.25em;color:#75879c}
.login-footer{text-align:center}.login-footer strong{display:block;font-size:14px;color:#c4ced9}.login-footer small{display:block;margin-top:6px;color:#64778d;font-size:11px}

.visual-panel{position:relative;min-height:100vh;overflow:hidden;background:#141d24}.visual-image{position:absolute;inset:0;background:url('/assets/img/login-cafe-concept2.jpg') center center/cover no-repeat;transform:scale(1.02)}.visual-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,17,31,.62) 0%,rgba(4,17,31,.16) 34%,rgba(5,10,15,.05) 72%,rgba(6,11,17,.28) 100%),linear-gradient(180deg,rgba(3,9,16,.12),rgba(3,9,16,.25))}.visual-copy{position:absolute;z-index:2;right:46px;top:44px;max-width:300px;text-align:right}.visual-copy p{margin:0;color:#ded6cb;font:italic 18px/1.5 Georgia,serif;text-shadow:0 2px 10px #000}.visual-copy span{display:block;width:42px;height:2px;background:#d58b48;margin:16px 0 0 auto}.visual-bottom{position:absolute;z-index:2;right:45px;bottom:40px;text-align:right}.visual-bottom b{display:block;color:#f3e3d3;font-size:18px}.visual-bottom small{display:block;margin-top:5px;color:#b79f88;letter-spacing:.14em;font-size:10px}

@media(max-width:1380px){.login-shell{grid-template-columns:minmax(250px,.7fr) minmax(450px,560px) minmax(340px,.9fr)}.brand-story{padding-left:40px;padding-right:30px}.brand-name{font-size:40px}.story-copy h2{font-size:42px}.login-card{padding-left:38px;padding-right:38px}}
@media(max-width:1080px){.login-shell{grid-template-columns:1fr minmax(440px,560px)}.brand-story{display:none}.visual-panel{grid-column:1}.login-stage{grid-column:2;grid-row:1}.visual-shade{background:linear-gradient(90deg,rgba(5,18,32,.25),rgba(5,18,32,.48))}}
@media(max-width:780px){body.erk-login-v2{background:#061426}.login-shell{display:block;min-height:100vh;background:linear-gradient(160deg,#07172b,#081d34 55%,#101a23)}.visual-panel{display:none}.login-stage{min-height:100vh;padding:24px 16px}.login-card{max-width:520px;padding:28px 22px 24px;border-radius:22px}.login-heading h1{font-size:32px}.card-brand-name{font-size:31px}.field-wrap input{height:56px}.login-button{height:58px}}
@media(max-width:390px){.login-stage{padding:14px}.login-card{padding:24px 16px}.login-heading{margin-top:24px}.login-heading h1{font-size:29px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.login-button{transition:none}}