.style-picker{color:#e8e0d5;-webkit-font-smoothing:antialiased;background:#060606 radial-gradient(circle,#1c1c1c 1px,#0000 1px) 0 0/28px 28px;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:3rem 1.5rem;font-family:Nunito,sans-serif;display:flex}.selector{width:100%;max-width:1140px}.sel-header{text-align:center;margin-bottom:4rem;animation:.6s both fadeUp}.sel-eyebrow{letter-spacing:.25em;text-transform:uppercase;color:#555;align-items:center;gap:.5em;margin-bottom:1.5rem;font-size:.75rem;font-weight:800;display:inline-flex}.sel-title{color:#f0ebe4;margin-bottom:1.25rem;font-family:"Baloo 2",sans-serif;font-size:clamp(3.5rem,10vw,7rem);font-weight:900;line-height:.9}.sel-sub{color:#555;letter-spacing:.05em;font-size:1rem}.sel-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;animation:.6s .15s both fadeUp;display:grid}@media (width<=860px){.sel-grid{grid-template-columns:1fr}}.sel-card{color:#f0ebe4;background:#141414;border:1px solid #252525;border-radius:1.5rem;flex-direction:column;gap:1.5rem;padding:2rem;text-decoration:none;transition:transform .3s cubic-bezier(.34,1.56,.64,1),border-color .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.sel-card:hover{border-color:var(--card-accent);box-shadow:0 20px 60px #0006, 0 0 40px color-mix(in srgb, var(--card-accent) 12%, transparent);transform:translateY(-6px)}.sel-card-num{letter-spacing:.2em;opacity:.6;font-size:.7rem;font-weight:800}.sel-card-name{margin-bottom:.3rem;font-family:"Baloo 2",sans-serif;font-size:1.75rem;font-weight:900;line-height:1.1}.sel-card-vibe{letter-spacing:.06em;opacity:.45;font-size:.8rem;font-weight:700}.sel-card-preview{border:1px solid #252525;border-radius:.75rem;flex-direction:column;flex:1;justify-content:center;gap:.5rem;min-height:100px;padding:1.5rem 1.75rem;display:flex}.sel-card-preview p{font-family:"Baloo 2",sans-serif;font-size:1.15rem;line-height:1.25}.sel-card-go{letter-spacing:.06em;align-self:flex-start;font-size:.85rem;font-weight:800;transition:transform .2s}.sel-card:hover .sel-card-go{transform:translate(4px)}.sel-divider{background:#1e1e1e;width:100%;height:1px;margin:3rem 0}.sel-section-label{letter-spacing:.25em;text-transform:uppercase;color:#444;margin-bottom:1.75rem;font-size:.7rem;font-weight:800;animation:.6s .3s both fadeUp;display:block}.sel-footer-text{text-align:center;color:#333;letter-spacing:.05em;margin-top:3.5rem;font-size:.8rem;animation:.6s .45s both fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}