*{margin:0;padding:0;box-sizing:border-box}:root{--bg-light:#EBE8E5;--card-bg-light:#F2EBE0;--text-light:#333D4D;--accent-light:#4D8C73;--border-light:#B3AEA6;--highlight-light:#4D7399;--orange:#F29933;--red:#E66680;--blue:#8099CC}@keyframes float{0%,100%{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-20px)rotate(2deg)}}@keyframes wiggle{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes slideIn{from{opacity:0;transform:translateX(-50px)rotate(-5deg)}to{opacity:1;transform:translateX(0)rotate(0)}}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}body{font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:radial-gradient(circle at 20% 50%,rgba(77,140,115,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(77,115,153,.1) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(242,153,51,8%) 0%,transparent 50%),linear-gradient(135deg,#EBE8E5 0%,#D1C7BA 50%,#EBE8E5 100%);color:var(--text-light);line-height:1.6;min-height:100vh;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:20px}header{text-align:center;padding:60px 20px 40px;position:relative}.logo-area{display:flex;align-items:center;justify-content:center;gap:30px;margin-bottom:20px;flex-wrap:wrap}.app-icon{width:120px;height:120px;border-radius:28px;box-shadow:0 15px 40px rgba(0,0,0,.3);animation:float 4s ease-in-out infinite;border:4px solid var(--card-bg-light)}h1{font-size:5em;font-weight:900;color:var(--text-light);letter-spacing:-3px;text-shadow:4px 4px 0 rgba(77,140,115,.3),8px 8px 0 rgba(77,115,153,.2);transform:rotate(-2deg);display:inline-block}.tagline{font-size:1.8em;color:var(--highlight-light);margin-bottom:15px;font-weight:600;transform:rotate(1deg);display:inline-block}.subtitle{font-size:1.3em;max-width:700px;margin:0 auto 30px;color:var(--text-light);font-weight:500}.download-btn{display:inline-block;margin:30px 0;transition:transform .3s ease;animation:pop 2s ease-in-out infinite}.download-btn:hover{transform:scale(1.1)rotate(-3deg);animation:none}.download-btn img{height:65px;filter:drop-shadow(0 5px 15px rgba(0,0,0,.2))}.hero-video{max-width:900px;margin:70px auto;text-align:center;position:relative}.video-container{display:inline-block;position:relative;transform:rotate(-3deg);transition:transform .4s ease}.video-container:hover{transform:rotate(1deg)scale(1.05)}.video-container::before{content:'';position:absolute;top:-15px;left:-15px;right:-15px;bottom:-15px;background:linear-gradient(135deg,var(--orange),var(--accent-light),var(--blue));border-radius:35px;z-index:-1;opacity:.3;animation:wiggle 3s ease-in-out infinite}.hero-video video{width:100%;max-width:400px;border-radius:32px;box-shadow:0 25px 70px rgba(0,0,0,.4);border:10px solid var(--card-bg-light)}.section{background:var(--card-bg-light);border-radius:30px;padding:55px;margin:60px 0;border:4px solid var(--border-light);position:relative;transform:rotate(-1deg);transition:all .4s ease;box-shadow:0 10px 30px rgba(0,0,0,.1)}.section:nth-child(even){transform:rotate(1deg)}.section:hover{transform:rotate(0)scale(1.02);box-shadow:0 20px 50px rgba(0,0,0,.15)}.section::before{content:'';position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;background:linear-gradient(135deg,var(--accent-light),var(--highlight-light),var(--orange));border-radius:32px;z-index:-1;opacity:0;transition:opacity .4s ease}.section:hover::before{opacity:.2}h2{font-size:2.8em;margin-bottom:30px;color:var(--text-light);font-weight:800;letter-spacing:-1px}h3{font-size:1.6em;margin:20px 0 15px;color:var(--highlight-light);font-weight:700}p{margin-bottom:18px;font-size:1.2em;line-height:1.7}.big-idea{font-size:2.2em;text-align:center;padding:50px;background:linear-gradient(135deg,rgba(77,140,115,.2),rgba(77,115,153,.2));border-radius:25px;margin:50px 0;font-weight:700;line-height:1.4;border:4px dashed var(--accent-light);transform:rotate(-1deg);transition:transform .3s ease}.big-idea:hover{transform:rotate(0)scale(1.03)}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:35px;margin-top:45px}.feature-card{background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(255,255,255,.5));padding:40px;border-radius:25px;border:3px solid var(--border-light);transition:all .4s ease;position:relative;transform:rotate(-2deg)}.feature-card:nth-child(2){transform:rotate(1deg)}.feature-card:nth-child(3){transform:rotate(-1deg)}.feature-card:hover{transform:translateY(-10px)rotate(0)scale(1.05);box-shadow:0 15px 40px rgba(0,0,0,.2);border-color:var(--accent-light)}.feature-card h3{margin-top:0;font-size:1.7em}.feature-number{font-size:4em;font-weight:900;color:var(--orange);opacity:.3;position:absolute;top:10px;right:20px;line-height:1}.screenshots{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:30px;margin-top:45px}.screenshot{border-radius:25px;overflow:hidden;box-shadow:0 15px 40px rgba(0,0,0,.25);transition:all .4s ease;border:5px solid var(--card-bg-light);transform:rotate(-2deg)}.screenshot:nth-child(even){transform:rotate(2deg)}.screenshot:hover{transform:scale(1.1)rotate(0);box-shadow:0 20px 50px rgba(0,0,0,.35);z-index:10}.screenshot img{width:100%;height:auto;display:block}.highlight-box{background:linear-gradient(135deg,rgba(242,153,51,.25),rgba(77,140,115,.25));padding:30px;margin:35px 0;border-radius:15px;font-size:1.3em;font-weight:600;transform:rotate(1deg)}.fun-fact{background:linear-gradient(135deg,rgba(77,115,153,.15),rgba(128,153,204,.15));padding:35px;border-radius:20px;margin:35px 0;border:3px solid var(--highlight-light);font-style:italic;font-size:1.15em;transform:rotate(-1deg)}.wavy-text{display:inline-block;animation:wiggle 2s ease-in-out infinite}footer{text-align:center;padding:70px 20px;color:var(--highlight-light)}footer a{color:var(--highlight-light);text-decoration:none;border-bottom:3px solid var(--highlight-light);transition:all .3s ease;font-weight:600}footer a:hover{color:var(--accent-light);border-bottom-color:var(--accent-light);transform:translateY(-2px)}.grid-decoration{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.04;z-index:-1;background-image:repeating-linear-gradient(0,var(--text-light) 0,var(--text-light) 2px,transparent 2px,transparent 80px),repeating-linear-gradient(90deg,var(--text-light) 0,var(--text-light) 2px,transparent 2px,transparent 80px)}@media(max-width:768px){h1{font-size:3.5em}.app-icon{width:100px;height:100px}.tagline{font-size:1.3em}.section{padding:35px;transform:rotate(0)}.section:nth-child(even){transform:rotate(0)}h2{font-size:2.2em}.big-idea{font-size:1.6em;padding:30px}.feature-card{transform:rotate(0)}.screenshot{transform:rotate(0)}}