:root{--bg-main:#f8fafc;--bg-card:#fff;--bg-card-hover:#f1f5f9;--border-color:#e2e8f0;--border-dark:#cbd5e1;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--orange-primary:#f97316;--orange-hover:#ea580c;--orange-light:#fff7ed;--orange-border:#fdba74;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--shadow-flat:0 1px 3px #0000000d;--shadow-md:0 10px 15px -3px #0000000d, 0 4px 6px -2px #00000005;--shadow-lg:0 20px 25px -5px #00000014, 0 10px 10px -5px #00000008}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-primary);flex-direction:column;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;display:flex}header{background-color:var(--bg-card);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:12px 32px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-icon-img{border-radius:var(--radius-sm);width:36px;height:36px;display:block}.brand h1{color:var(--text-primary);letter-spacing:-.01em;font-size:16px;font-weight:700;line-height:1.1}.brand span{color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;font-size:10px;font-weight:600}main{flex-direction:column;flex:1;gap:24px;width:100%;max-width:1200px;margin:0 auto;padding:32px 24px;display:flex}.synth-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;display:grid}.synth-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-flat);flex-direction:column;justify-content:space-between;padding:24px;transition:all .2s;display:flex;position:relative;overflow:hidden}.synth-card.active-card{border-color:var(--orange-border)}.synth-card.active-card:hover{box-shadow:var(--shadow-md);border-color:var(--orange-primary);transform:translateY(-3px)}.synth-card.disabled-card{opacity:.65;background-color:#fafafa}.card-top{align-items:center;gap:14px;margin-bottom:16px;display:flex}.synth-icon{border-radius:var(--radius-md);background-color:var(--orange-light);border:1px solid var(--orange-border);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.synth-icon.disabled-icon{background-color:#f1f5f9;border-color:#cbd5e1}.synth-title{color:var(--text-primary);margin-bottom:0;font-size:20px;font-weight:700}.synth-description{color:var(--text-secondary);margin-bottom:24px;font-size:13px;line-height:1.6}.btn-launch{background-color:var(--orange-primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px 18px;font-size:13px;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex}.btn-launch:hover{background-color:var(--orange-hover);box-shadow:0 4px 8px #f9731640}.btn-launch.disabled-btn{color:var(--text-muted);cursor:not-allowed;box-shadow:none;background-color:#e2e8f0}footer{border-top:1px solid var(--border-color);background-color:var(--bg-card);text-align:center;color:var(--text-muted);margin-top:auto;padding:16px 32px;font-size:12px}