.chooser{background:#09090b;min-height:100vh;position:relative;overflow:hidden}.chooser-glow{filter:blur(150px);pointer-events:none;opacity:.35;border-radius:50%;position:fixed}.chooser-glow--1{background:radial-gradient(circle,#00f2ff33,#0000 70%);width:600px;height:600px;top:-15%;left:-10%}.chooser-glow--2{background:radial-gradient(circle,#ff24e426,#0000 70%);width:500px;height:500px;bottom:-10%;right:-5%}.chooser-glow--3{background:radial-gradient(circle,#7318ff1a,#0000 70%);width:400px;height:400px;top:50%;left:50%;transform:translate(-50%,-50%)}.chooser:after{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(#ffffff08 1px,#0000 1px);background-size:32px 32px;position:fixed;inset:0}.chooser-header{z-index:2;text-align:center;padding:5rem 2rem 2rem;position:relative}.chooser-logo{align-items:center;gap:.75rem;margin-bottom:2rem;display:inline-flex}.chooser-logo-icon{background:linear-gradient(135deg,#00f2ff,#ff24e4);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.chooser-logo-text{font-family:var(--font-heading), "Space Grotesk", sans-serif;letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(135deg,#00f2ff,#ff24e4);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:700}.chooser-title{font-family:var(--font-heading), "Space Grotesk", sans-serif;color:#e1e2e7;letter-spacing:.04em;text-transform:uppercase;margin-bottom:.75rem;font-size:clamp(2rem,5vw,3.5rem);font-weight:700;line-height:1.15}.chooser-subtitle{font-family:var(--font-body), "Manrope", sans-serif;color:#6b7280;max-width:500px;margin:0 auto;font-size:1.05rem;line-height:1.6}.chooser-grid{z-index:2;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:1200px;margin:0 auto;padding:2rem 2rem 5rem;display:grid;position:relative}@media (max-width:900px){.chooser-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:580px){.chooser-grid{grid-template-columns:1fr}}.concept-card{cursor:pointer;color:inherit;background:#18181bcc;border:1px solid #ffffff0f;border-radius:16px;flex-direction:column;text-decoration:none;transition:all .5s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden}.concept-card:hover{border-color:#00f2ff40;transform:translateY(-10px)scale(1.02);box-shadow:0 30px 60px #00000080,0 0 50px #00f2ff14}.concept-card-image{aspect-ratio:9/14;background:#18181b;width:100%;position:relative;overflow:hidden}.concept-card-image img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .6s}.concept-card:hover .concept-card-image img{transform:scale(1.08)}.concept-card-overlay{background:linear-gradient(#0000 40%,#09090bcc 100%);position:absolute;inset:0}.concept-card-number{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:32px;height:32px;font-family:var(--font-heading), "Space Grotesk", sans-serif;color:#ffffff80;background:#00000080;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex;position:absolute;top:12px;right:12px}.concept-card-info{flex-direction:column;gap:.4rem;padding:1.25rem;display:flex}.concept-card-emoji{margin-bottom:.15rem;font-size:1.5rem}.concept-card-name{font-family:var(--font-heading), "Space Grotesk", sans-serif;letter-spacing:.03em;color:#e1e2e7;font-size:1.15rem;font-weight:700}.concept-card-desc{font-family:var(--font-body), "Manrope", sans-serif;color:#6b7280;font-size:.78rem;line-height:1.5}.concept-card-badge{font-family:var(--font-heading), "Space Grotesk", sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#002022;background:linear-gradient(135deg,#00f2ff,#ff24e4);border-radius:6px;padding:4px 10px;font-size:.6rem;font-weight:700;position:absolute;top:12px;left:12px}.concept-card:after{content:"";background:linear-gradient(90deg,#00f2ff,#ff24e4);height:3px;transition:transform .4s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.concept-card:hover:after{transform:scaleX(1)}.chooser-footer{z-index:2;text-align:center;border-top:1px solid #ffffff0a;padding:2rem;position:relative}.chooser-footer p{color:#3a494b;font-size:.75rem}
