#authKlasik,#authOnyx,#authAurora{display:none;min-height:100vh;position:relative;z-index:10}
#authKlasik.active{display:flex}#authOnyx.active{display:flex;align-items:center;justify-content:center;background:#060a14;overflow:hidden}#authAurora.active{display:flex}
.tpl-form-group{margin-bottom:16px}.tpl-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}
.tpl-label{font-size:12px;font-weight:700;display:flex;align-items:center;gap:6px;margin-bottom:6px}
.tpl-input{width:100%;padding:13px 14px;border-radius:12px;font-size:13px;outline:none;box-sizing:border-box;font-weight:500;transition:all 0.3s}
.tpl-input-light{border:1.5px solid #e8ecf2;background:#fafbfd;color:#0f172a}.tpl-input-light:focus{border-color:#2563eb;box-shadow:0 0 0 4px rgba(37,99,235,0.08);background:white}
.tpl-input-dark{border:1.5px solid rgba(255,255,255,0.07);background:rgba(255,255,255,0.04);color:white}.tpl-input-dark:focus{border-color:rgba(6,182,212,0.4);box-shadow:0 0 0 4px rgba(6,182,212,0.06)}
.tpl-input-aurora{border:2px solid #eef0f4;background:#fafbfd;color:#0f172a}.tpl-input-aurora:focus{border-color:#f97316;box-shadow:0 0 0 4px rgba(249,115,22,0.06)}
.tpl-phone-wrap{display:flex;gap:8px}.tpl-phone-sel{display:flex;align-items:center;gap:6px;padding:0 12px;border-radius:12px;font-size:13px;font-weight:600;min-width:110px;cursor:pointer;transition:all 0.3s;position:relative}
.tpl-phone-sel-light{border:1.5px solid #e8ecf2;background:#fafbfd;color:#0f172a}
.tpl-phone-sel-dark{border:1.5px solid rgba(255,255,255,0.07);background:rgba(255,255,255,0.04);color:white}
.tpl-phone-dd{position:absolute;top:calc(100% + 6px);left:0;width:300px;border-radius:16px;padding:6px;z-index:100;max-height:280px;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,0.2)}
.tpl-phone-dd-light{background:white;border:1px solid #e2e8f0}.tpl-phone-dd-dark{background:#141b2d;border:1px solid rgba(255,255,255,0.08)}
.tpl-phone-dd-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;border-radius:10px;cursor:pointer;text-align:left;font-size:13px;font-weight:500;transition:background 0.15s;background:transparent}
.tpl-check-row{display:flex;align-items:flex-start;gap:10px;cursor:pointer;margin-bottom:12px}
.tpl-checkbox{width:20px;height:20px;min-width:20px;border-radius:6px;margin-top:1px}
.tpl-check-text{font-size:12.5px;line-height:1.5;font-weight:500}
.tpl-btn{width:100%;padding:16px;border:none;border-radius:14px;cursor:pointer;font-size:14px;font-weight:700;transition:all 0.3s;display:flex;align-items:center;justify-content:center;gap:8px}
.tpl-btn:hover{transform:translateY(-1px)}
.tpl-tabs{display:flex;margin-bottom:28px;background:#f1f5f9;border-radius:14px;padding:4px}
.tpl-tab{flex:1;padding:12px 0;border:none;border-radius:11px;cursor:pointer;font-weight:700;font-size:13px;transition:all 0.25s;text-align:center}
.tpl-tab.active{background:white;color:#0f172a;box-shadow:0 2px 8px rgba(0,0,0,0.04)}.tpl-tab:not(.active){background:transparent;color:#94a3b8}
.tpl-link{text-decoration:none;font-weight:800}.tpl-footer{text-align:center;margin-top:20px;font-size:13px;font-weight:500}
.tpl-k-left{flex:0 0 42%;position:relative;overflow:hidden;background:linear-gradient(160deg,#0d2137,#0a1628,#071020)}
.tpl-k-left::before{content:'';position:absolute;inset:0;opacity:0.05;background-image:linear-gradient(rgba(255,255,255,0.3) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.3) 1px,transparent 1px);background-size:40px 40px}
.tpl-k-glow1{position:absolute;top:20%;left:30%;width:300px;height:300px;background:radial-gradient(circle,rgba(37,99,235,0.2),transparent 65%);border-radius:50%;filter:blur(60px);animation:tplFloat1 8s ease-in-out infinite}
.tpl-k-glow2{position:absolute;bottom:15%;right:10%;width:200px;height:200px;background:radial-gradient(circle,rgba(16,185,129,0.15),transparent 65%);border-radius:50%;filter:blur(50px);animation:tplFloat2 10s ease-in-out infinite}
@keyframes tplFloat1{0%,100%{transform:translate(0,0)}50%{transform:translate(-20px,15px)}}
@keyframes tplFloat2{0%,100%{transform:translate(0,0)}50%{transform:translate(15px,-20px)}}
.tpl-k-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:48px}
.tpl-k-right{flex:1;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#fff,#f8f9fc);position:relative;overflow-y:auto}
.tpl-k-right::before{content:'';position:absolute;inset:0;opacity:0.03;background-image:radial-gradient(circle at 1px 1px,#0f172a 1px,transparent 0);background-size:32px 32px}
.tpl-k-form{width:400px;position:relative;z-index:2;padding:40px 0}
.tpl-k-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#eff6ff;border-radius:100px;margin-bottom:28px;border:1px solid #dbeafe;font-size:11px;font-weight:700;color:#2563eb}
.tpl-k-badge .dot{width:6px;height:6px;border-radius:50%;background:#22c55e}
.tpl-k-tag{font-size:11px;color:#2563eb;letter-spacing:0.2em;text-transform:uppercase;font-weight:700;margin-bottom:20px}
.tpl-k-stats{display:flex;border-top:1px solid rgba(255,255,255,0.06);padding-top:28px}
.tpl-k-stat{flex:1}.tpl-k-stat-val{font-size:22px;font-weight:800;color:white}.tpl-k-stat-lbl{font-size:11px;color:rgba(255,255,255,0.3);margin-top:4px}
.tpl-o-bg1{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(15,23,42,1),#060a14 70%)}
.tpl-o-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:800px;border-radius:50%;opacity:0.12;background:conic-gradient(from 0deg,#06b6d4,#3b82f6,#8b5cf6,#06b6d4);filter:blur(100px);animation:tplOSpin 30s linear infinite}
@keyframes tplOSpin{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}
.tpl-o-grid{position:absolute;inset:0;opacity:0.03;background-image:linear-gradient(rgba(6,182,212,0.5) 1px,transparent 1px),linear-gradient(90deg,rgba(6,182,212,0.5) 1px,transparent 1px);background-size:80px 80px}
.tpl-o-line{position:absolute;top:30%;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(6,182,212,0.15) 30%,rgba(6,182,212,0.3) 50%,rgba(6,182,212,0.15) 70%,transparent)}
.tpl-o-card{width:460px;position:relative;z-index:2;padding:0 20px}
.tpl-o-logo{text-align:center;margin-bottom:36px}
.tpl-o-logo-box{width:72px;height:72px;border-radius:22px;margin:0 auto 20px;background:linear-gradient(135deg,rgba(6,182,212,0.15),rgba(139,92,246,0.15));border:1px solid rgba(6,182,212,0.2);display:flex;align-items:center;justify-content:center;box-shadow:0 0 60px rgba(6,182,212,0.15);overflow:hidden}
.tpl-o-logo-box img{width:44px;height:44px;object-fit:contain}
.tpl-o-inner{background:rgba(255,255,255,0.03);backdrop-filter:blur(40px);border-radius:28px;padding:36px 32px;border:1px solid rgba(255,255,255,0.06);box-shadow:0 40px 80px rgba(0,0,0,0.4);max-height:70vh;overflow-y:auto}
.tpl-a-left{flex:0 0 48%;display:flex;align-items:center;justify-content:center;background:#fefefe;position:relative;overflow-y:auto;padding:40px}
.tpl-a-form{width:420px;position:relative;z-index:2;padding:20px 0}
.tpl-a-right{flex:1;position:relative;overflow:hidden;background:linear-gradient(150deg,#0c1a2e,#0a1222)}
.tpl-a-glow1{position:absolute;top:-30%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(249,115,22,0.2),transparent 60%);filter:blur(80px);animation:tplAF1 8s ease-in-out infinite}
.tpl-a-glow2{position:absolute;bottom:-20%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(234,88,12,0.12),transparent 60%);filter:blur(70px);animation:tplAF2 10s ease-in-out infinite}
@keyframes tplAF1{0%,100%{transform:translate(0,0)}50%{transform:translate(-30px,20px)}}
@keyframes tplAF2{0%,100%{transform:translate(0,0)}50%{transform:translate(20px,-30px)}}
.tpl-a-line{position:absolute;top:45%;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(249,115,22,0.2) 30%,rgba(249,115,22,0.4) 50%,rgba(249,115,22,0.2) 70%,transparent)}
.tpl-a-features{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:420px}
.tpl-a-feat{background:rgba(255,255,255,0.03);border-radius:20px;padding:28px 22px;border:1px solid rgba(255,255,255,0.05)}
.tpl-a-feat-icon{font-size:28px;margin-bottom:14px;width:52px;height:52px;border-radius:16px;background:rgba(249,115,22,0.08);display:flex;align-items:center;justify-content:center}
.tpl-a-trust{display:flex;align-items:center;gap:24px;margin-top:36px;padding:16px 28px;background:rgba(255,255,255,0.03);border-radius:14px;border:1px solid rgba(255,255,255,0.04)}
#splashScreen{position:fixed;inset:0;z-index:99999;background:linear-gradient(160deg,#0a1628,#060d1b,#0a0f1e);display:none;flex-direction:column;align-items:center;justify-content:center;transition:opacity 0.6s}
#demoTemplateSwitcher.active{display:flex}
/* Mobile Logo Blocks (hidden on desktop, shown on mobile) */
.tpl-mobile-logo-k,.tpl-mobile-logo-a{display:none}

@media(max-width:900px){
  /* Klasik */
  #authKlasik.active{flex-direction:column}
  .tpl-k-left{display:none}
  .tpl-k-right{flex:1;width:100%;flex-direction:column;align-items:center;padding-top:0}
  .tpl-k-form{width:90%;max-width:400px;padding:10px 0 30px}
  .tpl-k-badge{margin-bottom:16px}
  /* Aurora */
  #authAurora.active{flex-direction:column}
  .tpl-a-right{display:none}
  .tpl-a-left{flex:1;width:100%;padding:0 20px;flex-direction:column;align-items:center}
  .tpl-a-form{width:90%;max-width:400px;padding:10px 0 30px}
  .tpl-a-form>div:first-child{display:none}
  /* Onyx */
  .tpl-o-card{width:92%;max-width:420px;padding:0 10px}
  .tpl-o-inner{padding:28px 20px;max-height:none;border-radius:20px}
  .tpl-o-logo{margin-bottom:24px}
  .tpl-o-logo-box{width:56px;height:56px;border-radius:16px}
  .tpl-o-logo-box img{width:34px;height:34px}
  /* Mobile logolar göster, desktop logolar gizle */
  .tpl-mobile-logo-k,.tpl-mobile-logo-a{display:block!important}
  
  .tpl-a-desk-logo{display:none!important}
  .tpl-o-logo-box{width:64px;height:64px;border-radius:16px}
  .tpl-o-logo-box img{width:40px;height:40px}
  /* Phone dropdown */
  .tpl-phone-dd{width:calc(100vw - 80px);max-width:300px}
  /* Form spacing */
  .tpl-form-group{margin-bottom:14px}
  .tpl-form-row{gap:8px;margin-bottom:14px}
  .tpl-input{padding:12px 12px;font-size:13px}
  .tpl-btn{padding:14px;font-size:13px}
  .tpl-footer{margin-top:16px}
  /* Legal modal */
  #legalModal>div{max-height:90vh;border-radius:16px;margin:10px}
}
@media(max-width:480px){
  .tpl-form-row{grid-template-columns:1fr}
  .tpl-k-form,.tpl-a-form{width:92%}
  .tpl-o-card{width:95%}
  .tpl-o-inner{padding:24px 16px}
}

/* Trading Background Animations */
.tpl-trade-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1}
@keyframes tplPUp{0%{transform:translateY(0) scale(0);opacity:0}10%{transform:scale(1);opacity:0.6}50%{opacity:0.8}90%{opacity:0.3}100%{transform:translateY(-100vh) scale(0.5);opacity:0}}
@keyframes tplCandleFloat{0%{transform:translateY(100vh) rotate(0deg);opacity:0}10%{opacity:1}50%{transform:translateY(30vh) rotate(3deg);opacity:0.8}90%{opacity:0.3}100%{transform:translateY(-20vh) rotate(-2deg);opacity:0}}
@keyframes tplDrawLine{to{stroke-dashoffset:0}}
@keyframes tplFadeIn{to{opacity:1}}
@keyframes tplTickerFloat{0%{transform:translateY(100vh);opacity:0}5%{opacity:1}50%{opacity:0.8}95%{opacity:0.3}100%{transform:translateY(-100vh);opacity:0}}
@keyframes tplPulseRing{0%{width:0;height:0;opacity:0.8;transform:translate(-50%,-50%)}100%{width:200px;height:200px;opacity:0;transform:translate(-50%,-50%)}}