.styles-shell{background:radial-gradient(circle at 80% 5%,#7437913d,transparent 30%),radial-gradient(circle at 10% 20%,#e2b8571a,transparent 25%),var(--bg);min-height:100vh}.styles-hero{padding-top:55px;padding-bottom:32px}.styles-hero h1{margin:0 0 12px;font-size:clamp(44px,8vw,88px)}.styles-hero p{color:#d4d0d8;max-width:740px;font-size:17px;line-height:2}.styles-summary{color:var(--muted);margin:20px 0}.styles-summary b{color:#e5b8ff}.styles-hero input{background:var(--panel);width:min(520px,100%);color:var(--text);font:inherit;border:1px solid #4e3659;border-radius:14px;padding:14px 16px}.styles-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding-bottom:75px;display:grid}.style-card{background:linear-gradient(155deg,#49275773,var(--panel));border:1px solid #3d3044;border-radius:18px;min-height:150px;padding:20px;transition:all .2s}.style-card:hover{border-color:#9a61b7;transform:translateY(-3px)}.style-card span{color:#d7a3ef;font-size:12px}.style-card h2{margin:12px 0 8px;font-size:22px}.style-card p{color:var(--muted);margin:0;font-size:12px;line-height:1.8}@media (width<=950px){.styles-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=700px){.styles-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.styles-grid{grid-template-columns:1fr}}