:root{--bg-primary:#f0f0f0;--bg-secondary:#ffffff;--bg-tertiary:#f8f9fa;--text-primary:#1a1a1a;--text-secondary:#666666;--text-tertiary:#6c757d;--border-color:#e0e0e0;--correct-color:#6aaa64;--shadow-color:rgba(0,0,0,0.1)}[data-theme=dark]{--bg-primary:#1a1a1a;--bg-secondary:#121212;--bg-tertiary:#3a3a3a;--text-primary:#ffffff;--text-secondary:#cccccc;--text-tertiary:#999999;--border-color:#404040;--correct-color:#6aaa64;--shadow-color:rgba(0,0,0,0.3)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Albert Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease}.landing-page,body{background-color:var(--bg-primary);color:var(--text-primary)}.landing-page{min-height:100vh;width:100%}.landing-container{max-width:1200px;margin:0 auto;padding:0 20px}.hero-section{padding:80px 0 120px;position:relative}.hero-content{display:grid;grid-template-columns:1fr 1fr;grid-gap:60px;gap:60px;align-items:center}.hero-text{max-width:500px}.logo-section{display:flex;align-items:center;gap:15px;margin-bottom:30px}.mini3-logo{width:120px;height:60px}.hero-title,.mini3-logo{color:var(--text-primary)}.hero-title{font-size:4rem;font-weight:800;margin:0;letter-spacing:-.02em}.hero-subtitle{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:20px;line-height:1.3}.hero-description{font-size:1.1rem;color:var(--text-secondary);margin-bottom:40px;line-height:1.6}.hero-actions{display:flex;flex-direction:column;gap:15px}.cta-button,.integration-button{display:inline-flex;justify-content:center;align-items:center;gap:8px;background-color:var(--correct-color);color:white;padding:16px 32px;border-radius:8px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .2s ease;text-align:center}.external-link-icon{flex-shrink:0;opacity:.9}.cta-button:hover,.integration-button:hover{color:white;background-color:#5a9a54;transform:translateY(-2px);box-shadow:0 4px 12px rgba(106,170,100,.3)}.hero-illustration{display:flex;justify-content:center;align-items:center}.phone-mockup{position:relative;width:280px;height:497px}.phone-frame{width:100%;height:100%;background:linear-gradient(145deg,#2a2a2a,#1a1a1a);border-radius:40px;padding:20px;box-shadow:0 20px 40px rgba(0,0,0,.3);position:relative}.phone-frame:before{content:"";position:absolute;top:10px;left:50%;transform:translateX(-50%);width:60px;height:4px;background:#333;border-radius:2px}.phone-screen{background-color:var(--bg-secondary);border-radius:30px}.demo-image,.phone-screen,.screen-content{width:100%;height:100%}.demo-image{border-radius:20px;object-fit:cover;box-shadow:0 4px 12px rgba(0,0,0,.1)}.scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);cursor:pointer}.scroll-arrow{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background-color:var(--bg-secondary);border:2px solid var(--border-color);border-radius:50%;color:var(--text-secondary);animation:float 2s ease-in-out infinite}.features-section,.how-to-play{padding:80px 0;border-top:1px solid var(--border-color)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:40px;gap:40px}.feature-card{text-align:center;padding:30px 20px}.feature-icon{font-size:3rem;margin-bottom:20px}.feature-card h3{font-size:1.3rem;font-weight:600;margin-bottom:15px}.feature-card p,.how-to-play-description,.integration-subtitle,.rule-text{color:var(--text-secondary);line-height:1.6}.how-to-play{text-align:center}.how-to-play h2,.integration-section h2{font-size:2.5rem;font-weight:700;margin-bottom:30px}.how-to-play-description{margin-bottom:56px}.rules-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:40px;gap:40px;max-width:700px;margin:0 auto}.rule-item{display:flex;align-items:center;gap:15px}@media (min-width:768px){.rule-item{flex-direction:column;align-items:center}.rule-text{text-align:center}}.rule-color{width:50px;height:50px;border-radius:8px;flex-shrink:0}.rule-color.correct{background-color:var(--correct-color)}.rule-color.wrong-position{background-color:#f7b731}.rule-color.incorrect{background-color:var(--text-tertiary)}.integration-section{padding:80px 0;border-top:1px solid var(--border-color);text-align:center;background-color:var(--bg-secondary);width:100vw;margin-left:calc(-50vw + 50%)}.integration-container{max-width:1000px;margin:0 auto;padding:0 20px}.integration-subtitle{font-size:1.2rem;margin-bottom:50px;max-width:600px;margin-left:auto;margin-right:auto}.integration-cta{display:flex;flex-direction:column;align-items:center;gap:20px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width:768px){.hero-content{grid-template-columns:1fr;gap:40px;text-align:center}.hero-title{font-size:3rem}.features-grid,.rules-grid{grid-template-columns:1fr;gap:30px}.phone-mockup{width:240px;height:426px}}