body {
      background: #000;
	  font-family:Montserrat, sans-serif;
    }



  .container {
      display: flex;
	  font-family:Montserrat, sans-serif;
      flex-wrap: wrap;
      gap: 24px;
      padding: 28px;
      justify-content: center;
	  
    }

    .calculator {
      background: #000000; /* pure black */
	  font-family:Montserrat, sans-serif;
      border-radius: 10px;
      padding: 22px;
      min-width: 300px;
      max-width: 520px;
      flex: 1;
    }

    .summary {
      background: #111827;
	  font-family:Montserrat, sans-serif;
      border-radius: 10px;
      padding: 22px;
      min-width: 300px;
      max-width: 520px;
      flex: 1;
    }

    h2 {
      margin: 0 0 18px 0;
      font-size: 18px;
    }

    label {
      display: block;
      margin: 12px 0 6px;
      color: #d2d8df;
      font-size: 13px;
    }

    /* Inputs & selects */
    input, select {
      width: 100%;
	  font-family:Montserrat, sans-serif;
      padding: 10px 6px;
      margin: 0 0 12px 0;
      background: transparent;
      color: #ffffff;
      font-size: 15px;
      outline: none;
      box-sizing: border-box;
      border: none;
      border-bottom: 1px solid #ffffff;
	  font-family:Montserrat, sans-serif;
    }

    select {
      background: #000000;
      color: #ffffff;
      appearance: none;
	  font-family:Montserrat, sans-serif;
    }

    input::placeholder {
      color: rgba(255, 255, 255, 0.8);
	  font-family:Montserrat, sans-serif;
    }

    /* Button */
    .btn {
      background: #97ef01 !important;
	  font-family:Montserrat, sans-serif;
      color: #000!important;
      padding: 10px 18px;
      border-radius: 6px;
      border: none;
      cursor: pointer;
      font-weight: 700;
      display: block;
      margin-left: auto; /* right align */
    }
    .btn:hover {
      background: #97ef01 !important; /* no change */
      color: #000!important;
    }

    .summary p {
      display: flex;
	  font-family:Montserrat, sans-serif;
      justify-content: space-between;
      margin: 12px 0;
      padding-bottom: 10px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.1);
      font-size: 14px;
    }

    .circle {
      width: 120px;
	  font-family:Montserrat, sans-serif;
      height: 120px;
      border-radius: 50%;
      border: 8px solid rgba(255, 255, 255, 0.1);
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 22px auto 8px;
      color: #97ef01 !important;
      font-weight: 700;
      font-size: 20px;
    }

    small {
      display: block;
	  font-family:Montserrat, sans-serif;
      text-align: center;
      color: #9aa3ad;
      letter-spacing: 0.08em;
    }