*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #4a90e2;--secondary-color: #50c878;--text-color: #333;--text-light: #666;--bg-color: #fff;--bg-light: #f5f5f5;--border-color: #ddd;--header-height: 70px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:var(--text-color);background-color:var(--bg-color)}a{text-decoration:none;color:var(--primary-color);transition:color .3s}a:hover{color:#357abd}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{height:var(--header-height);background-color:var(--bg-color);border-bottom:1px solid var(--border-color);position:fixed;top:0;left:0;right:0;z-index:1000}.header .container{display:flex;justify-content:space-between;align-items:center;height:100%}.logo a{font-size:24px;font-weight:700;color:var(--primary-color)}.nav{display:flex;gap:30px}.nav a{color:var(--text-color);font-weight:500;padding:8px 0;border-bottom:2px solid transparent;transition:all .3s}.nav a:hover,.nav a.router-link-active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.main{margin-top:var(--header-height);min-height:calc(100vh - var(--header-height) - 120px)}.footer{background-color:var(--bg-light);padding:40px 0;margin-top:80px;border-top:1px solid var(--border-color)}.footer .container{text-align:center}.footer p{color:var(--text-light);margin-bottom:20px}.footer-links{display:flex;justify-content:center;gap:30px}.footer-links a{color:var(--text-light)}.footer-links a:hover{color:var(--primary-color)}.hero{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;padding:100px 0;text-align:center}.hero h1{font-size:48px;margin-bottom:20px}.hero p{font-size:20px;margin-bottom:30px;opacity:.9}.btn{display:inline-block;padding:15px 40px;background-color:#fff;color:var(--primary-color);border-radius:30px;font-weight:700;font-size:18px;transition:all .3s}.btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.section{padding:80px 0}.section h2{text-align:center;font-size:36px;margin-bottom:40px;color:var(--text-color)}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.feature-card{background:var(--bg-light);padding:40px;border-radius:12px;text-align:center;transition:all .3s}.feature-card:hover{transform:translateY(-5px);box-shadow:0 4px 12px #0000001a}.feature-card h3{font-size:24px;margin-bottom:15px;color:var(--primary-color)}.feature-card p{color:var(--text-light)}.how-to-play{background-color:var(--bg-light)}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.step{text-align:center;padding:30px}.step-number{width:60px;height:60px;background-color:var(--primary-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;margin:0 auto 20px}.step h3{margin-bottom:15px;color:var(--text-color)}.step p{color:var(--text-light)}.page-header{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;padding:60px 0;text-align:center}.page-header h1{font-size:42px;margin-bottom:10px}.page-header p{font-size:18px;opacity:.9}.page-content{padding:60px 0}.page-content h2{font-size:28px;margin-top:40px;margin-bottom:20px;color:var(--text-color)}.page-content h3{font-size:22px;margin-top:30px;margin-bottom:15px;color:var(--text-color)}.page-content p{margin-bottom:15px;line-height:1.8}.page-content ul{margin-left:30px;margin-bottom:20px}.page-content li{margin-bottom:10px}.contact-form{max-width:600px;margin:40px auto}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-color)}.form-group input,.form-group textarea{width:100%;padding:12px;border:1px solid var(--border-color);border-radius:8px;font-size:16px;font-family:inherit}.form-group textarea{min-height:120px;resize:vertical}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color)}.support-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin:40px 0}.support-card{background:var(--bg-light);padding:30px;border-radius:12px;text-align:center}.support-card h3{color:var(--primary-color);margin-bottom:15px}.support-card p{color:var(--text-light);margin-bottom:20px}@media (max-width: 768px){.header .container{flex-direction:column;height:auto;padding:15px 20px}.nav{gap:15px;flex-wrap:wrap;justify-content:center}.hero h1{font-size:32px}.hero p{font-size:16px}.section h2{font-size:28px}.page-header h1{font-size:32px}}