:root{--mm-bg:#f5fbf7;--mm-card:#fff;--mm-forest:#143b2b;--mm-mint:#93d7b8;--mm-soft-green:#d5f2e3;--mm-gradient:linear-gradient(135deg,#d9f6cff2,#c7edbfe6);--mm-muted:#4b5b54;--mm-border:#0d442414;--mm-shadow:0 16px 60px #0932221f;--mm-highlight:#d5efdf}.matchmaking-page{background:var(--mm-gradient);min-height:100vh;color:var(--mm-forest);border-radius:40px;margin:clamp(1rem,4vw,3rem);padding:3rem clamp(1.5rem,3vw,4rem) 5rem;font-family:Manrope,DM Sans,system-ui,-apple-system,BlinkMacSystemFont;overflow:hidden;box-shadow:0 30px 65px #0932221f}.mm-hero{text-align:center;max-width:800px;margin:0 auto 3rem;animation:.8s ease-out mmFadeIn}.mm-label{color:var(--mm-forest);text-transform:uppercase;letter-spacing:.08em;background:#143b2b14;border-radius:999px;align-items:center;gap:.3rem;padding:.4rem .9rem;font-size:.85rem;display:inline-flex}.mm-hero h1{color:#002552;margin:1rem 0;font-size:clamp(2.6rem,4vw,3.3rem);line-height:1.2}.mm-hero p{color:var(--mm-muted);font-size:1.1rem}.mm-form-shell{background:var(--mm-card);box-shadow:var(--mm-shadow);border:1px solid var(--mm-border);border-radius:32px;margin-bottom:3rem;padding:clamp(1.5rem,4vw,3rem)}.mm-form-header{border-bottom:1px solid #143b2b14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.mm-form-header h2{align-items:center;gap:.6rem;font-size:1.8rem;display:flex}.mm-form-header p{color:var(--mm-muted);max-width:420px}.mm-submit-btn{color:#f0fff8;cursor:pointer;background:radial-gradient(circle at top,#0f5c42,#0a3323);border:none;border-radius:999px;align-items:center;gap:.5rem;padding:.85rem 1.8rem;font-size:1rem;font-weight:600;transition:transform .3s,box-shadow .3s;display:inline-flex;box-shadow:0 10px 25px #0c372340}.mm-submit-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.mm-submit-btn:not(:disabled):hover{transform:translateY(-2px)}.mm-spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:22px;height:22px;animation:1s linear infinite spin}.mm-error-banner{color:#b12d2d;background:#ffefef;border:1px solid #b12d2d33;border-radius:18px;margin-bottom:1.5rem;padding:1rem 1.2rem}.mm-form-grid{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:1.5rem;display:grid}.mm-submit-row{z-index:5;justify-content:center;margin-top:2rem;display:flex;position:relative}.mm-submit-row .mm-submit-btn{min-width:clamp(220px,40vw,320px)}.mm-person-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd9;border:1px solid #ffffff80;border-radius:28px;padding:1.6rem;position:relative;overflow:hidden;box-shadow:0 10px 35px #0f3f2b1a}.mm-person-card:after{content:"";opacity:0;pointer-events:none;background:#ffffff4d;transition:opacity .3s;position:absolute;inset:0}.mm-person-card:hover:after{opacity:1}.mm-person-card.aurora{background:linear-gradient(#e6fff1e6,#cef3e2cc);border:1px solid #82c8b099}.mm-person-card.opal{background:linear-gradient(#fff0f6f2,#f8d6e5e6);border:1px solid #eca5bfb3}.mm-card-heading{margin-bottom:1.4rem}.mm-card-eyebrow{text-transform:uppercase;letter-spacing:.3em;color:#12462eb3;margin-bottom:.4rem;font-size:.75rem}.mm-card-heading h3{margin:0;font-size:1.5rem}.mm-field{flex-direction:column;gap:.4rem;margin-bottom:1rem;display:flex}.mm-field label{color:var(--mm-muted);align-items:center;gap:.4rem;font-size:.9rem;font-weight:600;display:flex}.mm-field input{background:#ffffffe6;border:1px solid #143b2b26;border-radius:14px;padding:.85rem 1rem;transition:border-color .2s,box-shadow .2s}.mm-field input:focus{border-color:var(--mm-forest);outline:none;box-shadow:0 0 0 3px #143b2b2e}.mm-field-pair{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;display:grid}.mm-city-field{background:#fff9;border:1px dashed #143b2b33;border-radius:18px;padding:1rem;overflow:visible}.mm-location-meta{color:var(--mm-muted);flex-wrap:wrap;gap:.8rem;margin-top:.8rem;font-size:.85rem;display:flex}.mm-location-meta span{background:#13593a14;border-radius:999px;align-items:center;gap:.3rem;padding:.25rem .8rem;display:inline-flex}.mm-results-shell{background:var(--mm-card);box-shadow:var(--mm-shadow);border:1px solid var(--mm-border);border-radius:40px;padding:clamp(1.5rem,4vw,3.5rem)}.mm-score-panel{text-align:center;background:radial-gradient(circle at 0 0,#e1f6eb,#f8fffb);border-radius:30px;flex-direction:column;gap:1rem;padding:2rem;display:flex;box-shadow:0 12px 40px #0f3f2b29}.mm-score-panel h2{margin:0;font-size:clamp(2.8rem,5vw,3.5rem)}.mm-result-heading{margin:2.5rem 0 1rem}.mm-result-heading h2{color:var(--mm-forest);margin:.25rem 0 0}.mm-koot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.mm-koot-card{background:#fbfefc;border:1px solid #143b2b1f;border-radius:22px;padding:1.4rem;box-shadow:0 8px 26px #0d44240f}.mm-koot-topline{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.mm-koot-topline h3{margin:.15rem 0 0}.mm-koot-topline>strong{color:#0f5c3c;white-space:nowrap;background:#e3f3e8;border-radius:999px;padding:.45rem .75rem}.mm-koot-progress{background:#e5eee8;border-radius:999px;height:7px;margin:1rem 0;overflow:hidden}.mm-koot-progress span{border-radius:inherit;background:#198754;height:100%;display:block}.mm-koot-attributes{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin-bottom:.9rem;display:grid}.mm-koot-attributes span{color:#647169;background:#f0f7f2;border-radius:12px;flex-direction:column;padding:.65rem;font-size:.78rem;display:flex}.mm-koot-attributes b{color:#173d2d;margin-top:.2rem;font-size:.9rem}.mm-koot-description{color:#173d2d;margin:.6rem 0;font-weight:700}.mm-koot-result{color:var(--mm-muted);line-height:1.55}.mm-koot-card details{color:#607168;margin-top:.8rem;font-size:.88rem}.mm-koot-card summary{color:#1c6645;cursor:pointer;font-weight:700}.mm-manglik-panel{background:#f5fbf7;border:1px solid #143b2b1f;border-radius:26px;margin-top:2rem;padding:clamp(1.2rem,3vw,2rem)}.mm-manglik-panel .mm-result-heading{margin-top:0}.mm-manglik-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.mm-manglik-person{background:#fff;border:1px solid #143b2b1a;border-radius:16px;padding:1rem}.mm-manglik-title{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.mm-manglik-title>span{font-weight:800}.mm-manglik-title strong{border-radius:999px;padding:.35rem .6rem;font-size:.75rem}.mm-manglik-title .is-clear{color:#12613f;background:#e3f4e9}.mm-manglik-title .is-warning{color:#9d3b2f;background:#ffebe8}.mm-cancelled{color:#12613f;align-items:center;gap:.4rem;font-weight:700;display:flex}.mm-reason{color:#53665b;font-size:.88rem;line-height:1.5}.mm-manglik-report{color:#485c51;white-space:pre-line;margin:1rem 0 0;line-height:1.55}.mm-final-conclusion{color:#ecfff3;background:#123c2b;border-radius:18px;align-items:flex-start;gap:.8rem;margin-top:1.5rem;padding:1.25rem;line-height:1.6;display:flex}.mm-final-conclusion>svg{flex:none;margin-top:.25rem}.mm-final-conclusion p{margin:0}.mm-final-conclusion .mm-card-eyebrow{color:#a8d7bb}.mm-tier-chip{color:#f3fff4;letter-spacing:.08em;text-transform:uppercase;background:#143b2b;border-radius:999px;align-self:center;padding:.45rem 1.2rem;font-weight:600}.mm-summary{color:var(--mm-muted);font-size:1.05rem}.mm-breakdown-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-block:2.5rem;display:grid}.mm-breakdown-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffeb;border:1px solid #143b2b1f;border-radius:22px;padding:1.5rem;box-shadow:0 8px 30px #0d442414}.mm-breakdown-score{justify-content:space-between;align-items:center;margin-bottom:.8rem;font-weight:600;display:flex}.mm-breakdown-score strong{font-size:1.25rem}.mm-dual-lists{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2.5rem;display:grid}.mm-dual-lists h3{align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.mm-synergy-card,.mm-growth-card{background:#f7fffbe6;border:1px solid #0d442426;border-radius:26px;padding:1.8rem}.mm-dual-lists ul{color:var(--mm-muted);flex-direction:column;gap:.8rem;padding:0;list-style:none;display:flex}.mm-dual-lists li:before{content:"";background:var(--mm-forest);border-radius:50%;width:7px;height:7px;margin-right:.6rem;display:inline-block}.mm-individual-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;display:grid}.mm-individual-card{color:var(--mm-forest);border:1px solid #fff6;border-radius:30px;min-height:320px;padding:1.8rem}.mm-individual-card.dawn{background:linear-gradient(210deg,#f3fff7,#d9f5e7)}.mm-individual-card.dusk{background:linear-gradient(210deg,#fff9f5,#e5f5f0)}.mm-profile-tags{flex-wrap:wrap;gap:.5rem;margin-top:.8rem;display:flex}.mm-profile-tags span{background:#ffffff80;border-radius:999px;padding:.35rem .75rem;font-size:.85rem}.mm-dominant-pill{background:#143b2b14;border-radius:999px;align-items:center;gap:.4rem;margin-bottom:1rem;padding:.5rem 1rem;font-weight:600;display:inline-flex}.mm-pill-group{background:#fff9;border-radius:22px;margin-bottom:1rem;padding:1rem 1.2rem}.mm-pill-group.muted{background:#143b2b14}.mm-pill-label{letter-spacing:.15em;text-transform:uppercase;color:#143b2bb3;margin-bottom:.6rem;font-size:.85rem}.mm-pill-group ul{color:var(--mm-muted);margin:0;padding-left:1.4rem;list-style:outside}@keyframes mmFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:768px){.mm-form-grid,.mm-field-pair{grid-template-columns:minmax(0,1fr)}.mm-person-card,.mm-field,.mm-field input{width:100%;min-width:0}.mm-form-header{flex-direction:column;align-items:flex-start}.mm-submit-btn{justify-content:center;width:100%}.mm-location-meta{flex-direction:column}.mm-results-shell{border-radius:30px;padding:1.5rem}.mm-koot-grid,.mm-manglik-grid{grid-template-columns:1fr}}@media (max-width:480px){.matchmaking-page{border-radius:28px;margin:.5rem;padding:2rem .75rem 3rem}.mm-hero{margin-bottom:2rem}.mm-hero h1{font-size:clamp(2.1rem,11vw,2.7rem)}.mm-form-shell{border-radius:24px;padding:1rem}.mm-person-card{border-radius:20px;padding:1rem}.mm-city-field{padding:.75rem}.mm-location-meta span{overflow-wrap:anywhere;width:100%}}
