.ciit-auth-section{min-height:calc(100vh - 120px);display:flex;align-items:center;padding:40px 0;background:radial-gradient(circle at 15% 15%,rgba(23,105,255,.10),transparent 35%),radial-gradient(circle at 85% 80%,rgba(6,182,212,.10),transparent 35%),linear-gradient(135deg,#f7faff 0%,#eef8ff 100%)}
.ciit-auth-shell{width:min(100%,560px);margin:0 auto}.ciit-auth-shell-sm{width:min(100%,440px)}.ciit-auth-shell-register{width:min(100%,620px)}
.ciit-auth-card{position:relative;overflow:hidden;width:100%;background:rgba(255,255,255,.86);border:1px solid rgba(255,255,255,.95);border-radius:22px;padding:28px 30px;box-shadow:0 18px 48px rgba(23,105,255,.10);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.ciit-auth-card::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#1769ff,#06b6d4)}
.ciit-auth-brand{display:flex;align-items:center;gap:10px;margin-bottom:22px}.ciit-auth-logo{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:linear-gradient(135deg,#1769ff,#06b6d4);color:#fff;font-weight:800;font-size:16px;box-shadow:0 8px 18px rgba(23,105,255,.20)}.ciit-auth-brand-text{font-size:10px;font-weight:800;line-height:1.35;letter-spacing:.11em;color:#64748b}
.ciit-auth-card h1{font-size:1.7rem;font-weight:800;letter-spacing:-.03em;color:#172033;margin-bottom:6px}.ciit-auth-card .ciit-auth-subtitle{color:#64748b;line-height:1.5;margin-bottom:0;font-size:.94rem}.ciit-auth-card .form-label{color:#172033;font-size:.88rem;margin-bottom:6px}.ciit-auth-card .form-control{min-height:46px;border:1px solid #d8e3f0;border-radius:11px;background:rgba(255,255,255,.92);padding:.65rem .8rem}.ciit-auth-card .form-control:focus{border-color:#1769ff;box-shadow:0 0 0 .20rem rgba(23,105,255,.11)}.ciit-auth-card .btn-primary{border:0;border-radius:11px;min-height:46px;background:linear-gradient(135deg,#1769ff,#0f8df5);box-shadow:0 8px 20px rgba(23,105,255,.16)}.ciit-auth-card .btn-primary:hover{filter:brightness(.97);transform:translateY(-1px)}
.ciit-auth-link{color:#1769ff;text-decoration:none;font-weight:700}.ciit-auth-link:hover{text-decoration:underline}.ciit-auth-alert{border:1px solid #bfdbfe;border-radius:11px;background:rgba(239,248,255,.92);color:#075985;padding:11px 13px;font-size:.88rem}.ciit-auth-error{border:1px solid #fecaca;border-radius:11px;background:#fff5f5;color:#b91c1c;padding:11px 13px;font-size:.88rem}.ciit-auth-divider{display:flex;align-items:center;gap:10px;margin:20px 0 14px;color:#94a3b8;font-size:.78rem}.ciit-auth-divider::before,.ciit-auth-divider::after{content:"";height:1px;flex:1;background:#e2e8f0}.ciit-auth-divider span{white-space:nowrap}
.ciit-register-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px}.ciit-register-full{grid-column:1 / -1}.ciit-otp-boxes{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.ciit-otp-digit{width:100%;height:58px;border:1px solid #d8e3f0;border-radius:11px;background:rgba(255,255,255,.92);font-size:24px;font-weight:800;text-align:center;color:#172033;outline:0;box-shadow:none;caret-color:#1769ff;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.ciit-otp-digit:focus{border-color:#1769ff;box-shadow:0 0 0 .20rem rgba(23,105,255,.11);transform:translateY(-1px)}.ciit-otp-meta{font-size:12px;color:#64748b}.ciit-otp-timer{font-weight:800;color:#1769ff}.ciit-resend-btn{border:0;background:transparent;color:#1769ff;font-weight:800;padding:0}.ciit-resend-btn:disabled{color:#94a3b8;cursor:not-allowed}.ciit-security-note{display:flex;gap:8px;align-items:flex-start;margin-top:18px;padding:11px 12px;border-radius:11px;background:#f8fafc;color:#64748b;font-size:11px;line-height:1.5}.ciit-security-note i{color:#1769ff;margin-top:2px}
@media(max-width:768px){.ciit-auth-section{padding:28px 12px;min-height:calc(100vh - 100px)}.ciit-auth-card{padding:24px 20px;border-radius:18px}.ciit-auth-card h1{font-size:1.5rem}.ciit-register-grid{grid-template-columns:1fr}.ciit-register-full{grid-column:auto}.ciit-otp-boxes{gap:6px}.ciit-otp-digit{height:54px;font-size:22px;border-radius:10px}}
@media(max-width:380px){.ciit-otp-boxes{gap:4px}.ciit-otp-digit{height:50px;font-size:20px}}
@media(prefers-reduced-motion:reduce){.ciit-auth-card .btn-primary,.ciit-otp-digit{transition:none}}