:root{--primary: #8480DE;--primary-dark: #6B65C8;--secondary: #35B0E8;--accent: #5A9EE8;--coin: #FFD700;--gift: #FF6B9D;--bg-dark: #FFF9F5;--bg-card: #FFFFFF;--bg-card-hover: #F8F9FA;--text-main: #2D3436;--text-muted: #636E72;--border-color: #E8E8E8;--container-width: 1200px;--header-height: 80px;--border-radius: 24px;--font-display: "ClashDisplay", system-ui, sans-serif;--font-body: "ClashGrotesk", system-ui, sans-serif}@font-face{font-family:ClashDisplay;src:url(/assets/fonts/ClashDisplay-Variable.ttf) format("truetype");font-weight:100 900;font-display:swap}@font-face{font-family:ClashGrotesk;src:url(/assets/fonts/ClashGrotesk-Variable.ttf) format("truetype");font-weight:100 900;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font-body);background-color:var(--bg-dark);color:var(--text-main);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;width:100%}a{text-decoration:none;color:inherit}ul{list-style:none}.container{width:100%;max-width:var(--container-width);margin:0 auto;padding:0 20px}.text-gradient{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 24px;border-radius:100px;font-weight:600;transition:all .3s cubic-bezier(.25,.46,.45,.94);cursor:pointer;border:none}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;box-shadow:0 4px 20px #8480de66}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #8480de99}.btn-secondary{background:#ffffff1a;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.btn-secondary:hover{background:#fff3;transform:translateY(-2px)}.noise-overlay{position:fixed;top:0;left:0;width:100%;height:100%;opacity:.03;z-index:9999;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.glow-spot{position:fixed;width:600px;height:600px;border-radius:50%;filter:blur(100px);opacity:.15;z-index:-1;pointer-events:none}.glow-top-right{top:-200px;right:-100px;background:var(--primary)}.glow-bottom-left{bottom:-200px;left:-100px;background:var(--secondary)}.site-header{position:fixed;top:0;left:0;width:100%;height:var(--header-height);z-index:100;background:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);transition:all .3s ease}.site-header.home-header{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:none;padding-top:20px}.site-header.home-header .logo-icon-large{height:80px}.header-inner{height:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.nav-left{display:flex;gap:32px;justify-content:flex-start;align-items:center}.nav-right{display:flex;gap:32px;justify-content:flex-end;align-items:center}.nav-left a,.nav-right a:not(.btn){color:var(--text-muted);font-weight:500;transition:color .2s}.nav-left a:hover,.nav-right a:not(.btn):hover{color:var(--primary)}.logo-container{display:flex;justify-content:center}.logo-center{display:flex;align-items:center}.logo-icon-large{height:48px;width:auto;transition:transform .3s ease}.logo-center:hover .logo-icon-large{transform:scale(1.05)}.header-cta{display:flex}.mobile-menu-btn{display:none;background:none;border:none;color:var(--text-main);cursor:pointer;justify-self:end}.mobile-menu-overlay{display:none}.hero{padding:160px 0 100px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-20%;right:-10%;width:800px;height:800px;background:radial-gradient(circle,rgba(132,128,222,.15) 0%,rgba(53,176,232,.05) 50%,transparent 70%);border-radius:50%;z-index:-1;pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center}.hero-title{font-family:var(--font-display);font-size:clamp(48px,6vw,80px);line-height:1.05;font-weight:700;margin-bottom:24px;color:var(--text-main);letter-spacing:-1px}.hero-subtitle{font-size:20px;color:var(--text-muted);margin-bottom:48px;max-width:540px;line-height:1.6}.store-badge-large img{height:64px;transition:transform .3s ease}.store-badge-large:hover img{transform:translateY(-2px)}.hero-visual{position:relative;height:650px;display:flex;justify-content:center;align-items:center}.hero-glow-bg{position:absolute;width:100%;height:100%;background:radial-gradient(circle at center,rgba(132,128,222,.2) 0%,transparent 70%);filter:blur(40px);z-index:1}.phone-mockup{width:320px;height:640px;background:#000;border-radius:48px;border:8px solid #1a1a1a;box-shadow:0 0 0 2px #333,0 30px 60px -15px #0000004d,0 0 40px #8480de33;position:relative;z-index:10;overflow:hidden}.phone-reflection{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 40%);pointer-events:none;z-index:20}.phone-mockup img{width:100%;height:100%;object-fit:cover}.float-card{position:absolute;background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:16px 24px;border-radius:20px;border:1px solid rgba(255,255,255,.5);display:flex;align-items:center;gap:16px;z-index:20;box-shadow:0 20px 40px #00000014;min-width:180px}.float-left{top:25%;left:-60px}.float-right{bottom:25%;right:-40px}.float-icon-bg{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center}.coin-bg{background:linear-gradient(135deg,gold,orange);box-shadow:0 8px 16px #ffd7004d}.gift-bg{background:linear-gradient(135deg,#ff6b9d,#ff4757);box-shadow:0 8px 16px #ff6b9d4d}.float-label{display:block;font-size:12px;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.float-value{display:block;font-size:18px;color:var(--text-main);font-weight:700}.site-footer{border-top:1px solid var(--border-color);padding:80px 0 40px;background:var(--bg-card);margin-top:auto}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px}.footer-brand .logo-text{font-family:var(--font-display);font-weight:700;font-size:24px}.footer-brand p{color:var(--text-muted);margin-top:16px;font-size:14px;max-width:300px}.footer-links h4,.footer-social h4{margin-bottom:24px;font-family:var(--font-display);font-size:18px;color:var(--text-main)}.footer-links ul{display:flex;flex-direction:column;gap:12px}.footer-links a{color:var(--text-muted);font-size:14px;transition:color .2s}.footer-links a:hover{color:var(--primary)}.social-icons{display:flex;gap:16px}.social-icon{color:var(--primary);background:#8480de1a;padding:10px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.social-icon:hover{transform:translateY(-2px);background:#8480de33}@media(max-width:992px){.footer-grid{grid-template-columns:1fr 1fr;gap:40px}.bento-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important}}@media(max-width:768px){.footer-grid{grid-template-columns:1fr;gap:40px}.bento-grid{grid-template-columns:1fr!important}.hero-grid{grid-template-columns:1fr;text-align:center;gap:60px}.hero-content{display:flex;flex-direction:column;align-items:center}.hero-subtitle{margin-left:auto;margin-right:auto}.hero-visual{height:500px}.phone-mockup{height:500px;width:250px}.float-card{display:none}}@media(max-width:768px){.header-inner{display:flex;justify-content:space-between}.desktop-only{display:none}.logo-container{position:absolute;left:50%;transform:translate(-50%)}.mobile-menu-btn{display:block;z-index:101}.mobile-menu-overlay{position:fixed;top:var(--header-height);left:0;width:100%;height:calc(100vh - var(--header-height));background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:99;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:40px;gap:24px;transform:translate(100%);transition:transform .3s ease-in-out}.mobile-menu-overlay.open{transform:translate(0)}.mobile-menu-overlay a{font-size:24px;font-weight:600;color:var(--text-main)}.mobile-menu-overlay .btn{margin-top:20px;width:80%}.hero{padding:120px 0 60px}.hero-title{font-size:36px}.hero-visual{height:400px}.phone-mockup{height:400px;width:200px;border-width:6px}.hero-actions{flex-direction:column}}.blog-hero{height:60vh;min-height:400px;background-size:cover;background-position:center;position:relative;margin-bottom:60px}.blog-hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#0000004d,#000000b3);display:flex;align-items:flex-end;padding-bottom:60px}.back-link{position:absolute;top:100px;left:20px;color:#fff;display:flex;align-items:center;gap:8px;font-weight:500;background:#0003;padding:8px 16px;border-radius:100px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .2s}.back-link:hover{background:#0006}.blog-hero-content{color:#fff;max-width:800px}.blog-hero-content h1{font-family:var(--font-display);font-size:clamp(32px,5vw,56px);line-height:1.1;margin-top:16px;text-shadow:0 2px 10px rgba(0,0,0,.3)}.post-meta-hero{display:flex;gap:24px;font-size:14px;font-weight:500;opacity:.9}.post-meta-hero span{display:flex;align-items:center;gap:6px}.blog-container{display:grid;grid-template-columns:60px 1fr;gap:60px;max-width:900px;margin:0 auto 100px}.share-sidebar{display:flex;flex-direction:column;align-items:center}.sticky-wrapper{position:sticky;top:120px;display:flex;flex-direction:column;gap:16px;align-items:center}.sticky-wrapper p{font-size:12px;text-transform:uppercase;color:var(--text-muted);font-weight:600;writing-mode:vertical-rl;transform:rotate(180deg)}.sticky-wrapper button{width:40px;height:40px;border-radius:50%;border:1px solid var(--border-color);background:#fff;color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.sticky-wrapper button:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px)}.article-cta{background:linear-gradient(135deg,#8480de1a,#35b0e81a);padding:40px;border-radius:24px;text-align:center;margin:60px 0;border:1px solid rgba(132,128,222,.2)}.article-cta h3{font-family:var(--font-display);font-size:24px;margin-bottom:12px;color:var(--text-main)}.article-cta p{color:var(--text-muted);margin-bottom:24px}.related-posts-section{background:var(--bg-card);padding:80px 0;border-top:1px solid var(--border-color)}.related-posts-section h2{font-family:var(--font-display);font-size:32px;margin-bottom:40px;text-align:center}.related-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;max-width:900px;margin:0 auto}.related-card{display:flex;gap:20px;align-items:center;background:#fff;padding:16px;border-radius:16px;border:1px solid var(--border-color);transition:transform .3s ease,box-shadow .3s ease}.related-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #0000000d}.related-image{width:100px;height:100px;border-radius:12px;overflow:hidden;flex-shrink:0}.related-image img{width:100%;height:100%;object-fit:cover}.related-info h3{font-family:var(--font-display);font-size:18px;margin-bottom:8px;color:var(--text-main);line-height:1.3}.read-more{font-size:13px;font-weight:600;color:var(--primary);display:flex;align-items:center;gap:4px}@media(max-width:768px){.blog-container{grid-template-columns:1fr;padding:0 20px}.share-sidebar{order:2;margin-top:40px}.sticky-wrapper{position:static;flex-direction:row;writing-mode:horizontal-tb;width:100%;justify-content:center}.sticky-wrapper p{writing-mode:horizontal-tb;transform:none;margin-right:10px}.related-grid{grid-template-columns:1fr}.back-link{top:90px}}