:root{
    --mint:#cfead9;
    --ink:#0f1012;
    --bg:#ffffff;
    --muted:#6b7280;
  }
  
  *{box-sizing:border-box}
  html,body{margin:0;padding:0}
  body{
    font-family:'Montserrat',system-ui,-apple-system,Segoe UI,Roboto,'Helvetica Neue',Arial,sans-serif;
    color:var(--ink);
    background:var(--bg);
    line-height:1.6;
  }
  
  /* Header */
  .uu-top{
    position:sticky; top:0; z-index:10;
    background:var(--mint);
    border-bottom:1px solid rgba(0,0,0,.12);
  }
  .uu-top__inner{
    max-width:1100px; margin:0 auto;
    padding:16px 20px;
    display:flex; align-items:center; gap:18px;
  }
  .uu-brand{
    font-weight:800; letter-spacing:.02em;
    text-decoration:none; color:var(--ink);
  }
  .uu-h1{
    margin:0; font-weight:800; letter-spacing:-.01em;
    font-size:clamp(24px,3.6vw,38px);
  }
  
  /* Main */
  .uu-main{
    max-width:900px; margin:0 auto;
    padding: clamp(28px,5vw,64px) clamp(16px,6vw,24px);
  }
  .uu-card{
    background:#fff;
    border:1px solid rgba(0,0,0,.06);
    border-radius:12px;
    padding: clamp(16px,3.6vw,28px);
    box-shadow:0 10px 28px rgba(0,0,0,.04);
    margin-bottom: clamp(16px,3.2vw,22px);
  }
  .uu-card h2{
    margin:0 0 .5em 0;
    font-weight:800; letter-spacing:-.01em;
    font-size: clamp(18px,2.6vw,24px);
  }
  .uu-card h3{
    margin:1em 0 .4em 0;
    font-weight:600;
    font-size: clamp(16px,2vw,20px);
  }
  .uu-card p, .uu-card ul{ margin:.35em 0 }
  .uu-card a{ color:#0f1012 }
  .uu-card a:hover{ text-decoration:underline; text-underline-offset:3px }
  
  .uu-credits{ margin:.35em 0 0 0; padding-left:1.1em }
  .uu-credits li{ margin:.2em 0 }
  
  .uu-muted{ text-align:center; color:var(--muted) }
  
  /* Form Styles */
  .uu-form{
    margin-top:1.5em;
  }
  .uu-form__row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:clamp(12px,2vw,20px);
    margin-bottom:clamp(12px,2vw,20px);
  }
  @media (max-width:600px){
    .uu-form__row{
      grid-template-columns:1fr;
    }
  }
  .uu-form__field{
    margin-bottom:clamp(16px,2.5vw,24px);
  }
  .uu-form__label{
    display:block;
    font-weight:600;
    font-size:clamp(14px,1.8vw,16px);
    margin-bottom:8px;
    color:var(--ink);
  }
  .uu-form__required{
    color:#dc2626;
    margin-left:2px;
  }
  .uu-form__input,
  .uu-form__textarea,
  .uu-form__select{
    width:100%;
    padding:12px 16px;
    font-family:inherit;
    font-size:clamp(14px,1.8vw,16px);
    color:var(--ink);
    background:var(--bg);
    border:1px solid rgba(0,0,0,.12);
    border-radius:8px;
    transition:border-color .2s, box-shadow .2s;
    outline:none;
  }
  .uu-form__input:focus,
  .uu-form__textarea:focus,
  .uu-form__select:focus{
    border-color:var(--mint);
    box-shadow:0 0 0 3px rgba(207,234,217,.3);
  }
  .uu-form__input:invalid:not(:placeholder-shown),
  .uu-form__textarea:invalid:not(:placeholder-shown){
    border-color:#dc2626;
  }
  .uu-form__textarea{
    resize:vertical;
    min-height:120px;
    line-height:1.5;
  }
  .uu-form__select{
    cursor:pointer;
    appearance:none;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%230f1012' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-position:right 16px center;
    padding-right:40px;
  }
  .uu-form__actions{
    margin-top:clamp(20px,3vw,32px);
    padding-top:clamp(16px,2.5vw,24px);
    border-top:1px solid rgba(0,0,0,.06);
  }
  .uu-form__submit{
    display:inline-block;
    padding:14px 32px;
    font-family:inherit;
    font-weight:600;
    font-size:clamp(14px,1.8vw,16px);
    color:var(--ink);
    background:var(--mint);
    border:1px solid rgba(0,0,0,.1);
    border-radius:8px;
    cursor:pointer;
    transition:background .2s, transform .1s, box-shadow .2s;
    outline:none;
  }
  .uu-form__submit:hover{
    background:#b8e0c8;
    box-shadow:0 4px 12px rgba(0,0,0,.08);
  }
  .uu-form__submit:active{
    transform:translateY(1px);
  }
  .uu-form__submit:focus{
    box-shadow:0 0 0 3px rgba(207,234,217,.5);
  }
  .uu-form__submit:disabled{
    opacity:.6;
    cursor:not-allowed;
    transform:none;
  }
  .uu-form__message{
    padding:14px 18px;
    border-radius:8px;
    margin-bottom:clamp(16px,2.5vw,24px);
    font-size:clamp(14px,1.8vw,16px);
    font-weight:500;
    line-height:1.5;
  }
  .uu-form__message--success{
    background:#d1fae5;
    color:#065f46;
    border:1px solid #6ee7b7;
  }
  .uu-form__message--error{
    background:#fee2e2;
    color:#991b1b;
    border:1px solid #fca5a5;
  }