:root{--navy:#07182d;--gold:#d4af5a;--gold-dark:#b9923e;--muted:#68778b;--line:#e3e8ef}*{box-sizing:border-box}body{margin:0;font:15px Inter,Arial,sans-serif;color:var(--navy);background:#f6f8fb}a{text-decoration:none;color:inherit}button,input,select{font:inherit}.auth-header{height:78px;background:#07182d;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);color:#fff}.logo{font-size:23px;font-weight:800;letter-spacing:-.06em;display:flex;align-items:center;gap:4px}.logo span:last-child{color:var(--gold)}.logo-icon{display:inline-grid;place-items:center;width:37px;height:37px;border-radius:10px;background:var(--gold);color:#07182d;margin-right:8px;font-size:17px}.back{font-size:13px;color:#dbe5f1}.back i{margin-right:7px}.back:hover{color:var(--gold)}.signup-page{max-width:900px;margin:0 auto;padding:52px 20px 80px}.signup-intro{text-align:center;margin-bottom:32px}.eyebrow{font-size:11px;letter-spacing:.16em;color:var(--gold-dark);font-weight:800}.signup-intro h1{font-size:clamp(28px,4vw,39px);letter-spacing:-.045em;margin:10px 0}.signup-intro p,.section-heading p,.signin-box>p{color:var(--muted);line-height:1.6}.form-card{background:white;border:1px solid var(--line);border-radius:20px;box-shadow:0 14px 45px rgba(7,24,45,.05);padding:18px 44px 36px}.form-section{padding:28px 0;border-bottom:1px solid var(--line)}.form-section:first-child{padding-top:15px}.form-section:last-of-type{border-bottom:0}.section-heading{display:flex;align-items:flex-start;gap:13px;margin-bottom:23px}.section-heading h2{font-size:19px;letter-spacing:-.02em;margin:0 0 5px}.section-heading p{font-size:13px;margin:0}.step{width:29px;height:29px;flex:none;border-radius:8px;background:#fbf5e7;color:#96752d;display:grid;place-items:center;font-size:11px;font-weight:800}.fields{display:grid;gap:18px;margin-top:18px}.fields.two{grid-template-columns:repeat(2,minmax(0,1fr))}.field{display:block;min-width:0}.field>span,.field>label{display:block;font-size:13px;font-weight:600;margin-bottom:9px}.field em{font-style:normal;color:#e04444}.field input,.field select{height:46px;width:100%;border:1px solid #d8e0e9;background:#fff;border-radius:9px;padding:0 14px;outline:none;color:var(--navy);font-size:14px}.field input::placeholder{color:#9aa6b4}.field input:focus,.field select:focus{border-color:var(--gold-dark);box-shadow:0 0 0 3px rgba(212,175,90,.16)}.submit{width:100%;height:50px;border:0;border-radius:10px;background:var(--gold);color:#101d30;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;transition:.2s}.submit:hover{background:#e3c171}.form-card>.submit{margin-top:12px}.bottom-link{text-align:center;font-size:13px;color:var(--muted);margin:22px 0 8px}.bottom-link a{font-weight:800;color:#9a762d}.demo-note{text-align:center;color:#9ba5b2;font-size:11px;margin:14px 0 0}.form-error{background:#fff2f2;border:1px solid #ffd6d6;padding:12px;border-radius:8px;color:#b42318;font-size:13px}.signin-layout{min-height:calc(100vh - 78px);display:grid;grid-template-columns:1fr 1fr}.signin-showcase{background:linear-gradient(125deg,rgba(7,24,45,.96),rgba(11,35,65,.88)),url('https://images.unsplash.com/photo-1601584115197-04ecc0da31d7?auto=format&fit=crop&w=1300&q=85') center/cover;color:#fff;display:flex;flex-direction:column;justify-content:center;position:relative;padding:65px clamp(30px,7vw,110px)}.showcase-content{max-width:510px}.signin-showcase h1{font-size:clamp(40px,5vw,64px);letter-spacing:-.055em;line-height:1.1;margin:16px 0 22px}.signin-showcase h1 span{color:var(--gold)}.signin-showcase p{font-size:16px;line-height:1.8;color:#cbd7e5}.showcase-features{display:grid;gap:17px;margin-top:37px;color:#e6edf7;font-size:13px}.showcase-features i{color:var(--gold);margin-right:11px}.showcase-footer{position:absolute;bottom:30px;left:clamp(30px,7vw,110px);color:#93a8c0;font-size:10px;letter-spacing:.15em}.signin-side{background:#fff;display:grid;place-items:center;padding:60px 28px}.signin-box{width:min(410px,100%)}.signin-box h1{font-size:33px;letter-spacing:-.045em;margin:12px 0}.signin-box>p{margin-bottom:32px}.signin-box .field{margin:0 0 20px}.input-icon{position:relative}.input-icon>i{position:absolute;left:14px;top:15px;color:#95a1af}.input-icon input{padding-left:43px}.show-password{position:absolute;right:9px;top:7px;width:32px;height:32px;background:transparent;border:0;color:#8594a5;cursor:pointer}.signin-options{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:12px;color:#64748b;margin:0 0 26px}.signin-options label{display:flex;gap:7px;align-items:center}.signin-options input{accent-color:var(--gold-dark)}.signin-options a{color:#9a762d;font-weight:700}@media(max-width:750px){.signin-layout{grid-template-columns:1fr}.signin-showcase{min-height:270px;padding:40px 26px}.signin-showcase h1{font-size:38px}.signin-showcase p{font-size:13px}.showcase-features,.showcase-footer{display:none}.signin-side{padding:48px 24px}.form-card{padding:12px 22px 28px}.fields.two{grid-template-columns:1fr}.signup-page{padding-top:35px}.auth-header{height:68px}.back{font-size:11px}}
.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}

.alert h4 {
  margin-top: 0;
  color: inherit;
}

.alert .alert-link {
  font-weight: bold;
}

.alert > p,
.alert > ul {
  margin-bottom: 0;
}

.alert > p + p {
  margin-top: 5px;
}

.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}

.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}

.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}

.alert-success hr {
  border-top-color: #c9e2b3;
}

.alert-success .alert-link {
  color: #2b542c;
}

.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}

.alert-info hr {
  border-top-color: #a6e1ec;
}

.alert-info .alert-link {
  color: #245269;
}

.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}

.alert-warning hr {
  border-top-color: #f7e1b5;
}

.alert-warning .alert-link {
  color: #66512c;
}

.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}

.alert-danger hr {
  border-top-color: #e4b9c0;
}

.alert-danger .alert-link {
  color: #843534;
}