:root{--color-primary:#1a1a1a;--color-primary-light:#292929;--color-secondary:#fffdfb;--color-main:#ff6b6b;--color-yellow:#ffe66d;--color-yellow-light:#fff5c6;--color-purple:#a388ee;--color-orange:#f7a072;--color-error:#ff453a;--color-warning:#ffd60a;--color-success:#30d158;--color-disabled:#c2c2c2;--font-family:"Poppins", sans-serif;--font-weight-bold:800;--font-weight-light:300}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--color-primary);color:var(--color-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.text-large-title{font-weight:var(--font-weight-bold);font-size:34px;line-height:41px}.text-title-1{font-weight:var(--font-weight-bold);font-size:28px;line-height:34px}.text-title-2{font-weight:var(--font-weight-bold);font-size:22px;line-height:28px}.text-title-3{font-weight:var(--font-weight-bold);font-size:20px;line-height:25px}.text-headline{font-weight:var(--font-weight-bold);font-size:17px;line-height:22px}.text-body{font-weight:var(--font-weight-light);font-size:17px;line-height:22px}.text-callout{font-weight:var(--font-weight-light);font-size:16px;line-height:21px}.text-subhead{font-weight:var(--font-weight-light);font-size:15px;line-height:20px}.text-footnote{font-weight:var(--font-weight-light);font-size:13px;line-height:18px}.text-caption-1{font-weight:var(--font-weight-light);font-size:12px;line-height:16px}.text-caption-2{font-weight:var(--font-weight-light);font-size:11px;line-height:13px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes glow{0%{box-shadow:0 0 10px #ff6b6b33}50%{box-shadow:0 0 20px #ff6b6b99}to{box-shadow:0 0 10px #ff6b6b33}}a{color:var(--color-main);text-decoration:none;transition:opacity .3s}a:hover{opacity:.8}button{font-family:var(--font-family);cursor:pointer;border:none;outline:none}.app-container{background-color:var(--color-primary);background-image:radial-gradient(circle at 15%,#ff6b6b08,#0000 25%),radial-gradient(circle at 85% 30%,#a388ee08,#0000 25%);flex-direction:column;min-height:100vh;display:flex}.header{-webkit-backdrop-filter:blur(20px);z-index:100;background:#1a1a1a99;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:16px 5%;display:flex;position:sticky;top:0}.logo{align-items:center;gap:12px;display:flex}.logo-icon{justify-content:center;align-items:center;width:44px;height:44px;display:flex}.logo-icon img{object-fit:contain;width:100%;height:100%}.logo-text{font-weight:var(--font-weight-bold);letter-spacing:-.5px;background:linear-gradient(#fff 0%,#a0a0a0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:20px}.nav-links{gap:32px;display:flex}.nav-link{color:#a0a0a0;cursor:pointer;font-size:15px;font-weight:500;transition:color .3s;position:relative}.nav-link:hover{color:var(--color-secondary)}.nav-link:after{content:"";background-color:var(--color-main);border-radius:2px;width:0;height:2px;transition:width .3s;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.nav-link:hover:after{width:100%}.section{text-align:center;flex-direction:column;align-items:center;padding:100px 5%;display:flex}.hero{justify-content:center;min-height:85vh;position:relative;overflow:hidden}.hero-glow{z-index:0;pointer-events:none;background:radial-gradient(circle,#ff6b6b14 0%,#1a1a1a00 60%);width:800px;height:800px;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}.hero-content{z-index:1;flex-direction:column;align-items:center;display:flex;position:relative}.badge{color:var(--color-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;margin-bottom:24px;padding:6px 16px;font-size:13px;animation:1s ease-out fadeIn}.hero-title{letter-spacing:-2px;background:linear-gradient(#fff 0%,#ccc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;max-width:900px;margin-bottom:24px;font-size:64px;line-height:1.1;animation:1s ease-out .2s both fadeIn}.hero-title .highlight{background:linear-gradient(135deg, var(--color-main) 0%, var(--color-orange) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;display:inline-block}.hero-subtitle{color:#a0a0a0;max-width:600px;margin-bottom:48px;font-size:20px;line-height:1.6;animation:1s ease-out .4s both fadeIn}.cta-button{background:linear-gradient(135deg, var(--color-main) 0%, #ff453a 100%);color:var(--color-secondary);font-size:17px;font-weight:var(--font-weight-bold);border-radius:30px;padding:16px 36px;transition:all .3s cubic-bezier(.25,.8,.25,1);animation:1s ease-out .6s both fadeIn;position:relative;overflow:hidden;box-shadow:0 10px 30px #ff6b6b4d}.cta-button:before{content:"";opacity:0;background:linear-gradient(135deg,#fff3 0%,#0000 100%);transition:opacity .3s;position:absolute;inset:0}.cta-button:hover{transform:translateY(-3px);box-shadow:0 15px 40px #ff6b6b66}.cta-button:hover:before{opacity:1}.about{background:linear-gradient(180deg, #29292933 0%, var(--color-primary) 100%);border-top:1px solid #ffffff05}.section-title{letter-spacing:-1px;color:var(--color-secondary);margin-bottom:16px;font-size:40px}.section-subtitle{color:#a0a0a0;max-width:600px;margin-bottom:64px;font-size:18px;line-height:1.6}.about-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;width:100%;max-width:1100px;display:grid}.feature-card{text-align:left;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff0d;border-radius:24px;padding:40px 32px;transition:all .4s cubic-bezier(.165,.84,.44,1);position:relative;overflow:hidden}.feature-card:before{content:"";opacity:0;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);height:1px;transition:opacity .4s;position:absolute;top:0;left:0;right:0}.feature-card:hover{background:#ffffff0d;border-color:#ffffff1a;transform:translateY(-8px);box-shadow:0 20px 40px #0006}.feature-card:hover:before{opacity:1}.feature-icon-wrapper{background:#ffffff0d;border:1px solid #ffffff0d;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:24px;font-size:24px;display:flex}.feature-card:first-child .feature-icon-wrapper{color:var(--color-yellow);box-shadow:inset 0 0 20px #ffe66d1a}.feature-card:nth-child(2) .feature-icon-wrapper{color:var(--color-main);box-shadow:inset 0 0 20px #ff6b6b1a}.feature-card:nth-child(3) .feature-icon-wrapper{color:var(--color-purple);box-shadow:inset 0 0 20px #a388ee1a}.feature-title{color:var(--color-secondary);margin-bottom:12px;font-size:22px}.feature-desc{color:#a0a0a0;font-size:16px;line-height:1.6}.coming-soon{padding:120px 5%}.coming-soon-box{background:linear-gradient(135deg,#1a1a1acc 0%,#292929cc 100%);border:1px solid #ffffff14;border-radius:32px;width:100%;max-width:900px;padding:64px 40px;position:relative;overflow:hidden;box-shadow:0 30px 60px #0000004d}.coming-soon-box:before{content:"";pointer-events:none;background:radial-gradient(circle,#ff6b6b0d 0%,#0000 60%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.store-btn{color:var(--color-secondary);background:#000;border:1px solid #ffffff26;border-radius:16px;align-items:center;gap:16px;margin-top:40px;padding:12px 24px;transition:all .3s;display:inline-flex}.store-btn:hover{background:#111;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 10px 20px #0006}.store-btn-text{text-align:left}.footer{background:var(--color-primary-light);border-top:1px solid #ffffff0d;flex-direction:column;align-items:center;gap:32px;padding:64px 5% 40px;display:flex}.footer-links{gap:32px;display:flex}.footer-link{color:#888;cursor:pointer;font-size:15px;transition:color .3s}.footer-link:hover{color:var(--color-secondary)}.copyright{color:#555;font-size:14px}.modal-overlay{-webkit-backdrop-filter:blur(15px);z-index:1000;background:#0009;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--color-primary-light);border:1px solid #ffffff1a;border-radius:28px;width:90%;max-width:600px;max-height:85vh;padding:48px;animation:.4s cubic-bezier(.165,.84,.44,1) forwards slideUp;position:relative;overflow-y:auto;transform:translateY(20px);box-shadow:0 40px 80px #00000080}.modal-close{color:#a0a0a0;background:#ffffff0d;border:1px solid #0000;border-radius:18px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;position:absolute;top:24px;right:24px}.modal-close:hover{color:var(--color-error);background:#ff453a1a;border-color:#ff453a33}.modal-body{color:#a0a0a0;margin-top:32px;font-size:16px;line-height:1.7}.modal-body h3{color:var(--color-secondary);margin:32px 0 12px;font-size:18px}.modal-body p{margin-bottom:16px}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}