:root{--match-teal:#08aaa2;--match-deep:#24505a;--match-soft:#e8fbf9;--match-coral:#ef7659}.matcher-page{margin:0;background:#eaf9f8;color:#253f46}.matcher-shell{position:relative;min-height:calc(100vh - 82px);overflow:hidden;background:linear-gradient(150deg,#f3fbfc 0%,#dcf8f6 58%,#c8f3ef 100%)}.matcher-shell:before,.matcher-shell:after{content:"";position:absolute;border:34px solid rgba(19,180,170,.2);border-radius:50%;pointer-events:none}.matcher-shell:before{width:290px;height:290px;left:-210px;top:120px}.matcher-shell:after{width:360px;height:360px;right:-260px;bottom:-120px}.matcher-back{position:absolute;z-index:4;left:34px;top:34px;width:52px;height:52px;border:0;border-radius:50%;background:#09aaa3;color:#fff;font-size:28px;cursor:pointer}.matcher-panel{position:relative;z-index:2;width:min(760px,calc(100% - 40px));margin:0 auto;padding:54px 0 80px;text-align:center}.matcher-art{display:flex;width:126px;height:126px;margin:0 auto 18px;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,.9);box-shadow:0 18px 36px rgba(28,105,101,.12)}.matcher-art img{width:112px;height:112px;object-fit:contain}.matcher-kicker{margin:0 0 10px;color:#e76e52;font-size:14px;font-weight:800;letter-spacing:.08em}.matcher-panel h1,.matcher-panel h2{max-width:680px;margin:0 auto;color:#24444d;line-height:1.2;letter-spacing:-.025em}.matcher-panel h1{font-size:clamp(36px,5vw,56px)}.matcher-panel h2{font-size:clamp(29px,4vw,42px)}.matcher-lead{max-width:640px;margin:16px auto 24px;color:#5c747a;font-size:18px;line-height:1.75}.matcher-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:min(620px,100%);margin:24px auto}.matcher-option{min-height:58px;padding:12px 18px;border:1.5px solid #b9d6d5;border-radius:14px;background:#fff;color:#314d54;font:inherit;font-size:17px;font-weight:700;box-shadow:0 5px 12px rgba(27,76,76,.07);cursor:pointer}.matcher-option:hover{border-color:#05aaa3;transform:translateY(-1px)}.matcher-option.selected{border-color:#00a59e;background:#dff7f5;color:#007f7a;box-shadow:0 0 0 2px rgba(0,165,158,.08)}.matcher-next,.matcher-start{display:block;width:min(390px,100%);min-height:58px;margin:24px auto 0;border:0;border-radius:999px;background:#09afa6;color:#fff;font:inherit;font-size:18px;font-weight:800;cursor:pointer}.matcher-next:disabled{opacity:.4;cursor:not-allowed}.matcher-progress{margin-top:20px;color:#607b80;font-size:14px;font-weight:700}.matcher-progress-track{width:min(390px,80%);height:7px;margin:8px auto 0;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.85)}.matcher-progress-track i{display:block;height:100%;border-radius:inherit;background:#09aaa3;transition:width .25s ease}.matcher-note{display:flex;gap:10px;width:min(620px,100%);box-sizing:border-box;margin:18px auto 0;padding:13px 16px;border-radius:12px;background:rgba(255,255,255,.72);color:#60757b;font-size:14px;line-height:1.55;text-align:left}.matcher-intro-points{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin:22px 0}.matcher-intro-points span{padding:9px 13px;border-radius:999px;background:#fff;color:#147f7c;font-weight:700}.matcher-results{width:min(980px,calc(100% - 36px));padding-top:40px;text-align:left}.matcher-results-head{text-align:center}.matcher-results-head h1{font-size:clamp(34px,5vw,50px)}.matcher-summary{display:flex;justify-content:center;gap:12px;margin:22px 0 34px}.matcher-summary span{padding:11px 16px;border-radius:999px;background:#fff;color:#436168;font-weight:700}.matcher-section{margin:20px 0;padding:24px;border-radius:22px;background:rgba(255,255,255,.76);box-shadow:0 16px 38px rgba(35,94,92,.08)}.matcher-section header{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:16px}.matcher-section h2{margin:0;font-size:26px}.matcher-section header span{color:#71868b}.match-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.match-card{display:grid;grid-template-columns:70px minmax(0,1fr);gap:14px;padding:18px;border:1px solid #d4e7e5;border-radius:16px;background:#fff}.match-card img{width:70px;height:70px;object-fit:contain}.match-card h3{margin:0 0 6px;color:#24464d;font-size:20px}.match-status{display:inline-flex;margin-bottom:8px;padding:5px 9px;border-radius:999px;background:#ddf6ef;color:#08795e;font-size:12px;font-weight:800}.match-status.check{background:#fff0d8;color:#9b6410}.match-card p{margin:0;color:#62777c;line-height:1.6}.match-reason{margin-top:10px!important;color:#35565d!important;font-weight:650}.match-actions{display:flex;gap:8px;margin-top:14px}.match-actions a{padding:9px 12px;border-radius:999px;background:#08aaa2;color:#fff;text-decoration:none;font-size:13px;font-weight:800}.match-actions a.secondary{border:1px solid #9fd8d4;background:#fff;color:#087e7b}.matcher-disclaimer{margin:26px 0;padding:18px 20px;border-left:4px solid #ef7659;background:#fff;color:#61777c;line-height:1.65}.matcher-restart{margin:24px auto}.matcher-field{width:min(520px,100%);margin:20px auto;text-align:left}.matcher-field label{display:block;margin-bottom:8px;font-weight:800}.matcher-field input{box-sizing:border-box;width:100%;height:58px;border:1.5px solid #bad6d5;border-radius:14px;background:#fff;padding:0 18px;font:inherit;font-size:18px}.matcher-skip{border:0;background:none;color:#087f7b;font:inherit;font-weight:750;cursor:pointer}@media(max-width:700px){.matcher-back{left:16px;top:18px;width:44px;height:44px}.matcher-panel{padding-top:74px}.matcher-art{width:104px;height:104px}.matcher-art img{width:92px;height:92px}.matcher-options,.match-grid{grid-template-columns:1fr}.matcher-option{min-height:56px}.matcher-summary{flex-wrap:wrap}.matcher-section{padding:18px}.matcher-section header{display:block}.matcher-section header span{display:block;margin-top:5px}.match-card{grid-template-columns:58px minmax(0,1fr)}.match-card img{width:58px;height:58px}}