:root{--rooms-blue: #4f5cf0;--rooms-dark-blue: #0b22a6;--rooms-yellow: #ffd83b;--rooms-white: #ffffff;--text-color: #ffffff;--bg-color: var(--rooms-blue);font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text-color);background-color:var(--bg-color)}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;min-height:100vh;background-color:var(--rooms-blue);overflow-x:hidden}.animated-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(circle at 15% 50%,rgba(255,216,59,.15),transparent 40%),radial-gradient(circle at 85% 30%,rgba(255,51,102,.15),transparent 40%),radial-gradient(circle at 50% 80%,rgba(0,210,255,.15),transparent 40%);z-index:0;pointer-events:none;animation:pulse-bg 12s ease-in-out infinite alternate}.bg-pattern-container{position:fixed;top:-320px;left:-480px;width:4800px;height:3200px;z-index:0;display:grid;grid-template-columns:repeat(20,240px);gap:0;align-content:start;pointer-events:none;animation:scroll-pattern 20s linear infinite;will-change:transform}@keyframes scroll-pattern{0%{transform:translateZ(0)}to{transform:translate3d(-480px,-160px,0)}}.bg-pattern-container .pointer-icon{pointer-events:auto}.pointer-icon{width:240px;height:160px;display:flex;align-items:center;justify-content:center;pointer-events:none}.icon-hitbox{width:90px;height:90px;border-radius:50%;pointer-events:auto;display:flex;align-items:center;justify-content:center;cursor:default}.pointer-icon svg{width:80px;height:80px;color:#3b46c4;opacity:.6;transform:rotate(-15deg);transition:transform .3s cubic-bezier(.175,.885,.32,1.275),opacity .3s ease;pointer-events:none}.icon-hitbox:hover svg{opacity:1;transform:rotate(-15deg) scale(1.4)}.pointer-icon:nth-child(2n) .icon-hitbox{transform:translateY(60px)}@keyframes pulse-bg{0%{transform:scale(1);opacity:.8}to{transform:scale(1.1);opacity:1}}.hero-subtitle{font-family:Outfit,sans-serif;font-size:1.5rem;color:#ffffffe6;max-width:600px;text-align:center;margin:0 auto 40px;line-height:1.4;font-weight:500}.glass-card{background:#ffffff1a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:40px;padding:40px;width:100%;max-width:480px;box-shadow:0 25px 50px #00000026;margin-bottom:60px;text-align:center}.content-wrapper{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;pointer-events:none}.content-wrapper>*{pointer-events:auto}.header{padding:40px 0 20px;display:flex;justify-content:center}.logo-text{font-family:Outfit,sans-serif;font-size:4.5rem;font-weight:900;color:#fff;margin:0;letter-spacing:-2px;text-shadow:4px 4px 0 rgba(0,0,0,.15)}.logo-icon{background:var(--rooms-yellow);width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px #0003}.container{flex:1;max-width:1200px;margin:0 auto;padding:0 24px;width:100%}.hero{display:flex;flex-direction:column;align-items:center;gap:40px}.features-section{width:100%;max-width:1200px;margin:20px auto 80px;padding:0 20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.feature-card{background:#ffffff14;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:30px;padding:40px 30px;text-align:left;transition:transform .3s ease,background .3s ease}.feature-card:hover{transform:translateY(-10px);background:#ffffff1f}.feature-icon-wrapper{width:60px;height:60px;border-radius:20px;background:linear-gradient(135deg,#ffd83b,#ffae00);display:flex;align-items:center;justify-content:center;margin-bottom:24px;color:#1a227e;box-shadow:0 10px 20px #00000026}.feature-title{font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:800;color:#fff;margin:0 0 16px;letter-spacing:-.5px}.feature-desc{color:#ffffffbf;font-size:1.1rem;line-height:1.5;margin:0}.waitlist-form{display:flex;flex-direction:column;gap:16px;max-width:400px;width:100%;margin-bottom:60px}.input-field{padding:20px 28px;border-radius:30px;border:3px solid rgba(255,255,255,.3);background:#ffffff26;color:#fff;font-family:Outfit,sans-serif;font-size:1.2rem;font-weight:600;outline:none;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.input-field::placeholder{color:#fffc}.input-field:focus{border-color:var(--rooms-yellow);background:#ffffff40}.submit-btn{padding:20px 32px;border-radius:30px;border:none;background:var(--rooms-yellow);color:#1a227e;font-family:Outfit,sans-serif;font-size:1.3rem;font-weight:800;cursor:pointer;box-shadow:0 6px #d4b22c,0 10px 20px #0003;transition:transform .1s ease,box-shadow .1s ease;display:flex;align-items:center;justify-content:center;gap:10px}.submit-btn:active{transform:translateY(6px);box-shadow:0 0 #d4b22c,0 4px 10px #0003}.success-msg{background:var(--rooms-yellow);color:#1a227e;padding:20px;border-radius:30px;text-align:center;font-weight:800;font-size:1.3rem;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 6px #d4b22c}.footer{text-align:center;padding:40px 0;opacity:.6;font-weight:600}@media (max-width: 768px){.logo-text{font-size:3.5rem;letter-spacing:-1.5px}.waitlist-title{font-size:1.8rem}.hero-subtitle{font-size:1.3rem;padding:0 20px}.features-section{gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width: 480px){.logo-text{font-size:2.8rem;letter-spacing:-1px}.waitlist-title{font-size:1.6rem}.waitlist-subtitle{font-size:1rem;margin-bottom:24px}.input-field,.submit-btn{padding:16px 24px;font-size:1.1rem}.glass-card{padding:30px 20px;border-radius:30px;margin-bottom:40px}.hero-subtitle{font-size:1.1rem;padding:0 16px;margin-bottom:30px}.features-section{margin-bottom:40px;grid-template-columns:1fr}.feature-card{padding:30px 20px}}
