
    :root{
      --cream:#fffaf1;
      --warm:#f7efe2;
      --terracotta:#e65324;
      --terracotta-dark:#c9441b;
      --teal:#083f4c;
      --ink:#12333c;
      --shadow:0 24px 60px rgba(8,63,76,.16);
    }

    *{
      box-sizing:border-box;
    }

    body{
      margin:0;
      background:var(--warm);
      color:var(--ink);
      font-family:Inter,system-ui,sans-serif;
      min-height:100vh;
      display:flex;
      align-items:center;
      justify-content:center;
      padding:24px;
    }

    .box{
      width:min(720px,100%);
      background:var(--cream);
      border-radius:24px;
      padding:56px;
      text-align:center;
      box-shadow:var(--shadow);
      border:1px solid rgba(8,63,76,.08);
    }

    .logo{
      font-family:'Playfair Display',Georgia,serif;
      color:var(--teal);
      font-size:34px;
      line-height:.9;
      font-weight:900;
      margin-bottom:35px;
    }

    .logo span{
      display:block;
      color:var(--terracotta);
      font-family:Inter,sans-serif;
      font-size:10px;
      letter-spacing:.14em;
      text-transform:uppercase;
      margin-top:10px;
    }

    h1{
      font-family:'Playfair Display',Georgia,serif;
      font-size:46px;
      line-height:1.05;
      color:var(--teal);
      margin:0 0 20px;
    }

    p{
      color:#526d75;
      line-height:1.7;
      font-size:17px;
      margin:0 0 28px;
    }

    .btn{
      display:inline-flex;
      justify-content:center;
      align-items:center;
      padding:16px 26px;
      border-radius:10px;
      background:var(--terracotta);
      color:white;
      font-weight:900;
      text-decoration:none;
      transition:.2s;
      margin-top:8px;
    }

    .btn:hover{
      background:var(--terracotta-dark);
      transform:translateY(-2px);
    }

    .small{
      margin-top:28px;
      font-size:14px;
      color:#6a7f85;
    }

    .small a{
      color:var(--teal);
      font-weight:800;
    }

    @media(max-width:560px){
      .box{
        padding:36px 24px;
      }

      h1{
        font-size:36px;
      }

      .btn{
        width:100%;
      }
    }
  