html,body{margin:0;padding:0}*{margin:0;padding:0;box-sizing:border-box}.landing-page{background-color:#1a2332;color:#fff;font-family:Space Grotesk,sans-serif;font-optical-sizing:auto;font-style:normal;min-height:100vh;padding-top:20px}.header{background:#88ebbc;position:sticky;top:20px;z-index:1000;overflow:hidden;border-radius:25px;max-width:1200px;margin:0 auto 20px}.nav{display:flex;justify-content:space-between;align-items:center;padding:20px 50px}.logo{display:flex;align-items:center;gap:8px;font-weight:600;color:#1a2332;font-size:18px}.logo-icon{width:24px;height:24px;background:#1a2332;transform:rotate(45deg);position:relative}.logo-icon:after{content:"";position:absolute;top:6px;left:6px;right:6px;bottom:6px;background:#88ebbc}.nav-links{display:flex;gap:12px;align-items:center}.nav-link{color:#1a2332;text-decoration:none;font-weight:500;font-size:16px;padding:10px 15px}.btn-primary{background:#1a2332;color:#fff;padding:10px 24px;border-radius:8px;border:none;font-weight:600;cursor:pointer;font-size:14px}.btn-secondary{background:#88ebbc;color:#1a2332;padding:12px 28px;border-radius:8px;border:none;font-weight:600;cursor:pointer;font-size:14px}.discord-event-btn{display:flex;align-items:center;gap:10px;color:#fff;padding:8px 16px;border-radius:10px;border:none;cursor:pointer;transition:all .2s ease;text-align:left;width:fit-content}.discord-event-btn.primary{background:#5865f2;box-shadow:0 4px 14px #5865f263}.discord-event-btn.primary:hover{background:#243a3f;transform:translateY(-2px);box-shadow:0 6px 20px #5865f23b}.discord-event-btn.alt{background:#243447;border:1px solid #88ebbc;box-shadow:0 4px 14px #88ebbc33}.discord-event-btn.alt:hover{background:#2d3e50;transform:translateY(-2px);box-shadow:0 6px 20px #88ebbc26}.discord-event-btn:active{transform:translateY(0)}.discord-event-icon{display:flex;align-items:center;justify-content:center;background:#ffffff26;padding:6px;border-radius:6px}.alt .discord-event-icon{color:#88ebbc;background:#88ebbc1a}.discord-event-content{display:flex;flex-direction:column}.discord-event-title{font-weight:700;font-size:14px;line-height:1.2}.discord-event-date{font-size:12px;opacity:.8;margin-top:1px}.alt .discord-event-date{color:#88ebbc;opacity:.8}.discord-event-external{margin-left:4px;opacity:.7}.email-signup-container{display:flex;gap:10px;width:100%;max-width:400px}.email-input{flex:1;padding:12px 16px;border-radius:8px;border:1px solid #2d3e50;background:#243447;color:#fff;font-family:inherit;font-size:14px}.email-input:focus{outline:2px solid #88ebbc;border-color:transparent}.signup-button{white-space:nowrap}.signup-success{color:#88ebbc;font-weight:600;padding:12px 0}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#1a2332;padding:30px;border-radius:16px;width:100%;max-width:450px;position:relative;box-shadow:0 20px 25px -5px #00000080;border:1px solid #2d3e50}.modal-close{position:absolute;top:15px;right:15px;background:transparent;border:none;color:#8899a6;cursor:pointer;padding:5px}.modal-header{margin-bottom:20px}.modal-header h2{color:#fff;margin:0 0 10px;font-size:24px}.modal-header p{color:#8899a6;margin:0;font-size:16px}.hero-content{background:#1a2332;position:relative;overflow:hidden;margin-top:-110px}.hero-wrapper{background:#88ebbc;max-width:1200px;margin:0 auto;padding:280px 50px 50px;display:grid;grid-template-columns:2fr .5fr;gap:20px;align-items:center;border-radius:0 0 25px 25px}.hero-text h1{font-size:65px;line-height:1.1;color:#1a2332;margin-bottom:20px;font-weight:700}.hero-text p{color:#1a2332;font-size:28px;margin-bottom:24px}.mission-header{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:24px}.mission-text{font-size:20px}.mockups-content{flex:.75;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem}.full-image{width:100%;height:100%;object-fit:cover}.pricing-section{max-width:1200px;margin-left:auto;margin-right:auto;margin-bottom:150px;padding:0 20px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}.feature-card{position:relative;background:#1a2332cc;border:1px solid rgba(136,235,188,.4);border-radius:24px;padding:32px;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;flex-direction:column;min-height:280px;text-decoration:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.feature-card:hover{transform:translateY(-8px);border-color:#88ebbc;background:#88ebbc;box-shadow:0 20px 40px #0000004d,0 0 20px #88ebbc33}.feature-card:hover .feature-card-title,.feature-card:hover .feature-card-description{color:#1a2332}.feature-card:hover .feature-card-label{background:#1a233233;color:#1a2332}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(600px circle at var(--mouse-x) var(--mouse-y),rgba(136,235,188,.08),transparent 40%);opacity:0;transition:opacity .3s;pointer-events:none}.feature-card:hover:before{opacity:1}.feature-card-image{position:absolute;bottom:0;right:0;width:60%;height:auto;opacity:.4;transition:all .5s ease;pointer-events:none;mask-image:linear-gradient(to top left,black 40%,transparent 100%);-webkit-mask-image:linear-gradient(to top left,black 40%,transparent 100%)}.feature-card:hover .feature-card-image{opacity:.2;transform:scale(1.05) translate(-10px,-10px)}.feature-card-label{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:#88ebbc;margin-bottom:12px;background:#1a2332;display:inline-block;padding:4px 12px;border-radius:8px;width:fit-content}.feature-card-title{font-size:24px;font-weight:700;color:#fff;margin-bottom:16px}.feature-card-description{font-size:18px;line-height:1.6;color:#a0aec0;max-width:80%;z-index:1}.feature-card-description-full{max-width:100%}@media(max-width:1024px){.feature-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.feature-grid{grid-template-columns:1fr}.feature-card{padding:24px;min-height:240px}.feature-card-description{max-width:100%}}.tetris-blocks{position:relative;height:200px}.block{position:absolute;background:#3d4f66;border-radius:4px}.block-1{width:40px;height:40px;top:20px;right:80px}.block-2{width:40px;height:40px;top:20px;right:30px}.block-3{width:40px;height:40px;top:70px;right:30px}.block-4{width:40px;height:80px;top:70px;right:120px}.block-5{width:40px;height:40px;top:120px;right:170px}.block-6{width:40px;height:40px;top:120px;right:70px}.block-7{width:40px;height:40px;top:160px;right:120px}.block-8{width:80px;height:40px;top:160px;right:0}.mission h2{font-size:42px;font-weight:600;line-height:1.3}.mission p{font-size:16px;color:#a0aec0;line-height:1.6}.pricing{padding:80px 40px;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:4rem}.mission{text-align:center;padding:180px 40px;max-width:1200px;margin:0 auto}.pre-footer{padding:80px 40px;max-width:1200px;margin:0 auto;font-size:20px;display:flex;flex-direction:column;align-items:start;gap:1rem}.features-text h3{font-size:14px;color:#88ebbc;margin-bottom:16px;text-transform:uppercase;letter-spacing:1px}.features-text h2{font-size:42px;margin-bottom:20px;font-weight:600;line-height:1.2}.features-text p{color:#a0aec0;line-height:1.6;margin-bottom:24px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.feature-card{background:#1a2332cc;padding:40px;border-radius:12px;color:#88ebbc;border:1px solid rgba(136,235,188,.4);transition:all .3s ease}.feature-card:hover{background:#88ebbc;color:#1a2332}.feature-card:hover h4,.feature-card:hover p,.feature-card:hover .feature-icon{color:#1a2332;stroke:#1a2332}.feature-icon{width:32px;height:32px;margin-bottom:16px;stroke:#88ebbc;stroke-width:2;fill:none}.feature-card h4{font-size:18px;margin-bottom:8px;font-weight:600}.mockups{background-color:#243447}.mockups-wrapper{max-width:1200px;margin:0 auto;padding:120px 30px;display:flex;gap:40px;justify-content:space-evenly;align-items:center}.phone{max-width:280px;max-height:640px}.phone-content{width:100%;height:100%;background:#1a2332;border-radius:20px;overflow:hidden;font-size:11px}.cta-section{background-color:#243447}.cta-wrapper{max-width:1200px;margin:0 auto;padding:80px 40px;text-align:center}.cta-text{text-align:left}.cta-text h2{font-size:38px;margin-bottom:24px;font-weight:600;line-height:1.3}.cta-text p{font-size:22px;color:#a0aec0;line-height:1.7;margin-bottom:16px}.cta-box{background:#243447;border-radius:16px;text-align:center}.cta-box h3{font-size:24px;margin-bottom:16px;font-weight:600}.cta-box p{color:#a0aec0;line-height:1.6;margin-bottom:24px;font-size:14px}.pricing-header{display:flex;flex-direction:column;gap:16px;align-items:center;text-align:center;margin-bottom:60px}.pricing-header h2{font-size:42px;font-weight:600}.pricing-header p{color:#a0aec0;font-size:20px;line-height:1.6}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,320px));gap:4.5rem;margin:0 auto}.pricing-card{height:100%;background:#fff;color:#1a2332;padding:30px;border-radius:12px}.pricing-card h4{font-size:12px;text-transform:uppercase;margin-bottom:16px;color:#1a2332;font-weight:600}.premium-pricing-card{background:#88ebbc;color:#1a2332;padding:30px;border-radius:12px}.premium-pricing-card h4{font-size:12px;text-transform:uppercase;margin-bottom:16px;color:#1a2332;font-weight:600}.price{font-size:18px;font-weight:500}.period{color:#1a2332;font-size:14px}.feature-list{list-style:none;margin-bottom:24px}.feature-list li{padding:8px 0;font-size:18px;color:#333;display:flex;align-items:center;gap:8px}.project-list li{padding:8px 0;font-size:18px;color:#88ebbc;display:flex;align-items:center;gap:8px}.feature-list li:before{color:#1a2332;font-weight:700}.btn-outline{width:100%;background:#fff;color:#1a2332;border:2px solid #e2e8f0;padding:12px;border-radius:8px;font-weight:600;cursor:pointer;font-size:14px}.footer{border-top:1px solid #2a3847}.footer-content{max-width:1200px;margin:0 auto;padding:30px;display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.footer-left{flex:1}.footer-logo{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-weight:600;font-size:16px}.footer-tagline{color:#a0aec0;font-size:14px}.footer-links{flex:2;display:flex;justify-content:space-evenly;gap:48px}.footer-links .nav-link{color:#fff}.footer-socials{flex:1;display:flex;justify-content:space-evenly;gap:24px;color:#88ebbc}.footer-socials .cursor-target{cursor:pointer}.footer-links h5{font-size:12px;color:#a0aec0;margin-bottom:12px;font-weight:600;text-transform:uppercase}.footer-links ul{list-style:none}.footer-links li{margin-bottom:8px}.footer-links a{color:#a0aec0;text-decoration:none;font-size:14px}.footer-right{text-align:right}.footer-right p{color:#a0aec0;font-size:14px;margin-bottom:12px}.email-signup{display:flex;gap:8px}.email-signup input{background:#243447;border:1px solid #2a3847;padding:12px 16px;border-radius:8px;color:#fff;font-size:14px;width:250px}.footer-bottom-wrapper{max-width:1200px;margin:0 auto;padding:12px 30px;display:flex;justify-content:space-between;align-items:center}.footer-bottom{color:#a0aec0;font-size:12px}@media(max-width:768px){.landing-page{padding-top:10px}.header{margin:0 auto 10px;border-radius:15px;top:10px;width:calc(100% - 20px)}.nav{flex-direction:row;justify-content:space-between;align-items:center;padding:20px 16px}.nav-links{display:none}.hamburger{display:flex!important}.hero-content{margin-top:-90px}.hero-wrapper{width:calc(100% - 20px);padding:120px 16px 50px;display:flex;flex-direction:column}.hero-text h1{font-size:42px}.hero-text p{font-size:22px!important}.tetris-blocks{height:150px;margin:0 auto}.block{width:30px!important;height:30px!important}.block-1{right:60px;top:10px}.block-2{right:20px;top:10px}.block-3{right:20px;top:50px}.block-4{width:30px!important;height:60px!important;right:90px;top:50px}.block-5{right:130px;top:90px}.block-6{right:50px;top:90px}.block-7{right:90px;top:120px}.block-8{width:60px!important;right:0;top:120px}.mission{padding:40px 20px}.mission h2{font-size:24px;margin-bottom:20px}.mission p{font-size:16px!important}.mission-header{flex-direction:column;align-items:center;gap:12px}.main-class{font-size:24px;min-width:unset;max-width:100%}.features{grid-template-columns:1fr;padding:40px 20px;gap:40px}.features-text h2{font-size:28px}.feature-grid{grid-template-columns:1fr}.mockups{padding:40px 20px}.mockups-wrapper{flex-direction:column;align-items:center;gap:40px;padding:40px 0}.mockups-content{text-align:center;align-items:center}.mockups h1{font-size:28px}.mockups h3{font-size:16px}.phone{max-width:240px;max-height:520px}.cta-section{padding:40px 20px}.cta-text h2{font-size:28px}.cta-text p{font-size:16px!important}.pricing{padding:40px 20px;gap:3rem}.pricing-header{margin-bottom:40px}.pricing-header h2{font-size:28px}.pricing-header p{font-size:14px;padding:0 10px}.pricing-grid{grid-template-columns:1fr;gap:1rem;max-width:100%}.pricing-card,.premium-pricing-card{padding:30px}.price{font-size:18px}.footer{padding:40px 20px}.footer-content{flex-direction:column;gap:32px}.footer-links{flex-direction:column;gap:24px}.footer-socials{justify-content:flex-start}.footer-right{text-align:left}.email-signup{flex-direction:column}.email-signup input{width:100%}.footer-bottom{flex-direction:column;gap:16px;text-align:center}}.hamburger{display:none;flex-direction:column;background:transparent;border:none;cursor:pointer;padding:8px;z-index:1001;width:40px;height:40px;position:relative;flex-shrink:0}.hamburger span{display:block;width:24px;height:3px;background:#1a2332;border-radius:2px;transition:all .3s ease;position:absolute;left:8px}.hamburger span:nth-child(1){top:8px}.hamburger span:nth-child(2){top:50%;transform:translateY(-50%)}.hamburger span:nth-child(3){bottom:8px}.hamburger.active span:nth-child(1){top:50%;transform:translateY(-50%) rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){bottom:50%;transform:translateY(50%) rotate(-45deg)}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:#88ebbc;transform:translate(-100%);transition:transform .3s ease;z-index:1000;display:flex;align-items:center;justify-content:center}.mobile-menu-overlay.active{transform:translate(0)}.mobile-nav{display:flex;flex-direction:column;gap:2rem;align-items:center;width:100%;padding:2rem}.mobile-nav-item{color:#1a2332;font-size:24px;font-weight:600;padding:10px 15px;text-align:center}.mobile-nav-button{margin-top:1rem}@media(max-width:1024px)and (min-width:769px){.landing-page{padding-top:20px}.header{margin:0 auto 20px;border-radius:15px;top:20px;width:calc(100% - 40px)}.nav-links{display:none}.hamburger{display:flex}.hero-content{margin-top:-110px}.hero-wrapper{width:calc(100% - 40px);padding:280px 50px 50px}.mission{padding:60px 32px}.mission h2{font-size:36px}.features,.mockups{padding:60px 32px}.mockups-wrapper{gap:20px}.mockups h1{font-size:32px}.pricing{padding:60px 32px;gap:3rem}.pricing-header h2{font-size:36px}.pricing-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:100%}.footer{padding:40px 32px}}@media(max-width:600px){.pricing-grid{grid-template-columns:1fr}.corner-borders{padding:10px;background-size:10px 10px}.mockups-content h1{font-size:24px}.mockups-content h3{font-size:14px}.phone{max-width:200px}.feature-list li{font-size:18px}}a[href]{text-decoration:none;color:inherit}.main-class{padding:.125rem .25rem;background-color:#88ebbc;color:#1a2332;overflow:hidden;justify-content:center;border-radius:.5rem;font-size:28px;min-width:320px}@media(min-width:640px){.main-class{padding:.25rem .5rem}}@media(min-width:768px){.main-class{padding:.5rem .75rem}}.split-level-class{overflow:hidden;padding-bottom:.125rem;text-align:center}@media(min-width:640px){.split-level-class{padding-bottom:.25rem}}@media(min-width:768px){.split-level-class{padding-bottom:.25rem}}.features{padding:80px 40px;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:center}.alt-features{padding:80px 40px;max-width:1200px;margin:0 auto}.alt-features-header{margin-bottom:40px}.alt-features-header h2{font-size:42px;margin-bottom:12px;font-weight:600;line-height:1.2}.alt-features-header p{color:#a0aec0;line-height:1.6;max-width:820px}.alt-features-list{display:flex;flex-direction:column;gap:22px}.alt-feature{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:center;background:#243447;border:1px solid #2a3847;border-radius:16px;padding:22px}.alt-feature--reverse{grid-template-columns:.85fr 1.15fr}.alt-feature--reverse .alt-feature__content{order:2}.alt-feature--reverse .alt-feature__media{order:1}.alt-feature__content h3{font-size:22px;font-weight:600;margin-bottom:10px}.alt-feature__content p{color:#a0aec0;line-height:1.7;font-size:15px}.alt-feature__media{width:100%}.alt-feature__mediaInner{width:100%;aspect-ratio:16 / 10;border-radius:14px;border:1px dashed rgba(125,211,160,.55);background:linear-gradient(135deg,#7dd3a02e,#7dd3a00d);display:flex;align-items:center;justify-content:center;padding:16px}.alt-feature__mediaLabel{color:#ffffffbf;font-size:12px;letter-spacing:.6px;text-transform:uppercase}@media(max-width:768px){.alt-features{padding:40px 20px}.alt-features-header h2{font-size:28px}.alt-feature,.alt-feature--reverse{grid-template-columns:1fr;gap:16px;padding:18px}.alt-feature--reverse .alt-feature__content,.alt-feature--reverse .alt-feature__media{order:initial}.alt-feature__content h3{font-size:18px}}.corner-borders{width:fit-content;background:linear-gradient(to right,#88ebbc 2px,transparent 2px) 0 0,linear-gradient(to right,#88ebbc 2px,transparent 2px) 0 100%,linear-gradient(to left,#88ebbc 2px,transparent 2px) 100% 0,linear-gradient(to left,#88ebbc 2px,transparent 2px) 100% 100%,linear-gradient(to bottom,#88ebbc 2px,transparent 2px) 0 0,linear-gradient(to bottom,#88ebbc 2px,transparent 2px) 100% 0,linear-gradient(to top,#88ebbc 2px,transparent 2px) 0 100%,linear-gradient(to top,#88ebbc 2px,transparent 2px) 100% 100%;background-repeat:no-repeat;background-size:12px 12px;padding:10px 15px}.corner-borders-blue{width:fit-content;background:linear-gradient(to right,#1a2332 2px,transparent 2px) 0 0,linear-gradient(to right,#1a2332 2px,transparent 2px) 0 100%,linear-gradient(to left,#1a2332 2px,transparent 2px) 100% 0,linear-gradient(to left,#1a2332 2px,transparent 2px) 100% 100%,linear-gradient(to bottom,#1a2332 2px,transparent 2px) 0 0,linear-gradient(to bottom,#1a2332 2px,transparent 2px) 100% 0,linear-gradient(to top,#1a2332 2px,transparent 2px) 0 100%,linear-gradient(to top,#1a2332 2px,transparent 2px) 100% 100%;background-repeat:no-repeat;background-size:12px 12px;padding:10px 15px}.roadmap-title{text-align:center;font-size:48px;margin-bottom:16px;color:#fff;font-weight:800}.roadmap-subtitle{text-align:center;font-size:20px;color:#a0aec0;margin-bottom:60px;max-width:700px;margin-left:auto;margin-right:auto}.roadmap-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-top:2rem}.roadmap-card{color:#fff;background:#ffffff08;border:1px solid rgba(136,235,188,.1);border-radius:20px;padding:32px;transition:all .3s ease;display:flex;flex-direction:column;align-items:flex-start}.roadmap-card:hover{transform:translateY(-8px);background:#ffffff0d;border-color:#88ebbc66;box-shadow:0 20px 40px #0000004d}.roadmap-icon{background:#88ebbc1a;color:#88ebbc;width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.roadmap-card h3{margin:0 0 12px;font-size:22px;font-weight:700}.roadmap-card p{margin:0;font-size:16px;line-height:1.6;color:#a0aec0}.identity-selection{padding:100px 20px;background:#1a2332}.identity-container{max-width:1000px;margin:0 auto}.identity-title{text-align:center;font-size:36px;margin-bottom:60px;color:#fff;font-weight:700}.identity-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.identity-card{position:relative;text-decoration:none;color:#fff;border-radius:24px;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);background:#1a2332cc;border:1px solid rgba(136,235,188,.2);display:flex;flex-direction:column;justify-content:center;min-height:380px;padding:40px 30px}.identity-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(255,255,255,.1) 0%,transparent 80%);opacity:0;transition:opacity .3s;pointer-events:none}.identity-card:hover:before{opacity:1}.identity-card:hover{transform:translateY(-12px) scale(1.02);background:#1a233266;box-shadow:0 30px 60px #0006}.creative-card:hover{border-color:#88ebbc;box-shadow:0 20px 40px #88ebbc26}.gamer-card:hover{border-color:#646cff;box-shadow:0 20px 40px #646cff26}.identity-card-content{z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center}.identity-icon{font-size:48px;margin-bottom:24px;filter:drop-shadow(0 0 10px rgba(255,255,255,.2))}.identity-card h3{font-size:28px;margin-bottom:16px;font-weight:700}.identity-card p{font-size:17px;line-height:1.6;color:#ffffffb3;margin-bottom:30px;max-width:340px}.identity-cta{font-weight:600;font-size:18px;color:#88ebbc;background:#1a2332;padding:10px 20px;border-radius:12px;display:inline-flex;align-items:center;gap:8px;transition:all .3s ease}.identity-card:hover .identity-cta{gap:15px}@media(max-width:1024px){.identity-card{min-height:400px;padding:40px 30px}}@media(max-width:768px){.identity-selection{padding:80px 20px}.identity-grid{grid-template-columns:1fr}.identity-title{font-size:36px;margin-bottom:40px}.identity-card{min-height:350px}}