.about-page{min-height:100vh;background:#f8f9fa}.about-nav{background:white;padding:1rem 0;box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:100}.about-nav .container{display:flex;justify-content:space-between;align-items:center}.logo-icon{font-size:1.5rem}.nav-back{display:flex;align-items:center;gap:.5rem;color:#007bff;text-decoration:none;font-weight:500;transition:color .2s}.nav-back:hover{color:#0056b3}.about-hero{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:4rem 0;text-align:center}.about-hero h1{font-size:2.5rem;margin-bottom:1rem;font-weight:700}.about-hero .lead{font-size:1.25rem;opacity:.95;max-width:600px;margin:0 auto}.about-content{padding:3rem 0}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.mini-menu{margin-bottom:4rem}.mini-menu h2{text-align:center;margin-bottom:2rem;font-size:2rem;color:#333}.menu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.menu-card{background:white;border-radius:12px;padding:2rem;text-decoration:none;color:#333;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;text-align:center}.menu-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #00000026}.menu-card.primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.menu-icon{font-size:3rem;margin-bottom:1rem}.menu-card h3{font-size:1.25rem;margin-bottom:.5rem;font-weight:600}.menu-card p{font-size:.95rem;opacity:.8;margin:0}.about-section{background:white;border-radius:12px;padding:2.5rem;margin-bottom:2rem;box-shadow:0 2px 8px #0000000d}.about-section h2{color:#333;margin-bottom:1.5rem;font-size:1.75rem}.about-section p{color:#666;line-height:1.8;font-size:1.1rem}.features-list{display:grid;gap:1rem;margin-top:1.5rem}.feature-item{padding:1rem;background:#f8f9fa;border-radius:8px;color:#555;line-height:1.6}.feature-item strong{color:#333;font-weight:600}.use-cases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem}.use-case{background:#f8f9fa;padding:1.5rem;border-radius:8px}.use-case h3{color:#333;margin-bottom:1rem;font-size:1.25rem}.use-case ul{list-style:none;padding:0;margin:0}.use-case li{color:#666;position:relative;padding:.5rem 0 .5rem 1.5rem}.use-case li:before{content:"✓";position:absolute;left:0;color:#667eea;font-weight:700}.cta-section{text-align:center;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%)}.cta-section p{margin-bottom:2rem}.btn-primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}@media (max-width: 768px){.about-hero h1{font-size:2rem}.about-hero .lead{font-size:1.1rem}.menu-grid,.use-cases-grid{grid-template-columns:1fr}.about-section{padding:1.5rem}}.teachers-page{min-height:100vh;background:#f8f9fa}.page-nav{background:white;padding:1rem 0;box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:100}.page-nav .container{display:flex;justify-content:space-between;align-items:center}.nav-logo{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;color:#333;text-decoration:none}.nav-links{display:flex;gap:2rem}.nav-link{color:#666;text-decoration:none;font-weight:500;transition:color .2s}.nav-link:hover{color:#667eea}.teachers-hero{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:5rem 0;text-align:center}.teachers-hero h1{font-size:3rem;margin-bottom:1.5rem;font-weight:700;max-width:800px;margin-left:auto;margin-right:auto}.hero-subtitle{font-size:1.25rem;opacity:.95;max-width:600px;margin:0 auto 2rem;line-height:1.6}.hero-cta{display:flex;gap:1rem;justify-content:center;margin-bottom:3rem}.teacher-stats{display:flex;justify-content:center;gap:4rem;margin-top:3rem}.stat-number{display:block;font-size:2.5rem;font-weight:700;margin-bottom:.25rem}.stat-label{display:block;font-size:.95rem;opacity:.9}.benefits-section{padding:5rem 0;background:white}.benefits-section h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#333}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.benefit-card{text-align:center;padding:2rem;background:#f8f9fa;border-radius:12px;transition:transform .2s}.benefit-card:hover{transform:translateY(-4px)}.benefit-icon{font-size:3rem;margin-bottom:1rem}.benefit-card h3{font-size:1.25rem;margin-bottom:1rem;color:#333}.benefit-card p{color:#666;line-height:1.6}.classroom-uses{padding:5rem 0}.classroom-uses h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#333}.use-cases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.use-case-card{background:white;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #0000000d;transition:box-shadow .2s}.use-case-card:hover{box-shadow:0 4px 16px #0000001a}.use-case-card h3{font-size:1.25rem;margin-bottom:.75rem;color:#333}.use-case-card p{color:#666;line-height:1.5}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1000px;margin:0 auto}.testimonial-card{background:#f8f9fa;padding:2rem;border-radius:12px;position:relative}.testimonial-card:before{content:""";
position: absolute;top:1rem;left:1.5rem;font-size:3rem;color:#667eea;opacity:.3}.teacher-templates{padding:5rem 0;background:#f8f9fa}.teacher-templates h2{text-align:center;font-size:2.5rem;margin-bottom:1rem;color:#333}.section-subtitle{text-align:center;color:#666;font-size:1.1rem;margin-bottom:3rem}.template-preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:1000px;margin:0 auto}.template-preview{background:white;padding:2rem;border-radius:12px;text-align:center;box-shadow:0 2px 8px #0000000d}.template-preview h3{font-size:1.25rem;margin-bottom:.75rem;color:#333}.template-preview p{color:#666;margin-bottom:1.5rem}.btn-outline{background:white;color:#667eea;border:2px solid #667eea;padding:.5rem 1.5rem;border-radius:8px;text-decoration:none;display:inline-block;font-weight:500;transition:all .2s}.btn-outline:hover{background:#667eea;color:#fff}.how-it-works{padding:5rem 0;background:white}.how-it-works h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#333}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:1000px;margin:0 auto}.step-card{text-align:center;padding:2rem}.step-number{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;font-size:1.5rem;font-weight:700;border-radius:50%;margin-bottom:1.5rem}.step-card h3{font-size:1.25rem;margin-bottom:.75rem;color:#333}.step-card p{color:#666;line-height:1.5}.teacher-resources{padding:5rem 0;background:#f8f9fa}.teacher-resources h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#333}.resources-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1000px;margin:0 auto}.resource-card{background:white;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #0000000d}.resource-card h3{font-size:1.25rem;margin-bottom:1rem;color:#333}.resource-card p{color:#666;line-height:1.5;margin-bottom:1rem}.resource-link{color:#667eea;text-decoration:none;font-weight:500;display:inline-flex;align-items:center;transition:color .2s}.resource-link:hover{color:#5a67d8}.teacher-cta{padding:5rem 0;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;text-align:center}.teacher-cta h2{font-size:2.5rem;margin-bottom:1rem;max-width:800px;margin-left:auto;margin-right:auto}.teacher-cta p{font-size:1.1rem;margin-bottom:2rem;opacity:.95}.cta-note{display:flex;gap:2rem;justify-content:center;margin-top:2rem;opacity:.9}.cta-note span{display:flex;align-items:center;gap:.5rem}.btn-primary{background:white;color:#667eea}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ffffff4d}@media (max-width: 768px){.teachers-hero h1{font-size:2rem}.hero-cta{flex-direction:column;align-items:center}.teacher-stats{flex-direction:column;gap:2rem}.benefits-grid,.use-cases-grid,.testimonials-grid{grid-template-columns:1fr}.nav-links{display:none}}.giveaways-page{min-height:100vh;background:#f8f9fa}.giveaways-hero{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);color:#fff;padding:5rem 0;text-align:center}.giveaways-hero h1{font-size:3rem;margin-bottom:1.5rem;font-weight:700;max-width:800px;margin-left:auto;margin-right:auto}.giveaway-stats{display:flex;justify-content:center;gap:4rem;margin-top:3rem}.trust-section{padding:5rem 0;background:white}.trust-section h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#333}.trust-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.trust-card{text-align:center;padding:2rem;background:#fff0f5;border-radius:12px;transition:transform .2s}.trust-card:hover{transform:translateY(-4px)}.trust-icon{font-size:3rem;margin-bottom:1rem}.trust-card h3{font-size:1.25rem;margin-bottom:1rem;color:#333}.trust-card p{color:#666;line-height:1.6}.giveaway-types{padding:5rem 0;background:#f8f9fa}.giveaway-types h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#333}.types-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.type-card{background:white;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #0000000d;transition:box-shadow .2s;border-left:4px solid #f5576c}.type-card:hover{box-shadow:0 4px 16px #0000001a}.type-card h3{font-size:1.25rem;margin-bottom:.75rem;color:#333}.type-card p{color:#666;line-height:1.5}.features-section{padding:5rem 0;background:white}.features-section h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#333}.features-showcase{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.feature-item{display:flex;align-items:flex-start;gap:1.5rem;padding:1.5rem;background:#f8f9fa;border-radius:12px}.feature-content h3{font-size:1.25rem;margin-bottom:.75rem;color:#333}.feature-content p{color:#666;line-height:1.5}.case-studies{padding:5rem 0;background:#f8f9fa}.case-studies h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#333}.case-study-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.case-study{background:white;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #0000000d}.case-study-header{margin-bottom:1rem}.case-study-tag{background:#f5576c;color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.85rem;font-weight:500}.case-study h3{font-size:1.25rem;margin-bottom:1rem;color:#333}.case-study p{color:#666;line-height:1.6;font-style:italic;margin-bottom:1.5rem}.case-study-author{display:flex;flex-direction:column;padding-top:1rem;border-top:1px solid #eee}.case-study-author strong{color:#333;font-weight:600}.case-study-author span{color:#666;font-size:.9rem}.how-to-section{padding:5rem 0;background:white}.how-to-section h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#333}.steps-timeline{max-width:800px;margin:0 auto;position:relative;padding-left:3rem}.steps-timeline:before{content:"";position:absolute;left:1.5rem;top:0;bottom:0;width:2px;background:#ddd}.timeline-step{display:flex;gap:2rem;margin-bottom:3rem;position:relative}.timeline-step .step-number{position:absolute;left:-1.5rem;width:3rem;height:3rem;background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem}.step-content h3{font-size:1.25rem;margin-bottom:.5rem;color:#333}.step-content p{color:#666;line-height:1.5}.best-practices{padding:5rem 0;background:#f8f9fa}.best-practices h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#333}.practices-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.practice-card{background:white;padding:2rem;border-radius:12px;text-align:center;box-shadow:0 2px 8px #0000000d}.practice-card h3{font-size:1.25rem;margin-bottom:1rem;color:#333}.practice-card p{color:#666;line-height:1.5}.pricing-section{padding:5rem 0;background:white}.pricing-section h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#333}.pricing-card{max-width:600px;margin:0 auto;background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);color:#fff;padding:3rem;border-radius:16px;text-align:center;box-shadow:0 4px 20px #f5576c4d}.pricing-card h3{font-size:2rem;margin-bottom:2rem}.pricing-features{list-style:none;padding:0;margin:0 0 2rem;text-align:left;display:inline-block}.pricing-features li{padding:.75rem 0;font-size:1.1rem}.pricing-note{font-size:1rem;opacity:.95;line-height:1.6}.giveaway-cta{padding:5rem 0;background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);color:#fff;text-align:center}.giveaway-cta h2{font-size:2.5rem;margin-bottom:1rem;max-width:800px;margin-left:auto;margin-right:auto}.giveaway-cta p{font-size:1.1rem;margin-bottom:2rem;opacity:.95}@media (max-width: 768px){.giveaways-hero h1{font-size:2rem}.giveaway-stats{flex-direction:column;gap:2rem}.trust-grid,.types-grid,.features-showcase,.case-study-grid,.practices-grid{grid-template-columns:1fr}.nav-links{display:none}.steps-timeline{padding-left:2rem}.timeline-step .step-number{left:-1rem}}.decisions-page{min-height:100vh;background:#f8f9fa}.decisions-hero{background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%);color:#fff;padding:5rem 0;text-align:center}.decisions-hero h1{font-size:3rem;margin-bottom:1.5rem;font-weight:700;max-width:800px;margin-left:auto;margin-right:auto}.decision-stats{display:flex;justify-content:center;gap:4rem;margin-top:3rem}.why-section{padding:5rem 0;background:white}.why-section h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#333}.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.why-card{text-align:center;padding:2rem;background:#e3f2fd;border-radius:12px;transition:transform .2s}.why-card:hover{transform:translateY(-4px)}.why-icon{font-size:3rem;margin-bottom:1rem}.why-card h3{font-size:1.25rem;margin-bottom:1rem;color:#333}.why-card p{color:#666;line-height:1.6}.decision-types{padding:5rem 0;background:#f8f9fa}.decision-types h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#333}.types-showcase{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.type-section{background:white;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #0000000d}.type-section h3{font-size:1.5rem;margin-bottom:1.5rem;color:#333}.decision-examples{display:flex;flex-wrap:wrap;gap:.75rem}.decision-tag{background:#e3f2fd;color:#1976d2;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500}.how-it-helps{padding:5rem 0;background:white}.how-it-helps h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#333}.science-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.science-card{padding:2.5rem;background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%);border-radius:12px;text-align:center}.science-card h3{font-size:1.5rem;margin-bottom:1rem;color:#333}.science-card p{color:#555;line-height:1.6;font-size:1.1rem}.templates-preview{padding:5rem 0;background:#f8f9fa}.templates-preview h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#333}.template-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.template-card{background:white;padding:2rem;border-radius:12px;text-align:center;box-shadow:0 2px 8px #0000000d;transition:transform .2s}.template-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #0000001a}.template-icon{font-size:3rem;margin-bottom:1rem}.template-card h3{font-size:1.25rem;margin-bottom:.5rem;color:#333}.template-card p{color:#666;margin-bottom:1.5rem}.btn-outline{background:white;color:#4facfe;border:2px solid #4facfe;padding:.5rem 1.5rem;border-radius:8px;text-decoration:none;display:inline-block;font-weight:500;transition:all .2s}.btn-outline:hover{background:#4facfe;color:#fff}.real-stories{padding:5rem 0;background:white}.real-stories h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#333}.stories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.story-card{background:#f8f9fa;padding:2rem;border-radius:12px;position:relative}.story-card:before{content:""";
position: absolute;top:1rem;left:1.5rem;font-size:3rem;color:#4facfe;opacity:.3}.story-quote{font-style:italic;line-height:1.6;color:#555;margin-bottom:1.5rem;padding-top:1rem}.story-author{display:flex;flex-direction:column}.story-author strong{color:#333;font-weight:600}.story-author span{color:#666;font-size:.9rem}.decision-tips{padding:5rem 0;background:#f8f9fa}.decision-tips h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#333}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.tip-card{background:white;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #0000000d;border-top:4px solid #4facfe}.tip-card h3{font-size:1.25rem;margin-bottom:1rem;color:#333}.tip-card p{color:#666;line-height:1.6}.fun-facts{padding:5rem 0;background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%);color:#fff}.fun-facts h2{text-align:center;font-size:2.5rem;margin-bottom:3rem}.facts-carousel{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:1000px;margin:0 auto}.fact-card{text-align:center;padding:2rem;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px}.fact-icon{font-size:3rem;display:block;margin-bottom:1rem}.fact-card p{font-size:1.1rem;line-height:1.5}.decisions-cta{padding:5rem 0;background:white;text-align:center}.decisions-cta h2{font-size:2.5rem;margin-bottom:1rem;color:#333}.decisions-cta p{font-size:1.1rem;margin-bottom:2rem;color:#666}.cta-options{display:flex;gap:2rem;justify-content:center;margin-top:2rem}.cta-option{color:#4facfe;text-decoration:none;font-weight:500;padding:.5rem 1rem;border:1px solid #e0e0e0;border-radius:8px;transition:all .2s}.cta-option:hover{background:#f8f9fa;border-color:#4facfe}.btn{display:inline-flex;align-items:center;padding:.75rem 2rem;border-radius:8px;font-weight:500;text-decoration:none;transition:all .2s;border:none;cursor:pointer}.btn-primary{background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4facfe66}.btn-secondary{background:rgba(255,255,255,.2);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:rgba(255,255,255,.3)}.btn-large{padding:1rem 2.5rem;font-size:1.1rem}@media (max-width: 768px){.decisions-hero h1{font-size:2rem}.decision-stats{flex-direction:column;gap:2rem}.why-grid,.types-showcase,.science-grid,.template-cards,.stories-grid,.tips-grid{grid-template-columns:1fr}.nav-links{display:none}.cta-options{flex-direction:column;align-items:center}}.games-page{min-height:100vh;background:#f8f9fa}.games-hero{background:linear-gradient(135deg,#fa709a 0%,#fee140 100%);color:#fff;padding:5rem 0;text-align:center}.games-hero h1{font-size:3rem;margin-bottom:1.5rem;font-weight:700;max-width:800px;margin-left:auto;margin-right:auto}.game-stats{display:flex;justify-content:center;gap:4rem;margin-top:3rem}.game-types-section{padding:5rem 0;background:white}.game-types-section h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#333}.game-types-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.game-type-card{text-align:center;padding:2rem;background:#fff5f5;border-radius:12px;transition:transform .2s}.game-type-card:hover{transform:translateY(-4px)}.game-icon{font-size:3rem;margin-bottom:1rem}.game-type-card h3{font-size:1.25rem;margin-bottom:1rem;color:#333}.game-type-card p{color:#666;line-height:1.6}.streamer-section{padding:5rem 0;background:#f8f9fa}.streamer-section h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#333}.streamer-features{max-width:800px;margin:0 auto}.feature-row{background:white;padding:2rem;margin-bottom:1.5rem;border-radius:12px;box-shadow:0 2px 8px #0000000d;border-left:4px solid #fa709a}.feature-content h3{font-size:1.5rem;margin-bottom:1rem;color:#333}.feature-content p{color:#666;line-height:1.6;font-size:1.1rem}.game-ideas{padding:5rem 0;background:white}.game-ideas h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#333}.ideas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.idea-card{background:#f8f9fa;padding:2rem;border-radius:12px}.idea-card h3{font-size:1.25rem;margin-bottom:1.5rem;color:#333}.idea-card ul{list-style:none;padding:0;margin:0}.idea-card li{color:#666;position:relative;padding:.5rem 0 .5rem 1.5rem}.idea-card li:before{content:"→";position:absolute;left:0;color:#fa709a;font-weight:700}.custom-wheels{padding:5rem 0;background:#f8f9fa}.custom-wheels h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#333}.custom-examples{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.example-wheel{background:white;padding:2rem;border-radius:12px;text-align:center;box-shadow:0 2px 8px #0000000d}.example-wheel h3{font-size:1.25rem;margin-bottom:1.5rem;color:#333}.wheel-preview{margin-bottom:1.5rem}.preview-items{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.preview-items span{background:linear-gradient(135deg,#fa709a 0%,#fee140 100%);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500}.testimonials-section{padding:5rem 0;background:white}.testimonials-section h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#333}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.testimonial{background:#f8f9fa;padding:2rem;border-radius:12px;position:relative}.testimonial:before{content:""";
position: absolute;top:1rem;left:1.5rem;font-size:3rem;color:#fa709a;opacity:.3}.testimonial-text{font-style:italic;line-height:1.6;color:#555;margin-bottom:1.5rem;padding-top:1rem}.testimonial-author{display:flex;flex-direction:column}.testimonial-author strong{color:#333;font-weight:600}.testimonial-author span{color:#666;font-size:.9rem}.integration-section{padding:5rem 0;background:#f8f9fa}.integration-section h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#333}.integration-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1000px;margin:0 auto}.integration-card{background:white;padding:2rem;border-radius:12px;text-align:center;box-shadow:0 2px 8px #0000000d}.integration-card h3{font-size:1.25rem;margin-bottom:1rem;color:#333}.integration-card p{color:#666;line-height:1.5}.pro-tips{padding:5rem 0;background:white}.pro-tips h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#333}.tips-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.tip{padding:2rem;background:#fff5f5;border-radius:12px;border-left:4px solid #fa709a}.tip h3{font-size:1.25rem;margin-bottom:.75rem;color:#333}.tip p{color:#666;line-height:1.5}.games-cta{padding:5rem 0;background:linear-gradient(135deg,#fa709a 0%,#fee140 100%);color:#fff;text-align:center}.games-cta h2{font-size:2.5rem;margin-bottom:1rem}.games-cta p{font-size:1.1rem;margin-bottom:2rem;opacity:.95}.cta-features{display:flex;gap:2rem;justify-content:center;margin-top:2rem;opacity:.9}.cta-features span{display:flex;align-items:center;gap:.5rem}.btn-outline{background:white;color:#fa709a;border:2px solid #fa709a;padding:.5rem 1.5rem;border-radius:8px;text-decoration:none;display:inline-block;font-weight:500;transition:all .2s}.btn-outline:hover{background:#fa709a;color:#fff}@media (max-width: 768px){.games-hero h1{font-size:2rem}.game-stats{flex-direction:column;gap:2rem}.game-types-grid,.ideas-grid,.custom-examples,.testimonials-grid,.integration-grid,.tips-list{grid-template-columns:1fr}.nav-links{display:none}.cta-features{flex-direction:column;align-items:center}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #000;--secondary-color: #fff;--accent-color: #0066ff;--text-color: #333;--light-gray: #f5f5f5;--border-color: #e0e0e0;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif}body{font-family:var(--font-family);color:var(--text-color);line-height:1.6;background-color:var(--secondary-color)}.container{max-width:1200px;margin:0 auto;padding:0 20px}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;color:var(--primary-color)}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border:2px solid transparent;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;background:none}.btn-primary{background-color:var(--primary-color);color:var(--secondary-color);border-color:var(--primary-color)}.btn-primary:hover{background-color:transparent;color:var(--primary-color)}.btn-secondary{border-color:var(--primary-color);color:var(--primary-color)}.btn-secondary:hover{background-color:var(--primary-color);color:var(--secondary-color)}.btn-large{padding:16px 32px;font-size:18px}.btn-icon{width:20px;height:20px}.hero-section{padding:80px 0;text-align:center;background-color:var(--light-gray)}.hero-title{font-size:48px;margin-bottom:16px;font-weight:700}.hero-subtitle{font-size:20px;color:#666;margin-bottom:32px}.hero-actions{display:flex;gap:16px;justify-content:center;margin-bottom:48px}.hero-stats{display:flex;gap:48px;justify-content:center}.stat{text-align:center}.stat-number{display:block;font-size:32px;font-weight:700;color:var(--primary-color)}.stat-label{font-size:14px;color:#666;text-transform:uppercase;letter-spacing:.5px}.use-cases-section,.features-section,.templates-section,.seo-content-section{padding:80px 0}.section-title{font-size:36px;text-align:center;margin-bottom:48px}.section-subtitle{text-align:center;font-size:18px;color:#666;margin-bottom:32px;margin-top:-32px}.use-case-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}.use-case-card{padding:32px;border:2px solid var(--border-color);border-radius:8px;text-align:center;transition:border-color .2s ease}.use-case-card:hover{border-color:var(--primary-color)}.use-case-icon{width:48px;height:48px;margin:0 auto 16px}.use-case-icon svg{width:100%;height:100%}.use-case-title{font-size:20px;margin-bottom:8px}.use-case-description{color:#666;font-size:14px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:32px}.feature-card{display:flex;gap:16px;align-items:flex-start}.feature-icon{flex-shrink:0;width:40px;height:40px}.feature-icon svg{width:100%;height:100%}.feature-title{font-size:18px;margin-bottom:4px}.feature-description{color:#666;font-size:14px}.category-filters{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:48px}.category-btn{padding:8px 16px;border:1px solid var(--border-color);background:none;border-radius:24px;cursor:pointer;transition:all .2s ease;font-size:14px}.category-btn:hover,.category-btn.active{border-color:var(--primary-color);background-color:var(--primary-color);color:var(--secondary-color)}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin-bottom:48px}.template-card{border:2px solid var(--border-color);border-radius:8px;padding:24px;transition:border-color .2s ease}.template-card:hover{border-color:var(--primary-color)}.template-header{margin-bottom:12px}.template-name{font-size:20px}.template-description{color:#666;font-size:14px;margin-bottom:16px}.template-entries{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.entry-chip{padding:4px 12px;background-color:var(--light-gray);border-radius:16px;font-size:12px}.entry-more{padding:4px 12px;color:#666;font-size:12px}.template-use-btn{width:100%;padding:12px;border:2px solid var(--primary-color);background:none;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s ease}.template-use-btn:hover{background-color:var(--primary-color);color:var(--secondary-color)}.templates-cta{text-align:center}.seo-content{max-width:800px;margin:0 auto}.seo-content h2{font-size:32px;margin-bottom:24px}.seo-content h3{font-size:24px;margin-top:40px;margin-bottom:16px}.seo-content h4{font-size:18px;margin-bottom:8px}.seo-content p{margin-bottom:16px;line-height:1.8}.seo-content ol,.seo-content ul{margin-bottom:24px;padding-left:32px}.seo-content li{margin-bottom:8px}.use-cases-list,.faq-list{margin-top:24px}.use-case-item,.faq-item{margin-bottom:24px;padding:20px;background-color:var(--light-gray);border-radius:8px}@media (max-width: 768px){.hero-title{font-size:36px}.hero-actions{flex-direction:column;align-items:center}.hero-stats{flex-direction:column;gap:24px}.use-case-grid,.features-grid{grid-template-columns:1fr}.category-filters{justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch}}.top-nav{background:#000;color:#fff;padding:0;display:flex;align-items:center;position:fixed;top:0;left:0;right:0;z-index:1000;height:48px;border-bottom:1px solid rgba(255,255,255,.1)}.nav-item{padding:0 24px;height:48px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s;border:none;background:none;color:#fff;font-size:14px;font-weight:400;position:relative;text-decoration:none}.nav-item:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#fff;transform:scaleX(0);transition:transform .2s}.nav-item:hover{background:rgba(255,255,255,.05)}.nav-item:hover:after{transform:scaleX(1)}.nav-spacer{flex:1}.main-container{display:flex;height:100vh;padding-top:48px;background:#fafafa}.left-panel{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background:#fafafa;padding:20px;transition:background .3s}.wheel-container{position:relative}.wheel-wrapper{position:relative;width:600px;height:600px}#wheelCanvas{width:100%;height:100%;cursor:pointer;image-rendering:crisp-edges;image-rendering:-webkit-crisp-edges;filter:drop-shadow(0 10px 40px rgba(0,0,0,.1))}.pointer{position:absolute;top:-40px;left:50%;transform:translate(-50%);width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-top:40px solid #000;z-index:10}.spin-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000;color:#fff;border:none;border-radius:50%;width:100px;height:100px;font-size:16px;font-weight:400;cursor:pointer;transition:all .2s;z-index:20;letter-spacing:.05em}.spin-button:hover{transform:translate(-50%,-50%) scale(1.1);background:#111}.spin-button:active{transform:translate(-50%,-50%) scale(.95)}.right-panel{width:400px;background:#000;color:#fff;padding:32px;overflow-y:auto;display:flex;flex-direction:column;border-left:1px solid rgba(255,255,255,.1);transition:transform .3s}.right-panel.hidden{transform:translate(100%)}.panel-header{margin-bottom:32px}.panel-title{font-size:20px;font-weight:400;margin-bottom:8px;display:flex;align-items:center;gap:12px}.entry-count{background:rgba(255,255,255,.1);padding:4px 12px;border-radius:20px;font-size:12px}.panel-subtitle{font-size:14px;color:#fff9}.entries-textarea{width:100%;min-height:300px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#fff;padding:16px;border-radius:8px;font-size:14px;line-height:1.6;resize:vertical;font-family:SF Mono,Consolas,monospace;outline:none;transition:all .2s}.entries-textarea:focus{border-color:#ffffff4d;background:rgba(255,255,255,.08)}.entries-textarea::placeholder{color:#fff6}.action-buttons{display:flex;gap:12px;margin-top:16px}.btn{padding:10px 20px;border:1px solid rgba(255,255,255,.2);background:transparent;color:#fff;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s;font-weight:400}.btn:hover{background:rgba(255,255,255,.1);border-color:#ffffff4d}.btn-primary{background:#fff;color:#000;border:none}.btn-primary:hover{background:rgba(255,255,255,.9)}.customization-section{margin-top:32px;padding-top:32px;border-top:1px solid rgba(255,255,255,.1)}.section-title{font-size:16px;margin-bottom:20px;font-weight:400}.option-group{margin-bottom:20px}.option-label{display:block;margin-bottom:8px;font-size:13px;color:#fffc}.option-input{width:100%;padding:8px 12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:6px;font-size:14px;outline:none;transition:all .2s}.option-input:focus{border-color:#ffffff4d;background:rgba(255,255,255,.08)}.option-select{width:100%;padding:8px 12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:6px;font-size:14px;outline:none;cursor:pointer}.option-select option{background:#000;color:#fff}.checkbox-group{display:flex;align-items:center;margin-bottom:12px;cursor:pointer}.checkbox-group input[type=checkbox]{width:20px;height:20px;margin-right:12px;cursor:pointer;accent-color:#fff}.checkbox-label{font-size:14px;color:#fffc}.toggle-panel{position:fixed;right:400px;top:50%;transform:translateY(-50%);background:#000;color:#fff;border:1px solid rgba(255,255,255,.2);padding:12px 8px;cursor:pointer;z-index:100;border-radius:6px 0 0 6px;transition:all .3s;font-size:12px;writing-mode:vertical-lr;letter-spacing:.05em}.toggle-panel.panel-hidden{right:0;border-radius:0 6px 6px 0}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.winner-content{background:#fff;color:#000;padding:60px;border-radius:0;text-align:center;max-width:600px;animation:fadeIn .3s}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.winner-title{font-size:16px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:32px;color:#666}.winner-name{font-size:72px;font-weight:300;margin:32px 0;letter-spacing:-.02em}.close-modal{margin-top:40px;padding:16px 48px;background:#000;color:#fff;border:none;font-size:14px;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.1em}.close-modal:hover{background:#111;transform:translateY(-2px)}.dropdown{position:relative}.dropdown-content{display:none;position:absolute;top:100%;right:0;background:#fff;color:#000;min-width:200px;box-shadow:0 10px 40px #0000001a;border:1px solid #eee;margin-top:-1px;z-index:1001}.dropdown.active .dropdown-content{display:block}.dropdown-item{padding:16px 24px;cursor:pointer;transition:background .2s;font-size:14px;border-bottom:1px solid #f0f0f0}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:#f8f8f8}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}.stat-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);padding:16px;border-radius:8px;text-align:center}.stat-value{font-size:32px;font-weight:300;margin-bottom:4px}.stat-label{font-size:12px;color:#fff9;text-transform:uppercase;letter-spacing:.05em}canvas{image-rendering:-moz-crisp-edges;image-rendering:-webkit-crisp-edges;image-rendering:pixelated;image-rendering:crisp-edges}@media (max-width: 1200px){.wheel-wrapper{width:500px;height:500px}}@media (max-width: 968px){.main-container{flex-direction:column}.left-panel{min-height:60vh}.right-panel{width:100%;position:static;transform:none;border-left:none;border-top:1px solid rgba(255,255,255,.1);max-height:40vh;overflow-y:auto}.right-panel.hidden,.toggle-panel{display:none}.wheel-wrapper{width:min(400px,90vw);height:min(400px,90vw)}}@media (max-width: 600px){.nav-item{padding:0 16px;font-size:13px}.nav-item:nth-child(n+4):nth-child(-n+6){display:none}.wheel-wrapper{width:min(350px,85vw);height:min(350px,85vw)}.entries-textarea{min-height:150px}.right-panel{padding:20px}.winner-name{font-size:48px}.winner-content{padding:40px 20px}}.templates-page{padding-top:48px;min-height:100vh;background:#fafafa}.page-title{font-size:48px;text-align:center;margin:40px 0 16px;font-weight:300}.page-subtitle{text-align:center;font-size:18px;color:#666;margin-bottom:48px}.templates-page .category-filters{margin-bottom:48px}.templates-page .templates-grid{margin-bottom:64px}.templates-page .template-card{background:#fff;box-shadow:0 2px 8px #0000001a;transition:transform .2s,box-shadow .2s}.templates-page .template-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}