/* SIC Tank Designer — Login Page CSS v2 (horizontal, modern, light) */
@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@300;400;500;600;700&display=swap');

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}

body{font-family:'Barlow',Arial,sans-serif;background:#f0f4f8;min-height:100vh;display:flex;align-items:center;justify-content:center;}

.sictd-login-wrap{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;}

/* Main card — two columns */
.sictd-login-card{display:grid;grid-template-columns:1fr 1fr;max-width:900px;width:100%;min-height:520px;border-radius:18px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.18);}

/* LEFT: hero image */
.sictd-login-hero{position:relative;background:#1a2b48;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:36px;}
.sictd-login-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.65;}
.sictd-login-hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,106,171,.2) 0%,rgba(10,20,40,.78) 100%);}
.sictd-login-hero-content{position:relative;z-index:2;}
.sictd-login-logo-wrap{position:absolute;top:22px;left:22px;z-index:3;max-width:130px;}
.sictd-login-logo{height:40px;width:auto;max-width:110px;object-fit:contain;border-radius:6px;background:rgba(255,255,255,.15);padding:5px 10px;display:block;}
.sictd-login-hero-title{font-size:21px;font-weight:700;color:#fff;line-height:1.35;margin-bottom:8px;}
.sictd-login-hero-sub{font-size:12px;color:rgba(255,255,255,.55);font-weight:300;letter-spacing:.8px;text-transform:uppercase;}

/* RIGHT: form */
.sictd-login-form-panel{background:#fff;padding:40px 36px;display:flex;flex-direction:column;justify-content:center;}
.sictd-login-header{display:none;}/* hide old header */
.sictd-login-form-title{font-size:22px;font-weight:700;color:#1e293b;margin-bottom:4px;}
.sictd-login-form-sub{font-size:13px;color:#94a3b8;margin-bottom:26px;}

/* Tabs */
.sictd-login-tabs{display:flex;gap:8px;margin-bottom:22px;border-bottom:2px solid #f1f5f9;}
.sictd-login-tab{background:none;border:1px solid transparent;padding:7px 16px;font-size:13px;font-weight:600;color:#94a3b8;cursor:pointer;border-radius:6px;transition:all .2s;font-family:inherit;position:relative;}
.sictd-login-tab.active{color:#fff;background:#066aab;border-color:#066aab;}
.sictd-login-tab.active::after{display:none;}

/* Fields */
.sictd-login-panel{display:none;}
.sictd-login-panel.active{display:block;}
.sictd-login-field{margin-bottom:16px;}
.sictd-login-field label{display:block;font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:#64748b;margin-bottom:6px;}
.sictd-login-field input[type="email"],
.sictd-login-field input[type="password"],
.sictd-login-field input[type="text"]{width:100%;padding:11px 14px;border:1.5px solid #e2e8f0;border-radius:8px;font-size:14px;color:#1e293b;background:#f8fafc;transition:border-color .2s,background .2s;font-family:inherit;}
.sictd-login-field input:focus{outline:none;border-color:#066aab;background:#fff;}
.sictd-login-pw-wrap{position:relative;}
.sictd-login-pw-wrap input{padding-right:44px;}
.sictd-pw-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:16px;color:#94a3b8;padding:2px;line-height:1;}
.sictd-login-remember{display:flex;align-items:center;gap:8px;font-size:13px;color:#64748b;cursor:pointer;margin-bottom:20px;user-select:none;}
.sictd-login-hint{font-size:13px;color:#64748b;line-height:1.6;margin-bottom:18px;}
.sictd-login-feedback{font-size:13px;font-weight:600;min-height:18px;margin-bottom:12px;}
.sictd-login-feedback.error{color:#dc2626;}
.sictd-login-feedback.success{color:#16a34a;}

/* Button */
.sictd-login-btn,
.sictd-login-btn:link,
.sictd-login-btn:visited,
.sictd-login-btn:hover,
.sictd-login-btn:active {
    width:100%;padding:13px;
    background:linear-gradient(135deg,#066aab,#0550a0) !important;
    color:#ffffff !important;
    border:none !important;
    border-radius:8px;
    font-size:15px;font-weight:700;
    cursor:pointer;
    transition:all .2s;
    font-family:inherit;
    letter-spacing:.3px;
    text-decoration:none !important;
    display:block;
    box-sizing:border-box;
    -webkit-appearance:none;
}
.sictd-login-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px rgba(6,106,171,.35);}
.sictd-login-btn:disabled{opacity:.65;cursor:not-allowed;transform:none;}

/* Responsive */
@media(max-width:680px){
    .sictd-login-card{grid-template-columns:1fr;min-height:auto;}
    .sictd-login-hero{min-height:200px;padding:24px;}
    .sictd-login-logo-wrap{top:16px;left:16px;}
    .sictd-login-logo{height:40px;}
    .sictd-login-hero-title{font-size:17px;}
    .sictd-login-form-panel{padding:26px 20px;}
}