.recommendation-hub{position:relative;max-width:1320px;margin:72px auto;padding:64px 48px;border:1px solid #ece8f8;border-radius:32px;background:radial-gradient(circle at 8% 8%,rgba(255,139,184,.12),transparent 30%),radial-gradient(circle at 88% 18%,rgba(116,87,246,.11),transparent 34%),rgba(250,249,255,.94);box-shadow:0 28px 80px rgba(70,54,120,.08);color:#17152b}.recommendation-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:38px}.recommendation-kicker,.recently-added>div>span{color:#7457f6;font-size:11px;font-weight:900;letter-spacing:.22em}.recommendation-hero h2{max-width:780px;margin:12px 0 14px;font-size:clamp(38px,5vw,66px);line-height:1.08;letter-spacing:-.055em}.recommendation-hero p{max-width:720px;margin:0;color:#777486;font-size:17px;line-height:1.75}.recommendation-actions{display:flex;flex:0 0 auto;gap:10px}.recommendation-actions button{min-height:50px;padding:0 20px;border-radius:15px;font-weight:800;cursor:pointer}.recommend-primary{border:1px solid #241e37;background:#241e37;color:#fff}.recommend-secondary{border:1px solid #dfd8f5;background:rgba(255,255,255,.78);color:#51486a}.home-key-entries{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:34px 0}.home-key-entries article,.home-key-entries button,.home-key-entries a{min-width:0;min-height:86px;padding:17px 18px;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:12px;border:1px solid #e8e3f5;border-radius:18px;background:rgba(255,255,255,.74);color:#17152b;text-align:left;text-decoration:none}.home-key-entries button{font:inherit;cursor:pointer}.home-key-entries>*>span{color:#7457f6;font-size:12px;font-weight:900}.home-key-entries div{display:grid;gap:5px}.home-key-entries b{font-size:15px}.home-key-entries small{color:#898294;font-size:11px}.home-key-entries i{font-style:normal;color:#7457f6}.recommendation-tools{display:flex;justify-content:space-between;gap:18px;margin:32px 0 18px}.recommendation-categories{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.recommendation-categories button{flex:0 0 auto;min-height:42px;padding:0 15px;border:1px solid #e8e3f5;border-radius:999px;background:#fff;color:#70697c;cursor:pointer}.recommendation-categories button.active{border-color:#241e37;background:#241e37;color:#fff}.recommendation-search{width:min(280px,100%);height:42px;display:flex;align-items:center;gap:8px;padding:0 14px;border:1px solid #e8e3f5;border-radius:999px;background:#fff}.recommendation-search input{width:100%;border:0;outline:0;background:transparent;font:inherit}.recommendation-ranking{display:grid;gap:12px}.recommendation-card{display:grid;grid-template-columns:56px 62px minmax(0,1fr) 150px;align-items:center;gap:18px;padding:20px 22px;border:1px solid #e8e3f5;border-radius:22px;background:rgba(255,255,255,.82);box-shadow:0 12px 34px rgba(72,55,125,.05);transition:.25s}.recommendation-card:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(72,55,125,.09)}.recommend-rank{color:#a59fac;font-size:20px;font-weight:900}.recommend-logo{width:58px;height:58px;display:grid;place-items:center;overflow:hidden;border-radius:17px;background:#f0ecff;color:#654bd7;font-size:20px;font-weight:900}.recommend-logo img{width:100%;height:100%;object-fit:contain}.recommend-main{min-width:0}.recommend-main h3{margin:0;font-size:20px}.recommend-main>p{margin:6px 0 9px;color:#777486;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recommend-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.recommend-category{padding:5px 9px;border-radius:999px;background:#f3f0ff;color:#6b53d6;font-size:10px}.recommend-reason{color:#8b8496;font-size:11px}.recommend-side{display:grid;grid-template-columns:1fr 1fr;gap:8px}.recommend-count{grid-column:1/-1;text-align:right;color:#777486;font-size:11px}.recommend-count b{color:#17152b;font-size:24px}.recommend-side a,.recommend-side button{min-height:40px;display:grid;place-items:center;border-radius:12px;font-size:11px;font-weight:800;text-decoration:none;cursor:pointer}.recommend-side a{border:1px solid #e4def1;color:#433b53;background:#fff}.recommend-side button{border:1px solid #7457f6;background:#7457f6;color:#fff}.recommend-side button:disabled{border-color:#d8d2e6;background:#eeeaf4;color:#8f8899;cursor:default}.recommendation-gate{position:relative;min-height:250px;margin-top:12px;padding:38px;display:grid;place-items:center;border:1px dashed #dcd4ff;border-radius:24px;overflow:hidden;text-align:center;background:linear-gradient(180deg,rgba(255,255,255,.35),rgba(243,240,255,.88))}.recommendation-gate:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.45) 0 34px,rgba(235,230,249,.45) 34px 100px);filter:blur(7px)}.recommendation-gate>div{position:relative;max-width:520px}.recommendation-gate h3{margin:0 0 8px;font-size:26px}.recommendation-gate p{margin:0 0 20px;color:#777486;line-height:1.7}.recommendation-gate button{min-height:46px;padding:0 20px;border:0;border-radius:14px;background:#241e37;color:#fff;font-weight:800;cursor:pointer}.recently-added{margin-top:44px;padding-top:28px;border-top:1px solid #e8e3f5}.recently-added>div:first-child{display:flex;align-items:baseline;gap:15px}.recently-added h3{margin:0;font-size:26px}.recently-added p{margin:0;color:#8a8495}.recently-added-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.recent-product{padding:18px;border:1px solid #e8e3f5;border-radius:18px;background:#fff}.recent-product h4{margin:0 0 8px}.recent-product p{margin:0;color:#777486;font-size:12px;line-height:1.6}.recommendation-empty{padding:46px;border:1px dashed #dcd4ff;border-radius:20px;text-align:center;color:#777486}.recommendation-modal{position:fixed;inset:0;z-index:1500;display:grid;place-items:center;padding:18px;background:rgba(28,23,43,.58);backdrop-filter:blur(10px);visibility:hidden;opacity:0;transition:.2s}.recommendation-modal.open{visibility:visible;opacity:1}.recommendation-dialog{position:relative;width:min(660px,calc(100vw - 28px));max-height:92vh;overflow:auto;padding:34px;border:1px solid rgba(116,87,246,.14);border-radius:28px;background:#faf9ff;box-shadow:0 30px 90px rgba(28,20,55,.28)}.recommendation-close{position:absolute;right:18px;top:18px;width:40px;height:40px;border:0;border-radius:50%;background:#eeeaf5;font-size:22px;cursor:pointer}.recommendation-dialog>span{color:#7457f6;font-size:10px;font-weight:900;letter-spacing:.2em}.recommendation-dialog h2{margin:8px 50px 8px 0;font-size:34px}.recommendation-dialog>p{margin:0 0 22px;color:#777486}.recommendation-form{display:grid;grid-template-columns:1fr 1fr;gap:15px}.recommendation-form label{display:grid;gap:7px;color:#4e475b;font-size:12px;font-weight:700}.recommendation-form label.wide{grid-column:1/-1}.recommendation-form input,.recommendation-form select,.recommendation-form textarea{width:100%;box-sizing:border-box;padding:12px;border:1px solid #e1dcec;border-radius:13px;background:#fff;font:inherit;outline:0}.recommendation-form input:focus,.recommendation-form textarea:focus,.recommendation-form select:focus{border-color:#7457f6;box-shadow:0 0 0 3px rgba(116,87,246,.09)}.recommendation-form small{color:#9992a5;font-weight:500}.recommendation-form .founder-check{grid-template-columns:20px 1fr;align-items:center}.founder-check input{width:18px;height:18px}.recommendation-error{grid-column:1/-1;min-height:18px;margin:0;color:#d65473}.recommendation-submit{grid-column:1/-1;min-height:50px;border:0;border-radius:14px;background:#7457f6;color:#fff;font-weight:900;cursor:pointer}.recommendation-progress{min-height:330px;display:grid;place-items:center;text-align:center}.recommendation-progress-mark{width:72px;height:72px;display:grid;place-items:center;border-radius:24px;background:linear-gradient(145deg,#9b7cf8,#ff7dad);color:#fff;font-size:28px}.recommendation-progress h2{margin:22px 0 10px}.recommendation-progress p{color:#777486}.recommendation-progress-dots{display:flex;justify-content:center;gap:7px}.recommendation-progress-dots i{width:7px;height:7px;border-radius:50%;background:#d6cef7;animation:recPulse 1s infinite alternate}.recommendation-progress-dots i:nth-child(2){animation-delay:.2s}.recommendation-progress-dots i:nth-child(3){animation-delay:.4s}@keyframes recPulse{to{background:#7457f6;transform:translateY(-4px)}}
.home-key-entries .is-primary{border-color:rgba(116,87,246,.25);background:linear-gradient(135deg,#7457f6,#9b7cf8);color:#fff;box-shadow:0 14px 34px rgba(116,87,246,.18)}.home-key-entries .is-primary>span,.home-key-entries .is-primary small,.home-key-entries .is-primary i{color:#fff}.banner-examples button{border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}.recommendation-locked{position:relative;min-height:310px;margin-top:12px;padding:24px;border:1px solid #e8e3f5;border-radius:24px;overflow:hidden;background:rgba(255,255,255,.64)}.recommendation-aggregate{display:flex;gap:10px}.recommendation-aggregate span{padding:8px 12px;border-radius:999px;background:#f3f0ff;color:#777486;font-size:12px}.recommendation-aggregate b{color:#17152b}.recommendation-skeletons{display:grid;gap:10px;margin-top:22px;filter:blur(3px);opacity:.55}.recommendation-skeletons i{height:58px;display:grid;grid-template-columns:46px 1fr;gap:14px;padding:12px;border-radius:16px;background:#f1eef7}.recommendation-skeletons em{grid-row:1/3;border-radius:13px;background:#dcd4ff}.recommendation-skeletons span{height:10px;border-radius:9px;background:#d9d4e3}.recommendation-skeletons span:last-child{width:66%}.recommendation-gate-copy{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;padding:24px;text-align:center;background:linear-gradient(180deg,rgba(250,249,255,.18),rgba(250,249,255,.9))}.recommendation-gate-copy small{color:#7457f6;font-weight:900;letter-spacing:.12em}.recommendation-gate-copy h3{margin:8px 0;font-size:25px}.recommendation-gate-copy p{max-width:500px;margin:0 0 18px;color:#777486}.recommendation-gate-copy button{min-height:46px;padding:0 20px;border:0;border-radius:14px;background:#241e37;color:#fff;font-weight:800;cursor:pointer}.recommendation-demo-note{margin:0 0 10px;color:#9a93a4;font-size:12px}.recommendation-card.is-mine{border-color:rgba(57,169,121,.25)}.recommendation-main h3 small{padding:4px 7px;border-radius:999px;background:#e9f8f1;color:#278967;font-size:9px}.recommend-count i{display:block;color:#a099aa;font-size:9px;font-style:normal}.recommend-confirm{max-width:680px;margin:auto;padding:26px;border:1px solid #e8e3f5;border-radius:24px;background:rgba(255,255,255,.8)}.recommend-confirm>span{color:#7457f6;font-size:11px;font-weight:900;letter-spacing:.14em}.recommend-confirm h3{margin:10px 0 18px;font-size:30px}.recommend-confirm dl{display:grid;gap:10px;margin:0}.recommend-confirm dl div{padding:14px;border-radius:14px;background:#f3f0ff}.recommend-confirm dt{color:#918a9b;font-size:11px}.recommend-confirm dd{margin:5px 0 0;line-height:1.6}.recommend-confirm>div:last-child{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.recommend-confirm button{min-height:44px;padding:0 18px;border:1px solid #ddd7e9;border-radius:13px;background:#fff;font-weight:800;cursor:pointer}.recommend-confirm button:last-child{border-color:#7457f6;background:#7457f6;color:#fff}.recommend-confirm button:disabled{opacity:.45;cursor:not-allowed}.recommend-confirm-error{color:#d65473}
@media(max-width:900px){.recommendation-hero{display:block}.recommendation-actions{margin-top:24px}.home-key-entries{grid-template-columns:1fr}.recommendation-card{grid-template-columns:46px 54px minmax(0,1fr)}.recommend-side{grid-column:2/-1;grid-template-columns:1fr 1fr}.recommend-count{text-align:left}.recommendation-tools{display:grid}.recommendation-search{width:100%}.recently-added-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.recommendation-hub{margin:28px 12px;padding:38px 16px;border-radius:25px}.recommendation-hero h2{font-size:38px}.recommendation-hero p{font-size:14px}.recommendation-actions{display:grid}.recommendation-actions button{width:100%}.recommendation-card{grid-template-columns:36px 48px minmax(0,1fr);gap:10px;padding:16px}.recommend-logo{width:46px;height:46px;border-radius:14px}.recommend-main h3{font-size:17px}.recommend-main>p{white-space:normal}.recommend-meta{align-items:flex-start}.recommend-reason{width:100%}.recommend-side{grid-column:1/-1}.recommendation-gate{padding:28px 18px}.recently-added>div:first-child{display:grid;gap:5px}.recently-added-grid{grid-template-columns:1fr}.recommendation-dialog{padding:28px 18px;border-radius:22px}.recommendation-dialog h2{font-size:28px}.recommendation-form{grid-template-columns:1fr}.recommendation-form label.wide,.recommendation-error,.recommendation-submit{grid-column:1}.home-key-entries article,.home-key-entries button,.home-key-entries a{min-height:78px;padding:14px}}
@media(prefers-reduced-motion:reduce){.recommendation-card,.recommendation-progress-dots i{animation:none;transition:none}}
.recommend-main h3 small{padding:4px 7px;border-radius:999px;background:#e9f8f1;color:#278967;font-size:9px}