.comp-page{color:#111827;background:#fff;min-height:100vh}.comp-hero{background:linear-gradient(to bottom right,#eff6ff,#e0e7ff);height:24rem;position:relative;overflow:hidden}.comp-polaroids{pointer-events:none;justify-content:space-between;align-items:flex-start;padding:0 2rem;display:flex;position:absolute;inset:0}.comp-polaroid{pointer-events:auto;--comp-rotate:0deg;--comp-delay:0s;--comp-top:20%;top:var(--comp-top);opacity:0;animation:.8s ease-out forwards comp-polaroid-enter;animation-delay:var(--comp-delay);position:relative}.comp-polaroid-bob{transform:rotate(var(--comp-rotate));animation:4s ease-in-out infinite comp-polaroid-bob;animation-delay:var(--comp-delay)}.comp-polaroid-card{background:#fff;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:8rem;height:10rem;padding:.75rem;transition:transform .3s;display:flex;box-shadow:0 10px 15px -3px #0000001f,0 4px 6px -4px #0000001a}.comp-polaroid-card:hover{transform:scale(1.05)}.comp-polaroid-photo{border-radius:.375rem;flex-shrink:0;width:6rem;height:6rem;position:relative;overflow:hidden}.comp-polaroid-photo img{object-fit:cover;width:100%;height:100%;display:block}.comp-polaroid-footer{background:#fff;width:100%;height:2rem;margin-top:.5rem}.comp-hero-fade{pointer-events:none;background:linear-gradient(#0000,#0000 45%,#fff);position:absolute;inset:0}@keyframes comp-polaroid-enter{0%{opacity:0;transform:translateY(6.25rem)}to{opacity:1;transform:translateY(0)}}@keyframes comp-polaroid-bob{0%,to{transform:translateY(0) rotate(var(--comp-rotate))}50%{transform:translateY(-12px) rotate(var(--comp-rotate))}}@media (prefers-reduced-motion:reduce){.comp-polaroid{opacity:1;animation:none;transform:none}.comp-polaroid-bob{transform:rotate(var(--comp-rotate));animation:none}.comp-polaroid-card:hover{transform:none}.comp-feature{opacity:1;animation:none;transform:none}}@media (width<=640px){.comp-hero{height:18rem}.comp-polaroids{padding:0 .5rem}.comp-polaroid-card{border-radius:8px;width:4.5rem;height:5.75rem;padding:.35rem}.comp-polaroid-photo{border-radius:.25rem;width:3.5rem;height:3.5rem}.comp-polaroid-footer{height:1rem;margin-top:.25rem}}.comp-main{padding:2rem 1rem 4rem}@media (width>=640px){.comp-main{padding-left:1.5rem;padding-right:1.5rem}}@media (width>=1024px){.comp-main{padding-left:2rem;padding-right:2rem}}.comp-inner{width:min(100%,64rem);margin-inline:auto}.comp-intro-grid{grid-template-columns:1fr;align-items:center;gap:3rem;display:grid}@media (width>=1024px){.comp-intro-grid{grid-template-columns:1fr 1fr}}.comp-intro-copy h1{color:#111827;letter-spacing:-.02em;margin:0 0 2rem;font-size:2.25rem;font-weight:700;line-height:1.2}.comp-intro-copy p{color:#374151;margin:0 0 1.5rem;font-size:1.125rem;line-height:1.75}.comp-intro-copy p:last-child{margin-bottom:0}.comp-feature{opacity:0;background:#fff;border:1px solid #e5e7eb;border-radius:1rem;width:20rem;max-width:100%;height:32rem;margin-inline:auto;transition:transform .3s;animation:.8s ease-out .3s forwards comp-feature-enter;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.comp-feature:hover{transform:scale(1.02)}.comp-feature img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.comp-feature-overlay{pointer-events:none;background:linear-gradient(to bottom right,#60a5fa1a,#9333ea1a),linear-gradient(#0000,#0000001a);position:absolute;inset:0}@keyframes comp-feature-enter{0%{opacity:0;transform:scale(.8)translateY(3.125rem)}to{opacity:1;transform:scale(1)translateY(0)}}.comp-callout-wrap{margin:2rem 0}.comp-callout{color:#1e3a8a;background:#eff6ff;border:1px solid #bfdbfe;border-radius:.5rem;align-items:flex-start;gap:.75rem;padding:1rem;font-size:1rem;line-height:1.6;display:flex}.comp-callout-icon{color:#3b82f6;flex-shrink:0;width:1.5rem;height:1.5rem;margin-top:.25rem}.comp-callout strong{font-weight:700}.comp-callout p{margin:0}.comp-callout p+p{margin-top:1rem}.comp-toolbar{flex-direction:column;gap:1rem;margin-top:2rem;display:flex}.comp-ref-panel{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;padding:1.5rem;scroll-margin-top:6rem}.comp-ref-panel[hidden]{display:none}.comp-ref-panel h2{color:#111827;margin:0 0 .75rem;font-size:1.25rem;font-weight:700}.comp-ref-panel>p{color:#4b5563;margin:0 0 1rem;font-size:.875rem}.comp-rules{color:#374151;flex-direction:column;gap:.75rem;margin:0;padding-left:1.5rem;list-style:outside;display:flex}.comp-categories{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=768px){.comp-categories{grid-template-columns:1fr 1fr}}.comp-category{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem}.comp-category h3{color:#111827;margin:0 0 .25rem;font-size:1rem;font-weight:600}.comp-category p{color:#374151;margin:0;font-size:.875rem;line-height:1.625}.comp-toolbar-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.comp-ref-btn{color:#1f2937;font:inherit;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:.5rem;align-items:center;padding:1rem 1.5rem;font-weight:600;transition:background-color .2s;display:inline-flex;box-shadow:0 1px 2px #0000000d}.comp-ref-btn:hover{background:#f9fafb}.comp-submit{color:#fff;background:#2563eb;border-radius:.5rem;align-items:center;padding:1rem 2rem;font-weight:600;text-decoration:none;transition:background-color .3s;display:inline-flex;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.comp-submit:hover{color:#fff;background:#1d4ed8}