:root{
      --bg:#0f172a;
      --txt:#0b1220;
      --muted:#cbd5e1;
      --brand:#2563eb;
      --brand-2:#0ea5e9;
      --white:#fff;
      --radius:16px;
      --shadow:0 10px 30px rgba(2,6,23,.12);
      --highlight:#cdad7d;
    }

    *{box-sizing:border-box; margin:0; padding:0}
    html,body{scroll-behavior:smooth; background:#ffffff; color:var(--txt); font-family:Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; line-height:1.6}

    .wrap{width:min(1120px, 92%); margin:0 auto}

    h2{font-family:"Libre Baskerville", Georgia, serif; font-size:clamp(24px, 3.2vw, 36px); margin-bottom:16px;}
    .muted{color:var(--muted); margin-bottom:14px;}

    .grid{display:grid; gap:18px;}
    .grid--2{grid-template-columns:1fr 1fr;}
    @media(max-width:768px){
      .grid--2{grid-template-columns:1fr;}
    }

    .card{
      background:rgba(255,255,255,0.08);
      color:var(--white);
      padding:18px;
      border-radius:var(--radius);
      box-shadow:var(--shadow);
    }

    input, textarea{
      width:100%; padding:16px 18px; border:1px solid #dbe0e7; border-radius:12px; font:inherit; outline:none; margin-bottom:12px;
    }
    textarea{min-height:150px; resize:vertical;}

    .btn{
      display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:12px 18px; border-radius:12px;
      font-weight:700; text-decoration:none; transition:.2s; border:1px solid transparent; cursor:pointer;
    }
    .btn--primary{background:linear-gradient(135deg, var(--brand), var(--brand-2)); color:var(--white);}
    .btn-back{background:var(--brand); color:var(--white); padding:10px 16px; border-radius:12px; text-decoration:none; display:inline-block; margin-top:24px;}
    
    footer{
      padding:28px 0; background:var(--bg); color:#cbd5e1; text-align:center;
    }
    footer .footer-logo img{height:40px;}