*{margin:0;padding:0;box-sizing:border-box;font-family:'Inter',sans-serif}
body{background:#0b0b0b;color:#fff;display:flex;align-items:center;justify-content:center;min-height:100vh}
.wrap{width:90%;max-width:700px;text-align:center}
.logo{width:140px;height:140px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center}
.logo img{max-width:100%;max-height:100%;object-fit:contain}
.name{font-size:32px;margin-top:10px;color:#6ba36f}
.email{margin-top:2px;color:#ccc}

/* SOCIALS */
    .socials {
      margin-top:30px;
      display:flex;
      justify-content:center;
      gap:18px;
    }

    .socials a {
      width:40px;
      height:40px;
      display:flex;
      align-items:center;
      justify-content:center;
      border-radius:50%;
      color:#aaa;
      text-decoration:none;
      transition:0.3s;
    }

    .socials a svg {
      width:22px;
      height:22px;
      fill:currentColor;
    }

    .socials a:hover {
      color:#fff;
      transform:translateY(-2px) scale(1.1);
    }

.form{margin-top:30px;text-align:left}
label{display:block;margin:12px 0 6px;color:#ddd;font-size:14px}
input,textarea{width:100%;padding:12px;border-radius:10px;border:1px solid #222;background:#111;color:#fff}
textarea{min-height:140px}
.submit{margin-top:18px;display:flex;justify-content:center}
button{padding:10px 22px;border-radius:999px;border:none;background:#e9e9e9;color:#000;cursor:pointer}
.back{margin-top:30px;display:flex;justify-content:center}
.back a{background:#6ba36f;color:#fff;padding:12px 22px;border-radius:999px;text-decoration:none}

/* FOOTER */
    .footer {
      margin-top:120px;
      padding:40px 0 30px;
      text-align:center;
      color:#666;
      font-size:13px;
    }

    .footer span {
      color:#aaa;
    }

    body.light .footer { color:#888; }