:root{--bg:#0a0a12;--bg-card:#13131f;--bg-card-2:#1c1c2e;--border:rgba(255,255,255,0.08);--text:#f3f4f6;--text-dim:#9aa0ab;--accent:#7c3aed;--accent-2:#a78bfa}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}.page{max-width:1100px;margin:0 auto;padding:0 2rem 5rem;min-height:100vh;display:flex;flex-direction:column}.hero{display:grid;grid-template-columns:1fr 60px 1fr;align-items:center;min-height:calc(100vh - 150px);grid-gap:0;gap:0;padding:0;transition:min-height .3s ease}.page.compact .hero{min-height:auto;padding:2rem 0}.page.compact .hero-divider img{height:120px}.page.compact .hero-title{font-size:clamp(1.8rem,3vw,2.5rem)}.page.compact .hero-sub,.page.compact .suggestions{display:none}.hero-left{flex-direction:column;align-items:flex-start;padding:3rem 2rem 3rem 4rem;overflow:visible;z-index:2}.hero-divider,.hero-left{display:flex;justify-content:center;position:relative}.hero-divider{align-items:center;z-index:1}.hero-divider img{height:460px;width:auto;filter:drop-shadow(0 0 20px rgba(124,58,237,.6)) drop-shadow(0 0 40px rgba(167,139,250,.3));transform:rotate(-20deg);pointer-events:none;transition:height .3s ease}.hero-right{display:flex;flex-direction:column;justify-content:center;padding:3rem 4rem;gap:1.5rem}.hero-title{display:block;font-size:clamp(2.5rem,4.5vw,4rem);font-weight:900;line-height:.95;letter-spacing:-2px;margin:0 0 .75rem;padding-bottom:.1em;background:linear-gradient(135deg,#ffffff,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;width:-moz-fit-content;width:fit-content}.hero-sub{font-size:1rem;color:var(--text-dim);line-height:1.6;max-width:340px}.search{display:flex;gap:.5rem;width:100%;align-items:flex-start}.search-input{flex:1 1;min-width:0;padding:1.1rem 1.4rem;border-radius:12px;border:1px solid rgba(124,58,237,.4);background:var(--bg-card);color:var(--text);font-size:1rem;outline:none;transition:border-color .2s,box-shadow .2s}.search-input:focus{border-color:var(--accent);box-shadow:0 0 20px rgba(124,58,237,.25)}.search-btn{padding:0 1.4rem;border-radius:12px;border:none;background:linear-gradient(135deg,#7c3aed,#a78bfa);color:white;font-weight:700;font-size:.95rem;cursor:pointer;white-space:nowrap;min-width:140px;height:52px;transition:opacity .15s,transform .05s}.search-btn:disabled{opacity:.5;cursor:not-allowed}.search-btn:not(:disabled):active{transform:translateY(1px)}.suggestions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.suggestions-label{width:100%;margin-bottom:.25rem}.chip,.suggestions-label{color:var(--text-dim);font-size:.85rem}.chip{background:var(--bg-card);border:1px solid var(--border);padding:.45rem .8rem;border-radius:999px;cursor:pointer;transition:border-color .15s,color .15s}.chip:hover{border-color:var(--accent);color:var(--text)}.status{text-align:center;color:var(--text-dim);padding:1.5rem 0}.status.error{color:#ff8585}.result{padding:2rem 4rem}.result-meta{font-size:.8rem;color:var(--text-dim);margin-bottom:.75rem}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:1.25rem}.card.primary{border-color:rgba(124,58,237,.35);box-shadow:0 0 0 1px rgba(124,58,237,.1),0 12px 40px rgba(0,0,0,.35)}.card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.agent{color:var(--accent-2);font-weight:600;font-size:.9rem}.skill{font-size:1.35rem;font-weight:700;margin-top:.15rem}.agent.small{font-size:.8rem}.skill.small{font-size:1.05rem}.price{font-weight:700;font-size:1.1rem;color:var(--text);white-space:nowrap}.price.small{font-size:.95rem}.badge{display:inline-block;margin-top:.6rem;padding:.2rem .6rem;border-radius:999px;background:var(--bg-card-2);border:1px solid var(--border);color:var(--text-dim);font-size:.72rem;text-transform:capitalize}.reason{margin:.85rem 0 .5rem;line-height:1.55}.desc{color:var(--text-dim);line-height:1.5;font-size:.92rem;margin:.4rem 0 .9rem}.buy{display:inline-block;margin-top:.4rem;color:var(--accent);text-decoration:none;font-weight:600;font-size:.95rem}.buy:hover{text-decoration:underline}.buy.ghost{font-size:.88rem}.alt-title{font-size:1rem;color:var(--text-dim);margin:1.75rem 0 .75rem;font-weight:600}.alt-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:.85rem;gap:.85rem}.foot{margin-top:auto;padding-top:3rem;text-align:center;color:#5a606b;font-size:.78rem}@media (max-width:600px){.hero{grid-template-columns:1fr;min-height:auto;padding:3rem 0;gap:2rem}.hero-left{align-items:center;text-align:center;padding:0}.hero-sub{max-width:none}.hero-divider img{height:150px}.hero-right{padding:0}.search{flex-direction:column}.search-btn{padding:.85rem}.alt-grid{grid-template-columns:1fr}}