.match-page{--match-deep:#652e0b;--match-orange:#b85b13;--match-gold:#f0be73;--match-border:#edd4b4;--match-muted:#795e49;min-height:70vh;color:var(--match-deep);background:#fffaf3}.match-page *{box-sizing:border-box}.match-page button,.match-page input,.match-page select,.match-page textarea{font:inherit}.match-page [id]{scroll-margin-top:180px}.match-hero{position:relative;isolation:isolate;background:radial-gradient(circle at 82% 38%,#e6a54573 0,#a9571938 28%,transparent 56%),linear-gradient(108deg,#733408,#97480f 67%,#b46c22);color:#fff;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(225px,.65fr);grid-gap:15px;gap:15px;align-items:center;min-height:325px;padding:34px max(24px,calc((100vw - 1280px)/2));overflow:hidden}.match-hero:before{position:absolute;content:"";inset:12px;border:1px solid #f4c9883b;border-radius:13px;pointer-events:none}.match-hero-content{z-index:2;position:relative}.match-kicker{font-size:13px;font-weight:800;letter-spacing:.02em;color:#f9d49a}.match-hero h1{font-size:clamp(33px,4vw,60px);line-height:1.25;color:white;margin:12px 0}.match-hero h1 span{color:#ffda9d}.match-hero-content>p{font-size:clamp(13px,1vw,16px);max-width:650px;line-height:1.95;color:#ffe5bf;margin:0 0 24px}.match-hero-buttons{display:flex;align-items:center;flex-wrap:wrap;gap:11px}.match-hero-buttons button{padding:12px 17px;min-height:49px;border-radius:9px;display:flex;gap:8px;align-items:center;justify-content:center;font-weight:800;font-size:14px;transition:transform .15s}.match-hero-buttons button:hover{transform:translateY(-2px)}.match-primary{background:#ffe0ae;border:1px solid #ffe0ae;color:#7e3805}.match-outline{color:#fff1d8;background:#ffffff12;border:1px solid #f9d0958f}.match-hero-notes{display:flex;gap:13px;flex-wrap:wrap;margin-top:22px}.match-hero-notes span{color:#ffe0b0;display:inline-flex;align-items:center;gap:5px;font-size:11px}.match-hero-symbol{width:min(100%,320px);height:280px;margin:auto}.match-hero-symbol,.match-ring{position:relative;display:flex;align-items:center;justify-content:center}.match-ring{width:245px;height:245px;border-radius:50%;border:2px solid #ffdda68a;outline:12px solid #eb9b4a1e;box-shadow:0 0 0 26px #f5bf7426,inset 0 0 40px #f9d7a33a;flex-direction:column;gap:9px;color:#ffdd9c}.match-ring span{font-size:21px;font-weight:800;color:#ffe4b8}.match-symbol-left,.match-symbol-right{font-size:38px;color:#ffcf7d;position:absolute}.match-symbol-left{top:24px;left:20px}.match-symbol-right{bottom:19px;right:8px}.match-intro-strip{position:relative;margin:-10px auto 0;max-width:1200px;width:calc(100% - 34px);border:1px solid #efcb9a;border-radius:13px;background:white;box-shadow:0 10px 27px #7e430e17;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden;z-index:2}.match-intro-strip>div{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:5px 10px;padding:19px 9px;text-align:center}.match-intro-strip>div:not(:last-child){border-right:1px solid #f0ddc4}.match-intro-strip span{font:800 15px Inter,sans-serif;color:#be6d24;background:#fff1dc;border-radius:7px;padding:5px}.match-intro-strip strong{font-size:13px;color:#7a420f}.match-intro-strip small{font-size:11px;color:#a08368}.match-container{max-width:1220px;margin:0 auto;padding:38px 20px 59px}.match-tabs{gap:8px;flex-wrap:wrap;align-items:stretch;padding:7px;background:#f8ead6;border-radius:13px;border:1px solid #efd4b1;max-width:735px;margin:0 auto 27px}.match-tabs,.match-tabs button{display:flex;justify-content:center}.match-tabs button{flex:1 1;min-width:210px;border:1px solid transparent;background:transparent;color:#956139;font-size:15px;font-weight:800;padding:13px 18px;border-radius:10px;align-items:center;gap:9px}.match-tabs button.active{color:#773b0d;border-color:#e7bc8c;background:white;box-shadow:0 3px 13px #82521016}.match-tabs button span{display:inline-grid;place-items:center;border-radius:30px;background:#f6dcbb;padding:3px 8px;font:800 12px Inter,sans-serif}.match-section-title{text-align:center;max-width:780px;margin:0 auto 24px}.match-caption{font-size:12px;color:#b66522;letter-spacing:.06em;font-weight:800}.match-section-title h2{font-size:clamp(26px,2.6vw,37px);color:#703606;line-height:1.4;margin:7px 0}.match-section-title p{color:#876a51;font-size:14px;line-height:1.9;margin:0}.match-filters{padding:18px 21px;background:white;border:1px solid #edd1ab;border-radius:14px;display:flex;align-items:center;gap:16px;justify-content:space-between;flex-wrap:wrap}.match-filter-toggle{display:flex;gap:4px;padding:5px;background:#fff2df;border:1px solid #efd3a8;border-radius:9px}.match-filter-toggle button{padding:9px 14px;border:0;border-radius:7px;color:#85532c;background:transparent;font-size:13px;font-weight:800;white-space:nowrap}.match-filter-toggle button.selected{background:#af5410;color:white}.match-filter-forms{display:flex;align-items:center;justify-content:space-between;flex:1 1;gap:13px;max-width:700px;min-width:260px}.match-filter-forms>label{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:5px;text-align:left}.match-filter-forms>label>span{font-size:11px;display:flex;gap:4px;align-items:center;color:#a26834;font-weight:800}.match-filter-forms input,.match-filter-forms select{height:42px;width:100%;border-radius:8px;background:#fffdf7;border:1px solid #e5c8a6;color:#714b2d;font-size:13px;padding:0 11px;outline:none}.match-filter-forms input:focus,.match-filter-forms select:focus{border-color:#b86a26;box-shadow:0 0 0 3px #e8aa5428}.match-result-caption{display:flex;justify-content:flex-end;align-items:center;gap:6px;font-size:12px;color:#91745b;margin:14px 3px}.match-public-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:18px;gap:18px}.match-public-card{min-width:0;border-radius:14px;overflow:hidden;background:white;border:1px solid #ead4b8;box-shadow:0 6px 21px #864c1410}.match-public-image{height:215px;display:grid;place-items:center;background:linear-gradient(128deg,#ffe9c6,#f5cd9c);color:#bf9157;position:relative}.match-public-image>span{position:absolute;top:13px;right:13px;background:#fff5e5;padding:6px 13px;border-radius:22px;color:#925014;font-size:12px;font-weight:800}.match-public-details{padding:18px;text-align:left}.match-public-details h3{font-size:21px;margin:0 0 5px;color:#71340d}.match-public-location{display:flex;align-items:center;gap:4px;font-size:12px;color:#8c6c51;margin:0 0 13px}.match-public-facts{display:flex;flex-wrap:wrap;gap:6px}.match-public-facts span{font-size:11px;border:1px solid #ebc9a7;background:#fff3e0;padding:6px 10px;border-radius:25px;color:#7c4b20}.match-public-about{font-size:13px;color:#816047;line-height:1.8;margin:12px 0}.match-public-verification{margin-top:16px;padding-top:10px;border-top:1px solid #eedac1;display:flex;align-items:center;gap:5px;color:#54805b;font-size:10px}.match-empty{max-width:780px;margin:10px auto;background:#fffefb;border:1px dashed #e4ba89;border-radius:15px;padding:38px 26px;display:flex;flex-direction:column;align-items:center;text-align:center}.match-empty-symbol{background:#fff0d7;border-radius:50%;width:100px;height:100px;display:grid;place-items:center;color:#bd8444;margin-bottom:16px}.match-empty h3{font-size:21px;color:#75400d;margin:0 0 8px;line-height:1.5}.match-empty p{font-size:13px;max-width:630px;color:#86694f;line-height:1.9;margin:0}.match-empty-action{border:1px solid #a95811;background:#b75b14;color:white;border-radius:9px;padding:11px 16px;font-size:13px;font-weight:800;display:flex;align-items:center;gap:7px;margin-top:18px}.match-mode-alert{max-width:960px;margin:0 auto 18px;display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:#fff1d8;border:1px solid #e5bf84;border-radius:11px;color:#82551e}.match-mode-alert svg{flex:0 0 auto;margin-top:2px}.match-mode-alert p{margin:0;font-size:12px;line-height:1.85}.match-form{max-width:960px;margin:0 auto;border-radius:18px;border:1px solid #edd0a8;box-shadow:0 7px 27px #8e571014;background:white;padding:clamp(16px,2.8vw,33px)}.match-form-heading{display:flex;align-items:center;gap:9px;padding:0 0 14px;margin:0 0 14px;border-bottom:1px solid #f1e1cc}.match-form-heading:not(:first-child){margin-top:32px}.match-form-heading>span{font:800 12px Inter,sans-serif;background:#f8dfb7;color:#8b480f;width:32px;height:32px;border-radius:9px;display:grid;place-items:center}.match-form-heading h3{font-size:20px;color:#6a360b;margin:0}.match-role-selection{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:13px;gap:13px;margin-bottom:24px}.match-role-selection button{border-radius:12px;background:#fffbf5;border:1px solid #ead2b6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:15px;color:#986334}.match-role-selection button.active{border-color:#b76019;background:#fff0d7;box-shadow:0 0 0 2px #d78f3524}.match-role-selection strong{font-size:17px;color:#824011}.match-role-selection span{font:600 11px Inter,sans-serif;color:#af8257}.match-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:15px;gap:15px}.match-field{display:flex;flex-direction:column;gap:6px;text-align:left;min-width:0}.match-field>span{font-weight:800;color:#80502b;font-size:13px}.match-field>span b{color:#cf540d}.match-field input,.match-field select,.match-field textarea{width:100%;border:1px solid #e4cdb3;border-radius:9px;background:#fffdf9;color:#57381e;min-height:46px;outline:none;padding:10px 12px;font-size:14px}.match-field input:focus,.match-field select:focus,.match-field textarea:focus{border-color:#bb722f;box-shadow:0 0 0 3px #e9b77c2e}.match-field input::placeholder,.match-field textarea::placeholder{color:#ae9c87}.match-long-field{margin-top:17px}.match-long-field textarea{resize:vertical;line-height:1.7}.match-private-grid{display:grid;grid-template-columns:minmax(175px,.62fr) minmax(0,2fr);grid-gap:23px;gap:23px;align-items:start}.match-photo-upload{border-radius:12px;background:#fff8ed;border:1px solid #eed5b7;padding:15px;display:flex;flex-direction:column;align-items:center;gap:10px}.match-photo-preview{width:118px;height:135px;border-radius:10px;background:#f7ddbd;display:grid;place-items:center;color:#ac855d;overflow:hidden;border:3px solid #fff}.match-photo-preview img{width:100%;height:100%;object-fit:cover;object-position:center top}.match-photo-choose{border-radius:9px;border:1px solid #d9a46d;background:white;padding:8px 11px;color:#905019;font-size:12px;font-weight:800;display:flex;align-items:center;gap:6px;cursor:pointer;text-align:center}.match-photo-choose input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.match-photo-choose:focus-within{outline:2px solid #c77d36;outline-offset:2px}.match-photo-upload>small{font-size:10px;color:#8f7459;text-align:center;line-height:1.6}.match-photo-upload .match-photo-warning{color:#a05d1e}.match-private-inputs>p{font-size:12px;line-height:1.85;color:#8d6e51;display:flex;align-items:flex-start;gap:8px;margin:13px 0}.match-private-inputs>p svg{flex:0 0 auto;margin-top:2px}.match-consent{background:#f9f5ea;border:1px solid #ead7b8;border-radius:11px;padding:16px;margin-top:24px}.match-consent label{display:flex;align-items:flex-start;gap:10px;color:#694a2c;font-size:13px;line-height:1.85;cursor:pointer}.match-consent input{width:18px;height:18px;flex:0 0 auto;accent-color:#ba6120;margin-top:4px}.match-consent p{display:flex;align-items:flex-start;gap:7px;font-size:11px;color:#926c45;margin:11px 0 0;line-height:1.7}.match-consent p svg{flex:0 0 auto}.match-form-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:19px}.match-form-actions button{display:flex;align-items:center;justify-content:center;gap:8px;border-radius:9px;min-height:44px;padding:10px 14px;font-size:12px;font-weight:800}.match-save-button{background:#af520d;border:1px solid #af520d;color:white;flex:1 1;min-width:210px}.match-action-secondary{background:#fff9ed;border:1px solid #e6bf8d;color:#83501f}.match-general-note,.match-saved-note{display:flex;gap:9px;align-items:flex-start;font-size:12px;line-height:1.8;border-radius:9px;padding:11px 14px;margin-top:13px}.match-saved-note{background:#e9f8eb;border:1px solid #b9dfc2;color:#307344}.match-general-note{background:#fff2de;border:1px solid #edd0a4;color:#9a681f}.match-general-note svg,.match-saved-note svg{flex:0 0 auto;margin-top:2px}.match-draft-warning{padding:11px 0 0;display:flex;justify-content:space-between;flex-wrap:wrap;gap:11px;align-items:center;font-size:11px;color:#88735c}.match-draft-warning button{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:#994a17;border:1px solid #e8cfb0;background:white;padding:7px 9px;border-radius:8px}.match-footnote{background:linear-gradient(105deg,#87400f,#ae6220);color:#fff9e9;display:flex;justify-content:space-between;align-items:center;gap:22px;padding:25px max(24px,calc((100vw - 1220px)/2));margin:0 auto}.match-footnote>div{max-width:840px}.match-footnote svg{color:#ffe4ae}.match-footnote h2{color:#fff6e5;font-size:20px;margin:7px 0}.match-footnote p{color:#f9e2c1;line-height:1.9;font-size:12px;margin:0}.match-footnote button{white-space:nowrap;border-radius:9px;padding:10px 14px;background:#ffe2aa;border:1px solid #ffe2aa;color:#783b0e;font-weight:800;font-size:13px;display:flex;align-items:center;gap:7px}.match-footnote button svg{color:#783b0e}.match-page :focus-visible{outline:3px solid #d98a31;outline-offset:2px}@media(max-width:1050px){.match-hero{padding-inline:25px}.match-container{padding-inline:17px}.match-public-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.match-intro-strip>div{flex-direction:column;gap:5px}.match-filters{gap:15px}.match-filter-forms{max-width:none}.match-footnote{padding-inline:25px}}@media(max-width:750px){.match-hero{grid-template-columns:1fr;padding:26px 20px;gap:4px}.match-hero h1{font-size:41px}.match-hero-symbol{height:150px}.match-ring{height:135px;width:135px;outline-width:6px}.match-ring svg{width:58px;height:58px}.match-ring span{font-size:15px}.match-symbol-left,.match-symbol-right{font-size:23px}.match-intro-strip{width:100%;margin:0;box-shadow:none;border-radius:0}.match-intro-strip strong{font-size:11px}.match-intro-strip small{font-size:10px}.match-container{padding:27px 13px 42px}.match-filters{padding:13px}.match-filter-toggle{width:100%;justify-content:space-between}.match-filter-toggle button{flex:1 1}.match-private-grid{grid-template-columns:1fr}.match-private-inputs{width:100%}.match-photo-upload{flex-direction:row;flex-wrap:wrap;justify-content:center}.match-photo-preview{height:105px;width:95px}.match-footnote{flex-direction:column;align-items:flex-start}}@media(max-width:540px){.match-hero{padding-inline:17px}.match-hero h1{font-size:36px}.match-hero-buttons{flex-direction:column;align-items:stretch}.match-hero-buttons button{width:100%}.match-hero-symbol{display:none}.match-intro-strip>div{padding:10px 4px}.match-intro-strip>div span{font-size:11px;padding:4px}.match-intro-strip strong{font-size:10px}.match-intro-strip small{font-size:9px}.match-tabs{gap:5px;padding:5px}.match-tabs button{min-width:0;padding:10px 8px;font-size:11px;gap:5px}.match-tabs button svg{width:16px}.match-section-title h2{font-size:27px}.match-filter-forms{min-width:0;flex-direction:column;align-items:stretch}.match-filter-forms>label{width:100%}.match-public-grid{grid-template-columns:1fr}.match-empty{padding:23px 13px}.match-empty h3{font-size:18px}.match-role-selection{gap:8px}.match-role-selection button{padding:11px 7px}.match-role-selection strong{font-size:15px}.match-form{padding:17px 12px}.match-form-grid{grid-template-columns:1fr;gap:14px}.match-form-actions{flex-direction:column;align-items:stretch}.match-form-actions button{width:100%}.match-footnote{padding:24px 16px}}@media(prefers-reduced-motion:reduce){.match-hero-buttons button{transition:none}}