.page{
    max-width: 1100px;
    margin: 0 auto;
    padding: 2.5rem 1.5rem 0;
    position: relative;
    overflow: hidden;
    font-family:'Nunito', sans-serif;
    color: var(--navy);
    -webkit-font-smoothing: antialiased;
  }
  /* Header */
  .header{
    text-align:center;
    position:relative;
    padding-bottom: 1rem;
  }
  .kicker{
    font-family:'Baloo 2', sans-serif;
    font-weight:700;
    font-size: clamp(1.4rem, 3.2vw, 2.2rem);
    color: var(--darkblue);
    line-height:1.25;
    margin: 2.1rem 0 .3rem;
  }
 .logo{
    font-family:'Baloo 2', sans-serif;
    font-weight:800;
    font-size: clamp(2.4rem, 7vw, 4.2rem);
    margin: .2rem 0 .1rem;
    letter-spacing: -1px;
    color: var(--darkblue);
    text-transform: none;
  }
  .logo .planer{ color: var(--green); }
  .logo .net{ color: var(--darkblue); font-weight:700; }
  .logo::after{
    content:"";
    display:block;
    width: 220px;
    max-width: 60%;
    height: 4px;
    background: var(--green);
    margin: .5rem auto 0;
    border-radius: 4px;
  }

  .doodle{
    position:absolute;
    opacity:.9;
  }
  .doodle-heart{ top: 0; left: 0; width: 70px; }
  .doodle-sun{ top: -10px; right: -10px; width: 110px; }
  
.form-title{
    font-family:'Baloo 2', sans-serif;
    font-weight:700;
    font-size: unset;
    color: var(--darkblue);
    margin: 0 0 .3rem;
  }  
    
  .form-intro{
    margin: 0 0 1.4rem;
    font-size: unset;
    line-height:1.5;
    color:#3a4a5c;
  }
  
  .field label{
    font-family:'Baloo 2', sans-serif;
    font-weight:600;
    font-size: unset;
    color: var(--navy);
  }
  
   .field input{
    font-family:'Nunito', sans-serif;
    font-size: unset;
    color: var(--navy);
    background:#fff;
    border: 2px solid #e7dcae;
    border-radius: 12px;
    padding: .7rem .9rem;
    outline:none;
    transition: border-color .15s ease, box-shadow .15s ease;
    width: 100%;
  }
  
    .form-note{
    font-size: 1.15rem;
    color:#5a6a7c;
    margin: -.3rem 0 0;
  }
  .form-note a{ color: var(--darkblue); }

  .submit-btn{
    justify-self:start;
    font-family:'Baloo 2', sans-serif;
    font-weight:700;
    font-size: unset;
    color:#fff;
    background: var(--green);
    border:none;
    border-radius: 14px;
    padding: .85rem 2.2rem;
    cursor:pointer;
    transition: transform .15s ease, opacity .15s ease;
  }
  .submit-btn:hover{ transform: translateY(-2px); }
  .submit-btn:disabled{
    opacity:.6;
    cursor:not-allowed;
    transform:none;
  }
  
    /* Footer bar */
  .footer-bar{
    margin: 3rem -1.5rem 0;
    background: var(--darkblue);
    color: #fff;
    text-align:center;
    padding: 1.1rem 1.5rem;
    font-family:'Baloo 2', sans-serif;
    font-size: clamp(1.1rem, 2.6vw, 1.5rem);
    display:flex;
    align-items:center;
    justify-content:center;
    gap:.6rem;
  }
  .footer-bar span.underline{
    text-decoration: underline;
    text-decoration-color: var(--green);
    text-decoration-thickness: 3px;
  }

  footer.spacer{ height: 2.5rem; }
  
   
  .schaf-top{
    display:none;
  }
  
   @media (max-width: 820px){

    .footer-bar{ margin-left: -1.5rem; margin-right: -1.5rem; }
    .schaf-top{
     display:unset;
    }
    .schaf-right{
     display:none;
    }
   }
 
  @media (max-width: 480px){
    .doodle-heart{ width: 46px; }
    .doodle-sun{ width: 70px; }
  }