/* =========================================================
   REGISTER PAGE — extends style.css / design tokens
========================================================= */

.register-body{ background: var(--cream); min-height:100vh; }

.register-main{
  position:relative;
  min-height: calc(100vh - 78px);
  display:flex;
  align-items:center;
  padding:64px 0;
  overflow:hidden;
}

.register-wrap{
  display:flex;
  justify-content:center;
}

.register-card{
  position:relative;
  width:100%;
  max-width:480px;
  background:#fff;
  border:1px solid var(--line);
  border-radius: var(--radius-md);
  padding:48px 44px;
  box-shadow: var(--shadow-soft);
  text-align:center;
}

.register-hex{
  position:relative;
  width:64px;
  height:64px;
  margin:0 auto 28px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.register-hex svg{ position:absolute; inset:0; width:100%; height:100%; }
.register-hex svg polygon{ fill: var(--ink); }
.register-hex span{
  position:relative;
  color: var(--amber);
  font-size:1.3rem;
}

.register-card .eyebrow{ text-align:center; }
.register-card h1{
  font-size:1.9rem;
  margin-bottom:14px;
}
.register-sub{
  color:#4B5F58;
  font-size:0.98rem;
  line-height:1.6;
  max-width:380px;
  margin:0 auto 32px;
}

.register-form{
  text-align:left;
  display:flex;
  flex-direction:column;
  gap:8px;
}
.register-form label{
  font-size:0.85rem;
  font-weight:700;
  color: var(--ink-soft);
  margin-bottom:4px;
}
.register-form input{
  padding:15px 18px;
  border-radius: 10px;
  border:1.5px solid var(--line);
  font-family: inherit;
  font-size:1rem;
  background: var(--cream);
  color: var(--ink);
  transition: border-color .18s ease, background .18s ease;
}
.register-form input:focus{
  outline:none;
  border-color: var(--teal);
  background:#fff;
}
.register-btn{
  width:100%;
  justify-content:center;
  margin-top:10px;
}
.register-note{
  margin-top:24px;
  font-size:0.8rem;
  color:#8A9A92;
  line-height:1.5;
}

@media (max-width:600px){
  .register-card{ padding:36px 26px; }
  .register-main{ padding:40px 0; }
}