:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#0d0c0b;color:#f5f3ed}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}[hidden]{display:none!important}
.match-page{min-height:100vh;background:radial-gradient(circle at 83% 6%,#241b0d 0,#10100e 43%,#080807 100%)}
.match-topbar{height:39px;display:flex;align-items:flex-start;justify-content:flex-end;gap:3px;padding-right:0}.match-topbar a{padding:7px 14px;border:1px solid #594719;border-radius:18px;color:#d8b75d;text-decoration:none;font-size:10px;font-weight:800;letter-spacing:1px}.match-topbar a:hover{background:#332a17}
.match-topbar button,.match-topbar select{padding:7px 12px;border:1px solid #594719;border-radius:18px;background:#11110f;color:#d8b75d;font-size:10px;font-weight:800;letter-spacing:1px;cursor:pointer;color-scheme:dark}.match-topbar button:hover,.match-topbar select:hover{background:#332a17}
.match-main{min-height:562px;padding:0 22px 53px;display:flex;justify-content:center;align-items:flex-start}.match-panel{width:min(815px,100%);padding:37px 24px 33px;border:1px solid #343129;border-radius:28px;background:linear-gradient(120deg,#1d1c1a,#1f1d19 60%,#1d1b18);box-shadow:0 18px 55px #0008}
.match-heading{text-align:center}.match-heading h1{margin:0;color:#faf8f2;font-size:29px;font-weight:900;letter-spacing:2.5px;line-height:1.25}.match-heading h1 em{color:#dbb647;font-style:normal}.availability{display:inline-block;margin:5px 0 19px;padding:4px 13px;border-radius:13px;background:#153026;color:#20c77f;font-size:10px;font-weight:900;letter-spacing:1px}.availability span:first-child{font-size:8px}.match-intro{margin:0 0 23px;color:#a6a39d;font-size:13px}.selected-profile{display:inline-block;margin:-10px 0 18px;padding:6px 10px;border:1px solid #716036;border-radius:15px;color:#d8bd75;font-size:11px}
.match-form{display:grid;grid-template-columns:1fr 1fr;gap:15px 14px}.match-form label{display:block;color:#c8a74e;font-size:10px;font-weight:900;letter-spacing:1px}.match-form input,.match-form select{display:block;width:100%;height:42px;margin-top:6px;padding:0 15px;border:1px solid #4a4945;border-radius:9px;background:#11110f;color:#eee;outline:none;font-size:13px;letter-spacing:0}.match-form input::placeholder{color:#86837f}.match-form input:focus,.match-form select:focus{border-color:#dbb647;box-shadow:0 0 0 2px #d7b54b22}.match-form .full-width{grid-column:1/-1}.match-submit{display:flex;align-items:center;justify-content:center;width:100%;min-height:58px;margin-top:8px;border:0;border-radius:9px;background:linear-gradient(100deg,#e3bd3e,#c39a18);color:#1d1b16;text-decoration:none;font-size:15px;font-weight:900;letter-spacing:.2px;box-shadow:0 7px 18px #c59c2a2b;cursor:pointer}.match-submit:hover{filter:brightness(1.08)}.match-submit:disabled{opacity:.6;cursor:wait}.form-error{grid-column:1/-1;margin:0;color:#f29a90;font-size:12px}.match-success{text-align:center;padding:20px 0}.success-mark{display:grid;place-items:center;width:47px;height:47px;margin:0 auto 17px;border-radius:50%;background:#1a3829;color:#36d18c;font-size:27px}.match-success h2{font-size:24px;margin:0 0 9px}.match-success p{color:#aaa69b;font-size:13px}.match-success .match-submit{max-width:370px;margin:22px auto 14px}.match-success button{border:0;background:transparent;color:#d9bb6a;text-decoration:underline;cursor:pointer}
.match-loading{min-height:260px;padding:50px 15px;text-align:center}.matching-spinner{width:72px;height:72px;margin:0 auto 27px;border:7px solid #3e3828;border-top-color:#e6bd3e;border-right-color:#c7991e;border-radius:50%;box-shadow:0 0 24px #d4a52e22;animation:matching-spin .9s linear infinite}.match-loading h2{margin:0 0 10px;color:#f0d36f;font-size:25px}.match-loading p{margin:0;color:#a9a59b;font-size:13px}@keyframes matching-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.matching-spinner{animation-duration:1.8s}}
.benefits-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:30px max(24px,calc((100vw - 1120px)/2));border-top:1px solid #27231e;border-bottom:1px solid #27231e;background:#10100f}.benefit-card{min-height:102px;padding:20px;border:1px solid #302c25;border-radius:11px;background:#1d1c19}.benefit-card strong{color:#e5c468;font-size:11px;letter-spacing:1px}.benefit-card p{margin:11px 0 0;color:#aaa59b;font-size:12px;line-height:1.5}.match-footer{padding:45px 15px;text-align:center;color:#56534d;font-size:11px}
@media(max-width:700px){
  html,body{max-width:100%;overflow-x:hidden}
  .match-topbar{height:auto;min-height:54px;align-items:center;gap:6px;padding:8px 10px}
  .match-topbar select{flex:0 0 auto;min-height:38px}
  .match-topbar a{display:flex;align-items:center;justify-content:center;flex:1 1 0;min-width:0;min-height:38px;padding:7px 8px;font-size:9px;text-align:center;line-height:1.15;letter-spacing:.5px}
  .match-main{min-height:auto;padding:8px 10px 30px}
  .match-panel{padding:27px 15px;border-radius:17px}
  .match-heading h1{font-size:clamp(21px,7vw,28px);letter-spacing:1px}
  .match-intro{line-height:1.5}
  .match-form{grid-template-columns:1fr;gap:14px}
  .match-form .full-width{grid-column:auto}
  .match-form input,.match-form select{height:47px;font-size:16px}
  .match-submit{min-height:54px;font-size:14px}
  .match-loading{min-height:235px;padding:42px 8px}
  .matching-spinner{width:64px;height:64px;margin-bottom:22px;border-width:6px}
  .match-loading h2{font-size:22px}
  .benefits-strip{grid-template-columns:1fr;gap:10px;padding:18px 10px}
  .benefit-card{min-height:auto;padding:16px}
  .match-footer{padding:30px 75px 90px 15px;text-align:left}
}
@media(max-width:360px){
  .match-topbar{padding-left:6px;padding-right:6px;gap:4px}
  .match-topbar button,.match-topbar select{padding:7px 8px;font-size:9px}
  .match-topbar a{padding:7px 5px;font-size:8px}
  .match-panel{padding-left:12px;padding-right:12px}
}