.recommendations-page{background:var(--bg);min-height:100vh;color:var(--gray-700)}.recommendations-hero{color:#fff;background:radial-gradient(circle at 82% 12%,#2563eb26,#0000 30%),linear-gradient(135deg,#0f172a,#172554);padding:62px max(24px,50vw - 620px) 110px}.recommendations-hero small{letter-spacing:.12em;color:#60a5fa!important;font-size:12px!important;font-weight:700!important}.recommendations-hero h1{max-width:760px;margin:9px 0 12px;font-size:48px;font-weight:800}.recommendations-hero p{color:#cbd5e1;max-width:790px;margin:0;font-size:18px;line-height:1.65}.recommendations-hero>div{flex-wrap:wrap;gap:9px;margin-top:25px;display:flex}.recommendations-hero>div span{color:#dbeafe;background:#ffffff0b;border:1px solid #ffffff24;border-radius:6px;padding:8px 12px;font-size:13px}.recommendation-app{max-width:1240px;margin:-64px auto 60px;padding:0 24px}.recommendation-modes{border:1px solid var(--border);background:#fff;border-radius:6px 6px 0 0;gap:7px;width:max-content;max-width:100%;padding:8px;display:flex;overflow:auto}.recommendation-modes button{white-space:nowrap;background:var(--gray-100);color:var(--gray-700);cursor:pointer;border:0;border-radius:6px;padding:10px 18px;font-size:14px;font-weight:600}.recommendation-modes button.active{background:var(--blue-600);color:#fff}.recommendation-workspace{border:1px solid var(--border);background:#fff;border-radius:0 6px 6px;grid-template-columns:390px minmax(0,1fr);min-height:660px;display:grid;box-shadow:0 20px 50px #0f172a12}.recommendation-workspace>form{border-right:1px solid var(--gray-200);background:#f8fafc;padding:26px}.recommendation-workspace form header{margin-bottom:20px}.recommendation-workspace form header small{color:var(--blue-600);letter-spacing:.1em;font-size:11px;font-weight:700}.recommendation-workspace form h2{margin:5px 0;font-size:24px}.recommendation-workspace form>label,.form-pair label{color:var(--gray-700);gap:6px;margin-top:14px;font-size:14px;font-weight:600;display:grid}.recommendation-workspace input,.recommendation-workspace select{border:1px solid var(--gray-300);width:100%;color:var(--gray-900);font:inherit;background:#fff;border-radius:6px;padding:11px 12px}.form-pair{grid-template-columns:1fr 1fr;gap:10px;display:grid}.recommendation-workspace fieldset{border:0;gap:8px;margin:18px 0 0;padding:0;display:flex}.recommendation-workspace legend{color:var(--gray-700);margin-bottom:8px;font-size:14px;font-weight:600}.recommendation-workspace fieldset label{border:1px solid var(--gray-200);background:#fff;border-radius:6px;align-items:center;gap:5px;padding:7px 9px;font-size:12px;display:flex}.recommendation-workspace fieldset input,.recommendation-workspace .check input{width:auto}.recommendation-workspace .check{grid-template-columns:auto 1fr;align-items:center;display:flex}.recommend-submit{background:var(--blue-600);color:#fff;cursor:pointer;border:0;border-radius:6px;width:100%;margin-top:22px;padding:13px 18px;font-size:16px;font-weight:700}.recommend-submit:hover{background:var(--blue-700)}.recommendation-result{padding:30px}.recommend-empty{text-align:center;place-items:center;max-width:580px;margin:90px auto;display:grid}.recommend-empty>i{width:70px;height:70px;color:var(--blue-600);background:#dbeafe;border-radius:50%;place-items:center;font-size:30px;font-style:normal;display:grid}.recommend-empty h2{margin:18px 0 6px}.recommend-empty p{color:var(--gray-500)}.recommend-empty ul{text-align:left;grid-template-columns:1fr 1fr;gap:10px;width:100%;padding:0;list-style:none;display:grid}.recommend-empty li{background:var(--gray-100);border-radius:6px;padding:10px;font-size:13px}.build-result,.check-result{max-width:720px;margin:auto}.build-result>header,.check-result>header{border-bottom:1px solid var(--gray-200);justify-content:space-between;align-items:center;padding-bottom:18px;display:flex}.build-result header small,.check-result header small,.upgrade-card>small{color:var(--blue-600);letter-spacing:.1em;font-size:11px;font-weight:700}.build-result h2,.check-result h2{margin:4px 0}.build-result>header>strong,.check-result>header>strong{color:var(--blue-600);font-size:44px;font-weight:800}.build-result>header>strong small{font-size:14px}.result-badges{gap:7px;margin:15px 0;display:flex}.recommended-product{border:1px solid var(--gray-200);border-radius:6px;grid-template-columns:80px 1fr auto;align-items:center;gap:15px;margin-top:10px;padding:13px;display:grid}.recommended-product img,.recommended-product>i{object-fit:contain;place-items:center;width:80px;height:62px;font-style:normal;display:grid}.recommended-product span{display:grid}.recommended-product span small{color:var(--gray-500);text-transform:uppercase;font-size:11px}.recommended-product span b{color:var(--gray-900)}.recommended-product em{color:var(--green-500);font-size:20px;font-style:normal;font-weight:800}.build-result dl,.check-result dl{grid-template-columns:1fr 1fr;gap:8px;display:grid}.build-result dl div,.check-result dl div{background:var(--gray-100);border-radius:6px;padding:11px}.build-result dt,.check-result dt{color:var(--gray-500);font-size:11px}.build-result dd,.check-result dd{color:var(--gray-900);margin:3px 0 0;font-weight:700}.build-result>footer{background:var(--gray-900);color:#fff;border-radius:6px;justify-content:space-between;align-items:center;margin-top:16px;padding:18px;display:flex}.build-result>footer b{font-size:28px}.compatibility-status{border-radius:6px;justify-content:space-between;margin:15px 0;padding:12px 14px;display:flex}.compatibility-status.green{background:var(--green-100);color:#087f56}.compatibility-status.yellow{background:var(--yellow-100);color:#92400e}.compatibility-status.orange{color:#c2410c;background:#ffedd5}.compatibility-status.red{background:var(--red-100);color:#b91c1c}.fps-prediction,.score-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.fps-prediction>span,.score-grid>span{border:1px solid var(--gray-200);border-radius:6px;padding:13px;display:grid}.fps-prediction small{color:var(--gray-500)}.fps-prediction b{font-size:28px;font-weight:800}.score-grid{margin-top:8px}.score-grid span{background:#f8fafc;grid-template-columns:1fr auto}.score-grid b{color:var(--blue-600);font-size:20px}.check-result>section{border:1px solid var(--gray-200);border-radius:6px;margin-top:14px;padding:15px}.check-result>section h3{margin:0 0 8px}.issue{color:#b45309;margin:5px 0}.success{color:#087f56}.upgrade-card{border-left:4px solid var(--blue-600)!important}.upgrade-card .recommended-product{border:0;padding-inline:0}.check-result blockquote{color:#1e40af;background:#eff6ff;border-radius:6px;margin:14px 0 0;padding:15px}.recommendations-page .site-footer{margin-top:60px}@media (max-width:850px){.recommendation-workspace{grid-template-columns:1fr}.recommendation-workspace>form{border-right:0;border-bottom:1px solid var(--gray-200)}.recommendations-hero h1{font-size:38px}}@media (max-width:560px){.recommendation-app{padding:0 12px}.recommendation-result,.recommendation-workspace>form{padding:18px}.form-pair,.build-result dl,.check-result dl,.fps-prediction,.score-grid,.recommend-empty ul{grid-template-columns:1fr}.recommended-product{grid-template-columns:58px 1fr}.recommended-product img{width:58px}.recommended-product em{grid-column:2}.recommendations-hero{padding-inline:18px}.recommendations-hero h1{font-size:32px}}