.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;position:relative;z-index:1}
.auth-card{background:#15151f;border:1px solid #262636;border-radius:20px;padding:40px;width:100%;max-width:440px;box-shadow:0 0 60px rgba(245,185,66,0.06)}
.auth-card h2{font-size:1.6rem;font-weight:700;margin-bottom:6px;text-align:center}
.auth-card .sub{color:#6b6b80;font-size:0.9rem;text-align:center;margin-bottom:28px}
.auth-card label{display:block;font-size:0.82rem;font-weight:600;color:#a3a3b8;margin-bottom:5px}
.auth-card input{width:100%;padding:12px 14px;border-radius:10px;background:#07070c;border:1px solid #262636;color:#fff;font-family:inherit;font-size:0.9rem;margin-bottom:16px;transition:all 0.2s}
.auth-card input:focus{outline:none;border-color:#f5b942}
.auth-card input::placeholder{color:#6b6b80}
.auth-card .err{color:#f43f5e;font-size:0.82rem;margin-bottom:12px;display:none;padding:10px;background:rgba(244,63,94,0.08);border-radius:8px}
.auth-card .err.show{display:block}
.auth-card .ok{color:#22c55e;font-size:0.82rem;margin-bottom:12px;display:none;padding:10px;background:rgba(34,197,94,0.08);border-radius:8px}
.auth-card .ok.show{display:block}
.auth-card .btn{width:100%;padding:13px;border-radius:10px;font-size:0.95rem;font-weight:600;cursor:pointer;border:none;background:linear-gradient(135deg,#f5b942,#ff7a59);color:#1a1203;font-family:inherit;transition:all 0.2s}
.auth-card .btn:hover{filter:brightness(1.08);box-shadow:0 0 30px rgba(245,185,66,0.25)}
.auth-card .btn-o{background:0;border:1px solid #262636;color:#fff;margin-top:8px}
.auth-card .btn-o:hover{border-color:#f5b942;background:rgba(245,185,66,0.05)}
.auth-card .link{text-align:center;margin-top:16px;font-size:0.85rem;color:#6b6b80}
.auth-card .link a{color:#ffd37a;text-decoration:none}
.auth-card .link a:hover{text-decoration:underline}

.plan-select{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px}
@media(max-width:500px){.plan-select{grid-template-columns:1fr}}
.plan-opt{border:2px solid #262636;border-radius:10px;padding:14px 10px;text-align:center;cursor:pointer;transition:all 0.2s;background:#07070c}
.plan-opt:hover{border-color:#f5b942}
.plan-opt.sel{border-color:#f5b942;background:rgba(245,185,66,0.08)}
.plan-opt .pn{font-size:0.9rem;font-weight:700;margin-bottom:2px}
.plan-opt .pp{font-size:1.1rem;font-weight:800;color:#ffd37a}
.plan-opt .pv{font-size:0.72rem;color:#6b6b80;margin-top:2px}
.plan-opt .pf{font-size:0.7rem;color:#22c55e;margin-top:2px}

.captcha-box{background:#07070c;border:1px solid #262636;border-radius:10px;padding:14px;margin-bottom:16px;display:flex;align-items:center;gap:12px}
.captcha-box .cq{font-size:0.95rem;font-weight:600;color:#a3a3b8;flex:1}
.captcha-box input{width:80px;padding:8px 10px;border-radius:6px;background:#15151f;border:1px solid #262636;color:#fff;font-family:inherit;font-size:0.9rem;text-align:center;margin:0}
.captcha-box input:focus{outline:none;border-color:#f5b942}
.captcha-box .ci{font-size:0.72rem;color:#6b6b80}
.canvas-captcha{display:block;padding:14px}
.canvas-captcha .captcha-canvas{display:block;width:100%;max-width:340px;height:auto;aspect-ratio:170/56;border-radius:10px;cursor:pointer;background:#1a1033}
.captcha-row{display:flex;align-items:center;gap:10px;margin-bottom:4px}
.captcha-yenile{flex:0 0 auto;width:46px;height:46px;display:flex;align-items:center;justify-content:center;background:#15151f;border:1px solid #262636;border-radius:10px;color:#f5b942;cursor:pointer;transition:0.2s;font-size:1rem}
.captcha-yenile:hover{background:#1d1d2b;border-color:#f5b942;transform:rotate(20deg)}
.captcha-yenile:active{transform:rotate(120deg)}
.captcha-hint{font-size:0.82rem;color:#ff6b6b}

.dash-header{background:#15151f;border:1px solid #262636;border-radius:16px;padding:28px;margin-bottom:20px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.dash-avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#f5b942,#ff7a59);display:flex;align-items:center;justify-content:center;font-size:1.6rem;font-weight:700;flex-shrink:0;color:#1a1203}
.dash-info{flex:1;min-width:200px}
.dash-info h3{font-size:1.2rem;font-weight:700;margin-bottom:4px}
.dash-info .plan-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:0.75rem;font-weight:600;margin-bottom:8px}
.dash-info .plan-badge.free{background:rgba(161,161,170,0.15);color:#a3a3b8}
.dash-info .plan-badge.pro{background:rgba(245,185,66,0.16);color:#ffd37a}
.dash-info .plan-badge.enterprise{background:rgba(245,158,11,0.16);color:#f59e0b}
.dash-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}
.dash-stat{background:#15151f;border:1px solid #262636;border-radius:14px;padding:20px;text-align:center}
.dash-stat .val{font-size:1.8rem;font-weight:800;background:linear-gradient(135deg,#f5b942,#ff7a59);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.dash-stat .lbl{font-size:0.82rem;color:#6b6b80;margin-top:4px}
.dash-card{background:#15151f;border:1px solid #262636;border-radius:14px;padding:24px;margin-bottom:16px}
.dash-card h4{font-size:1rem;font-weight:600;margin-bottom:16px;display:flex;align-items:center;gap:8px}
.upgrade-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
@media(max-width:700px){.upgrade-grid{grid-template-columns:1fr}.dash-stats{grid-template-columns:1fr}}
.upgrade-card{border:1px solid #262636;border-radius:12px;padding:20px;text-align:center;transition:all 0.2s;background:#07070c}
.upgrade-card:hover{border-color:#f5b942}
.upgrade-card h5{font-size:0.95rem;font-weight:700;margin-bottom:4px}
.upgrade-card .prc{font-size:1.5rem;font-weight:800;color:#ffd37a;margin-bottom:2px}
.upgrade-card .prc span{font-size:0.8rem;color:#6b6b80}
.upgrade-card .vid{font-size:0.8rem;color:#6b6b80;margin-bottom:12px}
.upgrade-card button{width:100%;padding:10px;border-radius:8px;font-weight:600;cursor:pointer;border:none;font-family:inherit;font-size:0.85rem}
.upgrade-card button.current{background:#22c55e;color:#000;cursor:default}
.upgrade-card button.upgrade{background:linear-gradient(135deg,#f5b942,#ff7a59);color:#1a1203}
.upgrade-card button.upgrade:hover{filter:brightness(1.08)}

.auth-btn-group{display:flex;align-items:center;gap:6px}