*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    body { font-family: 'Inter', sans-serif; background: #f5f7fa; color: #1a2a4a; }

    /* ─── HEADER ─────────────────────────────────────────────────── */
    .ashrae-header {
      position: sticky;
      top: 0;
      z-index: 100;
      background: #ffffff;
      border-top: 4px solid #9b1b30;
      box-shadow: 0 2px 12px rgba(0,0,0,0.08);
    }
    .ashrae-header__inner {
      max-width: 1280px;
      margin: 0 auto;
      padding: 50px 24px;
      height: 80px;
      display: flex;
      align-items: center;
      gap: 32px;
    }
    .ashrae-header__logos {
      display: flex;
      align-items: center;
      gap: 20px;
      flex-shrink: 0;
    }
    .ashrae-header__logo {
      height: 70px;
      width: auto;
      object-fit: contain;
    }
    .ashrae-header__logo--divider {
      width: 1px;
      height: 40px;
      background: #dde3ee;
      flex-shrink: 0;
    }
    .ashrae-header__nav {
      display: flex;
      align-items: center;
      gap: 8px;
      margin-left: auto;
    }
    .ashrae-header__nav-link {
      font-size: 0.92rem;
      font-weight: 600;
      color: #1a2a4a;
      text-decoration: none;
      padding: 8px 14px;
      border-radius: 6px;
      transition: background 0.18s, color 0.18s;
      white-space: nowrap;
    }
    .ashrae-header__nav-link:hover {
      background: #eef1f8;
      color: #1a4fa0;
    }
    .ashrae-header__register {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 10px 24px;
      border-radius: 8px;
      font-size: 0.92rem;
      font-weight: 700;
      color: #fff;
      text-decoration: none;
      background: linear-gradient(135deg, #4cbe8f 0%, #1a8fd1 100%);
      transition: opacity 0.18s, transform 0.15s;
      white-space: nowrap;
      margin-left: 8px;
      flex-shrink: 0;
    }
    .ashrae-header__register:hover { opacity: 0.88; transform: translateY(-1px); }
    .ashrae-header__hamburger {
      display: none;
      flex-direction: column;
      gap: 5px;
      cursor: pointer;
      padding: 8px;
      margin-left: auto;
      background: none;
      border: none;
    }
    .ashrae-header__hamburger span {
      display: block;
      width: 24px;
      height: 2px;
      background: #1a2a4a;
      border-radius: 2px;
      transition: all 0.25s;
    }
    .ashrae-header__mobile-menu {
      display: none;
      flex-direction: column;
      background: #fff;
      border-top: 1px solid #eef1f8;
      padding: 12px 24px 16px;
      gap: 4px;
    }
    .ashrae-header__mobile-menu.open { display: flex; }
    .ashrae-header__mobile-menu a {
      font-size: 0.95rem;
      font-weight: 600;
      color: #1a2a4a;
      text-decoration: none;
      padding: 10px 0;
      border-bottom: 1px solid #f0f2f7;
    }
    .ashrae-header__mobile-menu .ashrae-header__register {
      margin: 10px 0 0;
      text-align: center;
    }

    @media (max-width: 768px) {
      .ashrae-header__nav { display: none; }
      .ashrae-header__hamburger { display: flex; }
      .ashrae-header__inner { gap: 12px; }
    }
    @media (max-width: 480px) {
      .ashrae-header__logo { height: 38px; }
      .ashrae-header__inner { padding: 0 16px; }
    }

    /* ─── MAIN CONTENT AREA ─────────────────────────────────────── */
    .ashrae-page-body {
      min-height: calc(100vh - 80px - 320px);
      padding: 48px 24px;
      display: flex;
      flex-direction: column;
      align-items: center;
    }

    /* ─── REGISTER SECTION ───────────────────────────────────────── */
    .ashrae-register {
      width: 100%;
      max-width: 1100px;
    }
    .ashrae-register__heading {
      font-size: 1.65rem;
      font-weight: 700;
      color: #1a2a4a;
      margin-bottom: 28px;
      padding-bottom: 14px;
      border-bottom: 3px solid #1a8fd1;
      display: inline-block;
    }
    .ashrae-register__layout {
      display: grid;
      grid-template-columns: 310px 1fr;
      gap: 32px;
      align-items: start;
    }

    /* Payment card */
    .ashrae-register__payment-card {
      background: #fff;
      border-radius: 14px;
      box-shadow: 0 4px 20px rgba(26,47,90,0.10);
      padding: 28px 24px;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 20px;
      border: 1px solid #e5eaf3;
    }
    .ashrae-register__payment-title {
      font-size: 1.15rem;
      font-weight: 700;
      color: #1a2a4a;
      letter-spacing: 0.01em;
    }
    .ashrae-register__qr {
      width: 180px;
      height: 180px;
      background: #f0f2f7;
      border-radius: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: hidden;
    }
    .ashrae-register__qr-placeholder {
      font-size: 0.78rem;
      color: #8898b0;
      text-align: center;
      padding: 16px;
    }
    /* Real QR SVG pattern */
    .ashrae-register__qr svg { width: 170px; height: 170px; }
    .ashrae-register__bank {
      width: 100%;
      background: #f5f7fa;
      border-radius: 10px;
      padding: 16px 18px;
      display: flex;
      flex-direction: column;
      gap: 8px;
    }
    .ashrae-register__bank-title {
      font-size: 0.85rem;
      font-weight: 700;
      color: #1a2a4a;
      margin-bottom: 4px;
    }
    .ashrae-register__bank-row {
      display: flex;
      gap: 6px;
      font-size: 0.82rem;
      line-height: 1.4;
    }
    .ashrae-register__bank-label {
      font-weight: 700;
      color: #1a2a4a;
      min-width: 100px;
      flex-shrink: 0;
    }
    .ashrae-register__bank-value { color: #3b5070; }

    /* Form card */
    .ashrae-register__form-card {
      background: #fff;
      border-radius: 14px;
      box-shadow: 0 4px 20px rgba(26,47,90,0.10);
      padding: 32px 28px;
      border: 1px solid #e5eaf3;
    }
    .ashrae-register__form-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 18px 24px;
    }
    .ashrae-register__form-group {
      display: flex;
      flex-direction: column;
      gap: 6px;
    }
    .ashrae-register__form-group--full {
      grid-column: 1 / -1;
    }
    .ashrae-register__label {
      font-size: 0.83rem;
      font-weight: 700;
      color: #1a2a4a;
      letter-spacing: 0.01em;
    }
    .ashrae-register__input,
    .ashrae-register__select,
    .ashrae-register__textarea {
      width: 100%;
      padding: 10px 14px;
      border: 1.5px solid #d4dae8;
      border-radius: 8px;
      font-size: 0.88rem;
      color: #1a2a4a;
      background: #fff;
      font-family: inherit;
      transition: border-color 0.18s, box-shadow 0.18s;
      outline: none;
      appearance: none;
    }
    .ashrae-register__input::placeholder,
    .ashrae-register__textarea::placeholder { color: #a0aec0; }
    .ashrae-register__input:focus,
    .ashrae-register__select:focus,
    .ashrae-register__textarea:focus {
      border-color: #1a8fd1;
      box-shadow: 0 0 0 3px rgba(26,143,209,0.12);
    }
    .ashrae-register__select {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%231a2a4a' stroke-width='1.8' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-position: right 14px center;
      padding-right: 36px;
      cursor: pointer;
    }
    .ashrae-register__textarea { min-height: 72px; resize: vertical; }
    .ashrae-register__file-group {
      display: flex;
      flex-direction: column;
      gap: 8px;
    }
    .ashrae-register__file-label-btn {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      padding: 10px 16px;
      border: 1.5px dashed #1a8fd1;
      border-radius: 8px;
      background: #f0f7fd;
      cursor: pointer;
      font-size: 0.85rem;
      color: #1a8fd1;
      font-weight: 600;
      transition: background 0.18s;
    }
    .ashrae-register__file-label-btn:hover { background: #dceefa; }
    .ashrae-register__file-label-btn svg { flex-shrink: 0; }
    .ashrae-register__file-input { display: none; }
    .ashrae-register__file-name {
      font-size: 0.78rem;
      color: #8898b0;
      font-style: italic;
    }
    .ashrae-register__submit {
      margin-top: 24px;
      width: 100%;
      padding: 14px;
      border: none;
      border-radius: 10px;
      font-size: 0.98rem;
      font-weight: 700;
      color: #fff;
      background: linear-gradient(135deg, #4cbe8f 0%, #1a8fd1 100%);
      cursor: pointer;
      letter-spacing: 0.03em;
      transition: opacity 0.18s, transform 0.15s;
    }
    .ashrae-register__submit:hover { opacity: 0.88; transform: translateY(-1px); }

    @media (max-width: 900px) {
      .ashrae-register__layout { grid-template-columns: 1fr; }
      .ashrae-register__payment-card { flex-direction: row; flex-wrap: wrap; justify-content: center; }
    }
    @media (max-width: 600px) {
      .ashrae-register__form-grid { grid-template-columns: 1fr; }
      .ashrae-register__form-card { padding: 20px 14px; }
    }

    /* ─── FOOTER ─────────────────────────────────────────────────── */
    .ashrae-footer {
      background: #0e1f40;
      color: #c8d4e8;
    }
    .ashrae-footer__main {
      max-width: 1280px;
      margin: 0 auto;
      padding: 56px 32px 40px;
      display: grid;
      grid-template-columns: 1.5fr 1fr 1fr;
      gap: 48px;
    }
    .ashrae-footer__brand-logos {
      display: flex;
      align-items: center;
      gap: 18px;
      margin-bottom: 18px;
    }
    .ashrae-footer__logo {
        margin-left:-30px;
      height: 70px;
      width: auto;
      object-fit: contain;
      filter: brightness(1.1);
    }
    .ashrae-footer__brand-desc {
      font-size: 0.85rem;
      line-height: 1.7;
      color: #8fa8cc;
      max-width: 320px;
      margin-bottom: 18px;
    }
    .ashrae-footer__brand-line {
      width: 48px;
      height: 3px;
      background: linear-gradient(90deg, #4cbe8f, #1a8fd1);
      border-radius: 2px;
    }
    .ashrae-footer__col-title {
      font-size: 1rem;
      font-weight: 700;
      color: #e8eef8;
      margin-bottom: 20px;
      letter-spacing: 0.01em;
    }
    .ashrae-footer__links {
      list-style: none;
      display: flex;
      flex-direction: column;
      gap: 12px;
    }
    .ashrae-footer__links a {
      font-size: 0.88rem;
      color: #8fa8cc;
      text-decoration: none;
      transition: color 0.18s, padding-left 0.18s;
      display: inline-block;
    }
    .ashrae-footer__links a:hover { color: #4cbe8f; padding-left: 4px; }
    .ashrae-footer__bottom {
      max-width: 1280px;
      margin: 0 auto;
      padding: 18px 32px;
      border-top: 1px solid rgba(255,255,255,0.08);
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
    }
    .ashrae-footer__socials {
      display: flex;
      gap: 10px;
    }
    .ashrae-footer__social-btn {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 34px;
      height: 34px;
      border-radius: 7px;
      background: rgba(255,255,255,0.08);
      color: #8fa8cc;
      text-decoration: none;
      font-size: 0.82rem;
      font-weight: 700;
      transition: background 0.18s, color 0.18s;
    }
    .ashrae-footer__social-btn:hover { background: #1a8fd1; color: #fff; }
    .ashrae-footer__copyright {
      font-size: 0.8rem;
      color: #5b7499;
    }

    @media (max-width: 900px) {
      .ashrae-footer__main { grid-template-columns: 1fr 1fr; gap: 32px; padding: 40px 24px 28px; }
    }
    @media (max-width: 600px) {
      .ashrae-footer__main { grid-template-columns: 1fr; gap: 28px; padding: 32px 16px 24px; }
      .ashrae-footer__bottom { flex-direction: column; padding: 16px; gap: 12px; text-align: center; }
    }
    
   .ashrae-register__form-group.radio {
    margin-top: 10px;
}