.header{width:100%;padding:24px 40px;background:transparent;position:fixed;top:0;z-index:100;transition:all .3s ease}.header-container{max-width:1400px;margin:0 auto;display:flex;justify-content:flex-start;align-items:center}.menu-toggle{background:none;border:none;cursor:pointer;padding:8px;display:flex;flex-direction:column;gap:6px;transition:opacity .3s ease}.menu-toggle:hover{opacity:.7}.menu-toggle span{width:24px;height:2px;background:#2d2d2d;display:block;transition:all .3s ease}@media (max-width: 768px){.header{padding:16px 20px}}.hero{width:100%;flex:1;padding:0;background:#f5f5f0;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.main-character{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:650px;height:650px;z-index:2}.main-character img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 30px rgba(0,0,0,.2))}.hero-container{max-width:1400px;margin:0 auto;position:relative;z-index:3;width:100%;padding:0 40px}.hero-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:40px;position:relative;width:100%;height:100%;justify-content:center}.hero-main-title{font-size:100px;font-weight:900;color:#2d2d2d;margin:0;letter-spacing:-4px;line-height:1;position:relative;z-index:2;transform:translateY(-200px)}.brand-name{display:inline-block;position:relative}.hero-actions{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;position:relative;z-index:2;transform:translateY(200px)}.action-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 32px;border-radius:50px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s ease;border:2px solid #2d2d2d;background:#2d2d2d;color:#f5f5f0;cursor:pointer}.action-btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px #2d2d2d4d}.watch-trailer{background:transparent;color:#2d2d2d;border-color:#2d2d2d}.watch-trailer:hover{background:#2d2d2d;color:#f5f5f0}.download-app{background:linear-gradient(135deg,#8b6f47,#6b5238,#8b6f47);color:#f5f5f0;border-radius:12px 12px 8px 8px;border:2px solid #5a4229;padding:18px 40px 28px;position:relative;transform:rotate(-8deg);box-shadow:0 4px 15px #0000004d,inset 0 1px #fff3;overflow:visible;z-index:1}.skateboard-deck{position:relative;z-index:2;display:inline-flex;align-items:center;gap:10px}.download-app:before{content:"";position:absolute;top:0;left:0;right:0;height:40%;background:linear-gradient(to bottom,rgba(255,255,255,.15),transparent);border-radius:12px 12px 0 0;z-index:1}.download-app:after{content:"";position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:80%;height:2px;background:repeating-linear-gradient(90deg,#4a3420 0px,#4a3420 8px,transparent 8px,transparent 16px);z-index:1}.wheel{position:absolute;width:20px;height:20px;background:radial-gradient(circle at 30% 30%,#2d2d2d,#1a1a1a);border-radius:50%;border:2px solid #0a0a0a;box-shadow:inset 0 2px 4px #ffffff1a,0 2px 4px #00000080,0 0 0 3px #ffffff1a;z-index:0}.wheel:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:radial-gradient(circle,#4a4a4a,#2d2d2d);border-radius:50%;border:1px solid #1a1a1a}.wheel-front-left{bottom:-8px;left:15%}.wheel-front-right{bottom:-8px;right:15%}.wheel-back-left{bottom:-8px;left:25%}.wheel-back-right{bottom:-8px;right:25%}.download-app:hover{background:linear-gradient(135deg,#9b7f57,#7b6248,#9b7f57);transform:rotate(-8deg) translateY(-3px);box-shadow:0 6px 20px #0006,inset 0 1px #fff3}.download-app:hover .wheel{animation:wheelSpin .3s ease-in-out}@keyframes wheelSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.play-icon{font-size:14px}.download-icon{font-size:16px}@media (max-width: 1024px){.hero-container{padding:0 30px}.hero-main-title{font-size:70px;letter-spacing:-3px}.main-character{width:450px;height:450px;left:50%;transform:translate(-50%,-50%)}.hero-main-title{transform:translateY(-120px)}.hero-actions{transform:translateY(120px)}.hero-content{gap:30px}.action-btn{padding:14px 28px;font-size:15px}.download-app{padding-bottom:28px;transform:rotate(-8deg);overflow:visible}.download-app:hover{transform:rotate(-8deg) translateY(-3px)}.wheel{width:18px;height:18px}}@media (max-width: 768px){.hero{flex:1;min-height:0;padding:0;display:flex;align-items:center;justify-content:center;position:relative}.hero-container{padding:0 20px;width:100%;max-width:100%;position:relative;z-index:3}.hero-content{flex-direction:column;align-items:center;text-align:center;gap:24px;position:absolute;width:100%;height:100%;justify-content:center;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-main-title{font-size:56px;letter-spacing:-2px;animation:none;margin:0;line-height:1}.hero-actions{width:100%;max-width:100%;animation:none;justify-content:center}.action-btn{width:100%;max-width:280px;padding:14px 24px;font-size:15px;border-radius:8px}.download-app{background:linear-gradient(135deg,#8b6f47,#6b5238,#8b6f47);border:2px solid #5a4229;border-radius:12px 12px 8px 8px;padding:16px 32px 28px;transform:rotate(-8deg);box-shadow:0 4px 15px #0000004d,inset 0 1px #fff3;overflow:visible;position:relative}.download-app:hover{background:linear-gradient(135deg,#9b7f57,#7b6248,#9b7f57);transform:rotate(-8deg) translateY(-3px);box-shadow:0 6px 20px #0006,inset 0 1px #fff3}.download-app:hover .wheel{animation:wheelSpin .3s ease-in-out}.wheel{width:18px;height:18px;background:radial-gradient(circle at 30% 30%,#2d2d2d,#1a1a1a);border:2px solid #0a0a0a;box-shadow:inset 0 2px 4px #ffffff1a,0 2px 4px #00000080,0 0 0 2px #ffffff1a}.wheel:before{width:7px;height:7px}.wheel-front-left{bottom:-6px;left:12%}.wheel-front-right{bottom:-6px;right:12%}.wheel-back-left{bottom:-6px;left:22%}.wheel-back-right{bottom:-6px;right:22%}.main-character{display:block;width:300px;height:300px;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2}.hero-main-title{transform:translateY(-100px);z-index:3}.hero-actions{transform:translateY(100px);z-index:3}}.logo-container{display:flex;align-items:center;gap:12px}.logo-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#6366f11a,#a855f71a);border-radius:14px;border:2px solid rgba(99,102,241,.2);animation:logoFloat 3s ease-in-out infinite;padding:4px}@keyframes logoFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(5deg)}}.logo-image{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.logo-text{font-size:24px;font-weight:900;background:linear-gradient(135deg,#6366f1,#a855f7,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin:0;letter-spacing:.5px}.logo-container.default .logo-text{background:linear-gradient(135deg,#6366f1,#a855f7,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-container.white .logo-text{color:#fff;-webkit-text-fill-color:#ffffff}.footer{width:100%;background:transparent;color:#2d2d2d;padding:24px 40px;border-top:1px solid rgba(45,45,45,.1)}.footer-container{max-width:1400px;margin:0 auto}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.footer-left{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.social-links{display:flex;align-items:center;gap:16px}.social-link{color:#2d2d2d;text-decoration:none;font-size:14px;font-weight:500;transition:opacity .3s ease}.social-link:hover{opacity:.7}.footer-right{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.footer-nav-link{color:#2d2d2d;text-decoration:none;font-size:14px;font-weight:500;transition:opacity .3s ease}.footer-nav-link:hover{opacity:.7}@media (max-width: 1024px){.footer{padding:20px 30px}.footer-content{gap:16px}.footer-left{gap:20px}.social-links{gap:14px}.footer-right{gap:18px}.social-link,.footer-nav-link{font-size:13px}}@media (max-width: 768px){.footer{padding:20px;margin-top:auto}.footer-content{flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%}.footer-left{flex-direction:column;align-items:center;gap:16px;width:100%}.social-links{gap:16px;flex-wrap:wrap;justify-content:center}.footer-right{flex-wrap:wrap;gap:16px;justify-content:center;width:100%}.social-link,.footer-nav-link{font-size:13px;white-space:nowrap}}.App{width:100%;height:100vh;display:flex;flex-direction:column;background-color:transparent;overflow:hidden}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-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;color:#2d2d2d;line-height:1.6;background:#f5f5f0;position:relative;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}