/* SohbetChat.live / TamSohbet - Onayli giris tasarimi v2.0
   Yalnizca giris ekranini degistirir. IRC sohbet motoru ve baglanti JS aynidir. */
:root{--sc2-red:#ff1744;--sc2-deep:#50000f;--sc2-ink:#16070c;}
body:not(.sc-connected){background:linear-gradient(135deg,#fff 0%,#fff 50%,#f6f1f3 100%) fixed!important;color:#fff;min-height:100dvh;}
body:not(.sc-connected) .sc-brandbar{display:none!important;}
.basliyoruz{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:28px 12px 38px!important;position:relative;isolation:isolate;}
.basliyoruz .login-bar{display:block!important;position:relative;overflow:hidden;box-sizing:border-box;isolation:isolate;width:min(100%,520px)!important;min-width:0;max-width:520px!important;margin:0 auto!important;padding:6px!important;border:2px solid #ff2447!important;border-radius:30px!important;background:linear-gradient(135deg,#f62245 0%,#7f011b 55%,#ff1642 100%)!important;box-shadow:0 18px 45px rgba(38,0,12,.24),0 0 0 4px rgba(249,13,56,.08)!important;}
.basliyoruz .sc-login-left{position:relative;isolation:isolate;display:flex;flex-direction:column;width:100%;max-width:100%;overflow:hidden;min-height:660px;border:1px solid #c31a38;border-radius:24px;background:radial-gradient(ellipse 130% 40% at 50% 7%,#8b0823 0%,#32070f 47%,transparent 75%),radial-gradient(ellipse 90% 65% at 95% 85%,#3f0716,transparent 75%),linear-gradient(160deg,#1a080d,#25070f 65%,#10090b);}
.basliyoruz .sc-login-left::before{content:'';z-index:-1;position:absolute;left:-14%;right:-4%;top:-22px;height:154px;transform:rotate(-6deg);border-radius:0 0 55% 55%;background:linear-gradient(115deg,#f4163b 0%,#7c0921 35%,#17080d 70%,#d9002a 100%);opacity:.95;pointer-events:none;}
.basliyoruz .sc-login-left::after{content:'';z-index:-1;position:absolute;bottom:-85px;left:-12%;width:130%;height:170px;border-radius:50% 50% 0 0;background:linear-gradient(120deg,#910019 5%,#ef1640 35%,#520111 60%,#f01844 98%);transform:rotate(3deg);pointer-events:none;}
.sc-login-top-glow{height:5px;position:absolute;top:0;left:16%;right:14%;border-radius:50%;box-shadow:0 0 35px 6px rgba(255,18,57,.60);pointer-events:none;}
.basliyoruz .login-bar .login-title{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:16px!important;padding:40px 25px 27px!important;border:0!important;border-bottom:2px solid rgba(255,45,77,.76)!important;background:transparent!important;position:relative;text-align:center;}
.basliyoruz .login-bar .sc-card-logo{width:100%;max-width:400px;height:auto;max-height:82px;object-fit:contain;filter:drop-shadow(0 4px 7px rgba(0,0,0,.28));}
.basliyoruz .login-bar .login-title h1{color:#fff;font-size:clamp(26px,6vw,35px)!important;line-height:1.13;letter-spacing:-.035em;margin:4px 0 0!important;font-weight:800!important;text-shadow:0 2px 7px rgba(0,0,0,.4);}
.basliyoruz .login-bar .login-content{position:relative;z-index:1;flex:1;padding:29px 28px 54px!important;background:transparent!important;}
.basliyoruz .login-bar .login-content .lc-text1{display:block;text-align:center!important;color:#f8e7ea!important;font-size:clamp(16px,4vw,19px)!important;font-weight:600!important;margin:0 0 26px!important;line-height:1.4!important;}
.basliyoruz .login-bar .login-content .lc-text1 strong{color:#ff3a55;font-weight:800;}
.basliyoruz #IRCBaglanti{width:100%;max-width:100%;}
.basliyoruz #IRCBaglanti .lc-col{width:100%;margin:0 0 17px!important;}
.basliyoruz #IRCBaglanti .lc-col .row{display:flex!important;flex-wrap:nowrap!important;width:100%;max-width:100%;margin:0!important;min-width:0;align-items:stretch;box-shadow:0 6px 19px rgba(0,0,0,.2);border-radius:12px;}
.basliyoruz #IRCBaglanti .lc-col .col-3.sc-field-icon{display:flex!important;flex:0 0 65px!important;width:65px!important;max-width:65px!important;min-width:0!important;align-items:center;justify-content:center;border:1px solid #fd4561;border-right:0;border-radius:12px 0 0 12px;background:linear-gradient(140deg,#ff2e50,#ba0027 75%);color:#fff;}
.basliyoruz #IRCBaglanti .lc-col .sc-field-icon::after{content:none!important;}
.basliyoruz #IRCBaglanti .lc-col .sc-field-icon svg{display:block;width:27px;height:27px;stroke:#fff;fill:none;}
.basliyoruz #IRCBaglanti .lc-col .col-9{display:block;flex:1 1 0!important;max-width:calc(100% - 65px)!important;min-width:0!important;}
.basliyoruz #IRCBaglanti .login-input{display:block!important;width:100%!important;max-width:100%!important;height:62px!important;line-height:normal!important;border:1px solid #e2bfc6!important;border-radius:0 12px 12px 0!important;padding:0 15px!important;color:#24141a!important;background:#fff!important;font-size:clamp(14px,3.5vw,17px)!important;font-weight:600!important;min-width:0;outline:none!important;box-shadow:none!important;}
.basliyoruz #IRCBaglanti .login-input:focus-visible{outline:3px solid #ff8296!important;outline-offset:1px!important;}
.basliyoruz #IRCBaglanti .login-input::placeholder{color:#6e6a6d!important;opacity:1;}
.basliyoruz #IRCBaglanti .lc-text2{text-align:center!important;color:#eee2e5!important;font-size:15px!important;font-weight:500;margin:3px 0 27px!important;line-height:1.4;}
.basliyoruz #IRCBaglanti .sc-login-actions{margin-bottom:0!important;display:flex;flex-direction:column;gap:18px;}
.basliyoruz #IRCBaglanti .login-button{display:flex;gap:13px;align-items:center;justify-content:center;width:100%!important;min-width:0;min-height:75px;height:auto!important;padding:15px 14px!important;border:2px solid #ff7b8f!important;border-radius:17px!important;background:linear-gradient(180deg,#ff294a 0%,#ed062c 42%,#b70026 100%)!important;box-shadow:inset 0 2px 1px #ffffff2b,0 6px 20px #fa17445e,0 6px 15px #0005!important;color:#fff!important;text-align:center;font-size:clamp(19px,4.8vw,25px)!important;font-weight:800!important;line-height:1.2!important;text-shadow:0 2px 3px #4b0014!important;cursor:pointer;transition:filter .15s,transform .15s;}
.basliyoruz #IRCBaglanti .login-button:hover{filter:brightness(1.1);transform:translateY(-1px);}
.basliyoruz #IRCBaglanti .login-button:focus-visible,.basliyoruz #IRCBaglanti .login-eski:focus-visible{outline:3px solid #ffd1da!important;outline-offset:3px!important;}
.basliyoruz .sc-btn-icon{width:28px;height:28px;flex-shrink:0;}
.basliyoruz #IRCBaglanti .login-eski{width:100%;min-height:67px;display:flex;align-items:center;justify-content:center;gap:11px;padding:13px 10px;margin:0!important;border:2px solid #726971;border-radius:16px;background:linear-gradient(175deg,#383035,#171013);box-shadow:0 5px 12px #0005;color:#fff!important;font-size:clamp(15px,3.9vw,19px)!important;font-weight:750!important;line-height:1.3;text-align:center;text-decoration:none!important;white-space:normal;}
.basliyoruz #IRCBaglanti .login-eski:hover{background:#3e222c;border-color:#f24461;}
.basliyoruz .sc-login-bottom-wave{position:relative;height:25px;flex:none;pointer-events:none;}
/* Card alone on an uncluttered white background; no fabricated IRC preview or stats. */
.basliyoruz .sc-preview,.basliyoruz .sc-login-benefits{display:none!important;}
/* When connected return to the original IRC fullscreen navigation and chat. */
body.sc-connected .basliyoruz{display:none!important;}
body.sc-connected .sc-brandbar{display:flex!important;}
body.sc-connected{background:radial-gradient(ellipse 75% 45% at 60% 10%,#740c21,#1a080e 75%) fixed!important;}
@media(max-width:600px){
 .basliyoruz{min-height:100dvh;align-items:flex-start;padding:12px 10px 22px!important;}
 .basliyoruz .login-bar{width:100%!important;max-width:455px!important;padding:4px!important;border-radius:24px!important;}
 .basliyoruz .sc-login-left{min-height:0;border-radius:19px;}
 .basliyoruz .login-bar .login-title{padding:30px 16px 22px!important;gap:10px!important;}
 .basliyoruz .login-bar .sc-card-logo{max-width:320px;max-height:70px;}
 .basliyoruz .login-bar .login-title h1{font-size:clamp(24px,7.4vw,32px)!important;}
 .basliyoruz .login-bar .login-content{padding:20px 17px 36px!important;}
 .basliyoruz .login-bar .login-content .lc-text1{margin:0 0 22px!important;}
 .basliyoruz #IRCBaglanti .lc-col{margin:0 0 14px!important;}
 .basliyoruz #IRCBaglanti .lc-col .col-3.sc-field-icon{flex-basis:50px!important;width:50px!important;max-width:50px!important;}
 .basliyoruz #IRCBaglanti .lc-col .col-9{max-width:calc(100% - 50px)!important;}
 .basliyoruz #IRCBaglanti .login-input{height:54px!important;padding:0 10px!important;font-size:15px!important;}
 .basliyoruz #IRCBaglanti .lc-text2{margin:3px 0 19px!important;font-size:13px!important;}
 .basliyoruz #IRCBaglanti .sc-login-actions{gap:12px;}
 .basliyoruz #IRCBaglanti .login-button{min-height:60px;padding:12px!important;border-radius:13px!important;font-size:21px!important;}
 .basliyoruz #IRCBaglanti .login-eski{min-height:55px;border-radius:13px;font-size:15px!important;}
 .basliyoruz .sc-login-bottom-wave{height:19px;}
}
@media(max-width:355px){
 .basliyoruz{padding:7px 6px 14px!important;}
 .basliyoruz .login-bar .login-title{padding:25px 12px 17px!important;}
 .basliyoruz .login-bar .login-content{padding:18px 12px 27px!important;}
 .basliyoruz #IRCBaglanti .lc-col .col-3.sc-field-icon{flex-basis:45px!important;width:45px!important;max-width:45px!important;}
 .basliyoruz #IRCBaglanti .lc-col .col-9{max-width:calc(100% - 45px)!important;}
 .basliyoruz #IRCBaglanti .login-input{font-size:14px!important;}
 .basliyoruz .login-bar .sc-card-logo{max-width:275px;}
}
@media(prefers-reduced-motion:reduce){.basliyoruz *{transition:none!important;animation:none!important}}

/* Preserve icon rendering without distributing local font files. */
@font-face{font-family:'FontAwesome';src:url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.woff2') format('woff2');font-weight:normal;font-style:normal;font-display:block}