@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600;700;800&display=swap";:root{--color-bg-light: #ECF5FB;--color-blue-light: #C8D9EA;--color-tg-primary: #1B92D1;--color-tg-secondary: #37AFE2;--color-accent-beige: #DFD8CB;--color-white: #FFFFFF;--color-black: #000000;--gradient-main: linear-gradient(313.56deg, var(--color-tg-secondary) 0%, var(--color-tg-primary) 87%);--gradient-button: linear-gradient(324.72deg, var(--color-tg-secondary) 0%, var(--color-tg-primary) 100%);--font-main: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--transition-smooth: all .5s cubic-bezier(.4, 0, .2, 1);--shadow-soft: 0 12px 40px rgba(0, 0, 0, .08);--shadow-medium: 0 20px 50px rgba(0, 0, 0, .12)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);color:var(--color-black);background-color:var(--color-white);line-height:1.5;overflow-x:hidden}.landing-wrapper{position:relative;min-height:100vh;background-color:var(--color-white)}.landing-wrapper:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;opacity:.03;pointer-events:none;z-index:1000;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")}.background-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background-image:url(/assets/hero_background_image-D0F1vgrF.jpg);background-size:cover;background-position:center;filter:blur(5px);opacity:.3;overflow:hidden}.blob{position:absolute;width:500px;height:500px;background:var(--gradient-main);filter:blur(80px);border-radius:50%;opacity:.2;z-index:-1;animation:blobFloat 20s infinite alternate}.blob-1{top:-10%;left:-10%;animation-duration:25s}.blob-2{bottom:-10%;right:-10%;animation-duration:30s;animation-delay:-5s}.blob-3{top:40%;left:60%;animation-duration:20s;animation-delay:-10s}@keyframes blobFloat{0%{transform:translate(0) rotate(0) scale(1)}33%{transform:translate(120px,-60px) rotate(120deg) scale(1.1)}66%{transform:translate(-80px,120px) rotate(240deg) scale(.9)}to{transform:translate(0) rotate(360deg) scale(1)}}.background-overlay{position:absolute;bottom:0;left:0;width:100%;height:30%;background:linear-gradient(to bottom,transparent,var(--color-white))}.container{max-width:1200px;margin:0 auto;padding:0 20px}.tg-channel-header{display:flex;align-items:center;justify-content:space-between;padding:15px 25px;margin-bottom:1.5rem;background:var(--color-white);border-radius:15px;box-shadow:var(--shadow-soft);width:100%;box-sizing:border-box;border:1px solid rgba(255,255,255,.8)}.header-left{display:flex;align-items:center;gap:20px}.channel-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;margin-right:12px;border:1.5px solid var(--color-tg-primary);flex-shrink:0}.header-titles{display:flex;flex-direction:column}.channel-name{font-size:1.5rem;font-weight:700;color:var(--color-tg-primary);line-height:1.2}.header-right{display:flex;align-items:center}.slide-up{opacity:0;animation:slideUp .8s forwards;width:100%}.content-side{width:100%}.channel-bio{margin-bottom:1.5rem;padding:20px 25px;display:flex;flex-direction:column;gap:.8rem;background:var(--color-white);border-radius:20px;box-shadow:var(--shadow-soft);border:1px solid rgba(255,255,255,.8)}.bio-section{border-bottom:1px solid rgba(0,0,0,.05);padding-bottom:.2rem}.bio-label{display:block;font-size:.65rem;color:var(--color-tg-primary);margin-bottom:2px;font-weight:500;opacity:.5}.bio-text{font-size:1rem;color:var(--color-black);line-height:1.4}.sub-instruction{font-size:1.2rem;color:var(--color-black);margin-bottom:2rem;padding:10px 20px;border-left:4px solid var(--color-tg-primary);background:#1b92d126;line-height:1.4;width:100%;border-radius:0 15px 15px 0;box-shadow:var(--shadow-soft)}.hero-grid{display:grid;grid-template-columns:6fr 4fr;gap:3rem;padding-top:1rem;padding-bottom:2rem;align-items:flex-start;width:100%}.features-box{background:#ffffff59;-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);border:1px solid rgba(255,255,255,.5);border-radius:40px;padding:40px;margin-bottom:0;width:100%;box-shadow:0 25px 50px -12px #00000026,inset 0 0 0 1px #fff6}.feature-chat{display:flex;flex-direction:column;gap:15px}.tg-message{position:relative;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 16px 20px;border-radius:18px;max-width:90%;width:fit-content;align-self:flex-start;box-shadow:0 4px 20px #0000001a,inset 0 0 0 1px #fffc;text-align:left;border:1px solid rgba(255,255,255,.1);transition:var(--transition-smooth)}.staggered-item{opacity:0;transform:translateY(15px) scale(.95)}.container.is-visible .hero-grid .staggered-item{animation:popIn .5s cubic-bezier(.175,.885,.32,1.275) forwards;animation-delay:calc(var(--delay) * .15s + .4s)}.about-section.is-visible .staggered-item{animation:popIn .5s cubic-bezier(.175,.885,.32,1.275) forwards;animation-delay:calc(var(--delay) * .15s + .2s)}.about-section{width:100%;position:relative}.about-section.is-visible{opacity:1}@keyframes popIn{to{opacity:1;transform:translateY(0) scale(1)}}.tg-message:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.bubble-left{border-bottom-left-radius:4px}.message-content{color:var(--color-black);font-size:1.1rem;font-weight:500;line-height:1.4;margin-bottom:4px}.message-meta{position:absolute;bottom:4px;right:12px;display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--color-tg-secondary)}.cta-button{display:flex;align-items:center;justify-content:center;background:var(--gradient-button);color:var(--color-white);padding:18px 60px;border-radius:40px;font-size:1.4rem;font-weight:800;text-decoration:none;box-shadow:0 10px 40px #1b92d166,inset 0 0 20px #fff3;transition:all .5s cubic-bezier(.19,1,.22,1);border:1px solid rgba(255,255,255,.1);cursor:pointer;position:relative;overflow:hidden;text-align:center}.cta-button:after{content:"";position:absolute;top:-50%;left:-100%;width:50%;height:200%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transform:rotate(30deg);animation:shine 4s infinite linear}@keyframes shine{0%{left:-100%}25%{left:150%}to{left:150%}}.cta-button:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 15px 45px #1b92d180,inset 0 0 20px #fff6}.cta-button:active{transform:translateY(-2px) scale(.98)}.about-section{margin-top:8rem;padding-top:4rem;padding-bottom:6rem;border-top:1px solid rgba(27,146,209,.2)}.about-main-title{font-size:2.8rem;font-weight:800;line-height:1.2;margin-bottom:3.5rem;text-align:center;letter-spacing:2px;text-transform:uppercase;background:linear-gradient(135deg,#000000 0%,var(--color-tg-primary) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 15px rgba(27,146,209,.3))}.about-grid{display:grid;grid-template-columns:4fr 6fr;gap:4rem;align-items:flex-start;background:#ffffff59;-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);padding:50px;border-radius:40px;box-shadow:0 25px 50px -12px #00000026,inset 0 0 0 1px #fff6;border:1px solid rgba(255,255,255,.5)}.about-visual{display:flex;flex-direction:column;align-items:center;gap:2rem}.about-content{display:flex;flex-direction:column;gap:1.5rem}.about-subtitle{font-size:1.4rem;font-weight:600;color:var(--color-tg-primary);margin-bottom:.5rem;padding-left:10px;border-left:4px solid var(--color-tg-primary)}.about-chat{display:flex;flex-direction:column;gap:12px;width:100%}.about-chat .tg-message{width:100%;max-width:100%}.visual-side{display:flex;flex-direction:column;align-items:center;gap:1.5rem;margin-top:-50px}.visual-container{position:relative;display:flex;justify-content:center;align-items:center;width:100%;max-width:600px;margin:0 auto}.author-portrait-circle{width:400px;height:400px;border-radius:50%;overflow:hidden;border:10px solid var(--color-white);box-shadow:0 0 80px #1b92d1b3;z-index:2;position:relative}.author-portrait{width:100%;height:100%;object-fit:cover;display:block}.author-portrait-square{width:100%;max-width:400px;height:400px;object-fit:cover;border-radius:30px;z-index:2;border:10px solid var(--color-white);box-shadow:0 0 80px #1b92d1b3}.floating-asset{position:absolute;z-index:3;animation:float 6s ease-in-out infinite}.asset-iphone{width:280px;bottom:-15%;left:-42%;animation-delay:0s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(2deg)}}.fade-in{opacity:0;animation:fadeIn 1s forwards}@keyframes fadeIn{to{opacity:1}}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.container{padding:0 8px;width:100%;margin:0 auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;min-height:100vh}.tg-channel-header{width:100%;padding:12px 16px;margin-top:15px;margin-bottom:1rem;position:relative;z-index:100;background:var(--color-white);display:flex;align-items:center;justify-content:space-between;border-radius:12px;box-shadow:var(--shadow-soft)}.channel-name{font-size:1rem}.channel-avatar{width:30px;height:30px;margin-right:8px}.channel-bio{display:none}.bio-text{font-size:.8rem;line-height:1.3}@media(min-width:769px){.container{padding:0 30px}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center;min-height:auto}.visual-side{flex-direction:column}.author-portrait-circle{width:320px;height:320px}.asset-iphone{width:180px}}.hero-grid{display:flex;flex-direction:column;align-items:center;padding:0;gap:.5rem;min-height:calc(100vh - 180px);width:100%;max-width:100%}.content-side{width:100%;display:flex;flex-direction:column;align-items:center}.sub-instruction{font-size:.9rem;margin-bottom:.5rem;padding:10px 15px;width:95%;margin-left:0;margin-right:auto;border-radius:0 15px 15px 0}.features-box{padding:12px;border-radius:20px;background:#fff9;margin-bottom:1rem;width:100%}.feature-chat{gap:6px;width:100%}.tg-message{max-width:95%;width:fit-content;padding:8px 10px 18px;border-radius:12px;margin-bottom:4px}.message-content{font-size:.85rem;line-height:1.25}.visual-side{margin-top:0;width:100%;display:flex;flex-direction:column-reverse;align-items:center;gap:2rem;padding-bottom:2rem}.visual-container{margin:0;width:100%;display:flex;justify-content:center}.author-portrait-circle{width:min(85vw,380px);height:min(85vw,380px);border-width:8px;box-shadow:0 0 80px #1b92d1b3;margin:0 auto;border-radius:50%}.asset-iphone{display:block;width:160px;bottom:-5%;left:2%;z-index:5}.visual-cta{width:100%;display:flex;justify-content:center}.cta-button{padding:16px 30px;font-size:min(4.8vw,1.35rem);max-width:340px;width:92%;margin:0 auto;font-weight:800;white-space:nowrap;display:flex;justify-content:center;align-items:center;border-radius:40px;animation:pulse 2s infinite;box-sizing:border-box}.about-section{margin-top:4rem;padding-top:2rem;border-top:1px solid rgba(27,146,209,.2);min-height:100vh;display:flex;flex-direction:column;align-items:center}.about-main-title{font-size:1.6rem;margin-bottom:2rem;letter-spacing:1px;filter:drop-shadow(0 0 10px rgba(27,146,209,.4))}.about-grid{display:flex;flex-direction:column;align-items:center;padding:20px 10px;gap:2rem;width:100%}.about-visual{width:100%;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.author-portrait-square{width:min(85vw,320px);height:min(85vw,320px);border-width:6px;border-radius:25px;margin:0 auto}.about-cta{width:100%;display:flex;justify-content:center;margin-top:1rem}.about-content{width:100%}.about-subtitle{font-size:1rem;text-align:center;border-left:none;border-bottom:2px solid var(--color-tg-primary);padding-bottom:8px;margin-bottom:1rem}.about-chat{gap:8px;width:100%}.about-chat .tg-message{max-width:100%;padding:10px 12px 20px}}.privacy-block{width:100%;text-align:center;margin-top:1.5rem;margin-bottom:1.5rem}.privacy-text{font-size:.9rem;color:var(--color-tg-primary);text-decoration:underline;cursor:pointer}.privacy-text:hover{color:var(--color-tg-secondary)}.privacy-page{min-height:100vh;padding:4rem 10%;box-sizing:border-box}.privacy-container{max-width:960px;margin:0 auto}