*{box-sizing:border-box}body{margin:0;font:15px 'Segoe UI',Arial,sans-serif;background:#f2f7fb;color:#17354c}.auth-top{height:86px;background:white;display:flex;align-items:center;justify-content:space-between;padding:8px max(4%,calc((100vw - 1200px)/2));border-bottom:1px solid #e5edf4}.auth-top img{width:210px;max-height:70px}.auth-top a{color:#285875;text-decoration:none}.auth-grid{display:grid;grid-template-columns:1.06fr .94fr;min-height:calc(100vh - 148px);max-width:1380px;margin:auto}.story{padding:11% 10%;background:linear-gradient(145deg,#123b62,#1b79a7);color:white;position:relative;overflow:hidden}.story:after{content:'';position:absolute;right:-120px;bottom:-200px;width:480px;height:480px;border:75px solid #ffffff12;border-radius:50%}.pill{background:#ffffff20;border:1px solid #ffffff44;border-radius:30px;padding:9px 15px;font-size:12px;letter-spacing:1px}.story h1{font-size:clamp(32px,3.5vw,52px);line-height:1.16;margin:35px 0 22px}.story p{font-size:19px;line-height:1.7;color:#e4f3fb}.story ul{list-style:none;padding:0;margin-top:35px}.story li{margin:18px 0}.story li:before{content:'✓';background:#1eaa82;border-radius:50%;padding:3px 7px;margin-right:12px}.story-foot{margin-top:60px;color:#c5e4f3}.auth-panel{display:flex;align-items:center;justify-content:center;padding:40px 24px}.auth-card{width:min(100%,440px);background:white;border:1px solid #e3edf3;box-shadow:0 15px 60px #123c6016;border-radius:20px;padding:36px}.card-logo{width:205px;height:auto}.auth-card h2{font-size:29px;margin:22px 0 5px}.muted{color:#6a7f90;line-height:1.5;margin-bottom:26px}.auth-card label{display:block;font-weight:600;margin:17px 0 7px}.auth-card input[type=text],.auth-card input[type=password],.auth-card input[type=email]{width:100%;border:1px solid #c9d7e4;border-radius:9px;padding:14px;font:inherit;outline:none}.auth-card input:focus{border-color:#1689bc;box-shadow:0 0 0 3px #1689bc22}.primary-button,.demo-button{display:block;width:100%;text-align:center;border:0;border-radius:9px;padding:14px;font-size:15px;font-weight:700;cursor:pointer;text-decoration:none}.primary-button{background:#126ab0;color:white;margin-top:24px}.demo-button{border:1px solid #177ca9;background:#eff8fd;color:#11628d}.split{display:flex;align-items:center;gap:15px;margin:24px 0 14px;color:#7d8b99;font-size:13px}.split:before,.split:after{content:'';height:1px;background:#dce6ed;flex:1}.setup-link{text-align:center;color:#778897;font-size:12px;margin-top:24px}.setup-link a,footer a{color:#1875aa}.error{display:block;color:#b02e35;margin-top:12px}footer{text-align:center;padding:20px;color:#81909b;background:white}@media(max-width:850px){.auth-grid{grid-template-columns:1fr}.story{padding:42px 28px}.story-foot{margin-top:20px}.auth-panel{padding:25px 15px}.auth-card{padding:27px}.auth-top img{width:160px}}
/* V1.0.5: tanitim gorseline yakinlestirilmis giris */
.auth-top{background:#183a5c;border-bottom:1px solid #315c7a}.auth-top a{color:white}.auth-grid{max-width:none;grid-template-columns:minmax(0,1.3fr) minmax(420px,.7fr);background:linear-gradient(120deg,#1a456d,#6ba2d1)}.story{background:linear-gradient(90deg,#143a61 0%,#205c8d 56%,#5794c5 100%);padding:7% 7%}.story h1,.story p,.story ul,.story .pill{position:relative;z-index:2;max-width:570px}.story h1{font-size:clamp(32px,3.2vw,55px)}.building-visual{position:absolute;z-index:1;right:0;bottom:0;width:48%;height:84%;background:url(../Assets/hero-building.png) center bottom / contain no-repeat;opacity:.94}.auth-panel{background:linear-gradient(120deg,#73a7d2,#b4d1e9)}.auth-card{box-shadow:0 24px 60px #16334a33}.story-foot{position:relative;z-index:2}@media(max-width:1100px){.building-visual{opacity:.25;width:65%}}@media(max-width:850px){.auth-grid{grid-template-columns:1fr}.building-visual{opacity:.15;width:70%}.auth-panel{padding:25px 15px}}

/* V1.0.6: görsel ve metin kesinlikle üst üste gelmez */
.auth-grid{grid-template-columns:minmax(0,1.1fr) minmax(430px,.9fr)}
.story{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:52px clamp(28px,5vw,90px);min-width:0}
.story h1{max-width:690px;margin:25px 0 15px;font-size:clamp(32px,3vw,50px)}
.story p{max-width:660px}.story ul{margin:12px 0 18px}.story li{margin:12px 0}
.building-visual{position:relative;inset:auto;width:100%;max-width:510px;height:280px;flex:none;margin:6px auto 0;background-position:center;background-size:contain;opacity:1}
.story-foot{margin-top:14px}.auth-top img{width:230px;max-height:76px;object-fit:contain}
.auth-card .card-logo{width:230px;max-width:100%;display:block;object-fit:contain}
@media(max-width:1050px){.auth-grid{grid-template-columns:1fr 1fr}.story{padding:36px}.building-visual{height:210px;opacity:1}}
@media(max-width:850px){.auth-grid{grid-template-columns:1fr}.story{padding:36px 24px}.building-visual{height:240px;opacity:1}}

/* V1.0.7: No overlap between text and image, high contrast logo */
.auth-top img{width:245px;max-height:76px;display:block}.auth-top{min-height:90px}
.story{display:grid;grid-template-columns:minmax(0,1fr);align-content:center;gap:0;overflow:hidden}
.story h1,.story p,.story ul,.story .pill,.story-foot{position:relative;z-index:1;max-width:100%}
.building-visual{position:relative;inset:auto;display:block;width:100%;max-width:570px;height:260px;min-height:0;opacity:1;margin:16px 0 0;background-image:url(../Assets/building-clean.jpg);background-position:center 45%;background-size:cover;border:1px solid #ffffff50;border-radius:18px;box-shadow:0 18px 45px #061d3440}
.story:after{pointer-events:none}.auth-card .card-logo{width:235px;height:auto}
@media(max-width:1050px){.building-visual{height:210px}}
@media(max-width:850px){.building-visual{height:230px}.auth-top img{width:190px}}

/* V1.0.8: dark navigation uses white-wordmark logo; light card uses dark-wordmark logo. */
.auth-top{background:#193a59!important;border-bottom:1px solid #365773!important}
.auth-top>a:last-child{color:#fff!important;font-weight:600}
.auth-top img{display:block;width:240px;max-height:76px;object-fit:contain}
@media(max-width:600px){.auth-top img{width:175px}}
