:root{--line-green: #06c755;--white: #ffffff;--light-gray: #f5f5f5;--soft-yellow: #fff9e6;--dark-text: #333333;--light-text: #666666;--border-radius: 16px;--shadow: 0 4px 12px rgba(0, 0, 0, .1);--shadow-hover: 0 8px 24px rgba(0, 0, 0, .15)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Sans,Hiragino Kaku Gothic ProN,sans-serif;color:var(--dark-text);background-color:var(--white);line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section-title{font-size:28px;text-align:center;margin-bottom:40px;color:var(--dark-text)}.btn{padding:14px 32px;border:none;border-radius:var(--border-radius);font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.btn-primary{background-color:var(--line-green);color:var(--white)}.btn-primary:hover{background-color:#05b348;transform:scale(1.05);box-shadow:var(--shadow-hover)}.btn-secondary{background-color:var(--light-gray);color:var(--dark-text);border:2px solid var(--line-green)}.btn-secondary:hover{background-color:var(--soft-yellow);transform:scale(1.05)}.warning-banner{background-color:#ffe6e6;border-left:4px solid #ff6b6b;padding:16px;margin:20px 0;border-radius:8px;font-size:14px;color:#c92a2a}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.fade-in{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.fade-in.visible{opacity:1;transform:translateY(0)}header{background:linear-gradient(135deg,var(--line-green) 0%,#05b348 100%);color:var(--white);padding:16px 20px;position:sticky;top:0;z-index:100;box-shadow:var(--shadow)}header .container{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}header .logo{font-size:20px;font-weight:700;display:flex;align-items:center;gap:8px}header .logo img{width:32px;height:32px;border-radius:8px}header nav a{color:var(--white);text-decoration:none;margin-left:16px;font-size:14px;transition:opacity .3s ease}header nav a:hover{opacity:.8}@media(max-width:768px){header nav{display:none}}.hero{background:linear-gradient(135deg,var(--soft-yellow) 0%,var(--white) 100%);padding:60px 20px;text-align:center;animation:fadeInDown .8s ease}.hero .icon-container{margin-bottom:30px;animation:bounce 2s ease infinite}.hero .icon-container img{width:120px;height:120px;border-radius:24px;box-shadow:var(--shadow)}.hero h1{font-size:32px;margin-bottom:16px;color:var(--dark-text)}.hero .tagline{font-size:18px;color:var(--light-text);margin-bottom:24px}.hero .cta-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}@media(max-width:768px){.hero{padding:40px 20px}.hero h1{font-size:24px}.hero .tagline{font-size:16px}.hero .icon-container img{width:100px;height:100px}.cta-buttons{flex-direction:column}.btn{width:100%}}.features{padding:60px 20px;background-color:var(--white)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:40px}.feature-card{background:var(--light-gray);padding:24px;border-radius:var(--border-radius);text-align:center;transition:all .3s ease;box-shadow:var(--shadow);animation:fadeInUp .8s ease}.feature-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-hover);background-color:var(--soft-yellow)}.feature-card .emoji{font-size:48px;margin-bottom:16px}.feature-card h3{font-size:20px;margin-bottom:12px;color:var(--dark-text)}.feature-card p{font-size:14px;color:var(--light-text);line-height:1.6}@media(max-width:768px){.features-grid{grid-template-columns:1fr}}.how-to{padding:60px 20px;background-color:var(--soft-yellow)}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}.step{background:var(--white);padding:24px;border-radius:var(--border-radius);text-align:center;box-shadow:var(--shadow);animation:fadeInUp .8s ease;position:relative}.step:before{content:attr(data-step);position:absolute;top:-12px;left:50%;transform:translate(-50%);width:32px;height:32px;background-color:var(--line-green);color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px}.step h4{font-size:18px;margin-top:16px;margin-bottom:12px;color:var(--dark-text)}.step p{font-size:14px;color:var(--light-text)}@media(max-width:768px){.steps{grid-template-columns:1fr}}.faq{padding:60px 20px;background-color:var(--white)}.faq-container{max-width:800px;margin:0 auto}.faq-item{margin-bottom:20px;border-bottom:1px solid var(--light-gray);padding-bottom:20px;animation:fadeInUp .8s ease}.faq-item:last-child{border-bottom:none}.faq-question{font-size:16px;font-weight:700;color:var(--dark-text);cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:color .3s ease}.faq-question:hover{color:var(--line-green)}.faq-toggle{font-size:20px;transition:transform .3s ease}.faq-item.active .faq-toggle{transform:rotate(180deg)}.faq-answer{font-size:14px;color:var(--light-text);margin-top:12px;max-height:0;overflow:hidden;transition:max-height .3s ease}.faq-item.active .faq-answer{max-height:500px}.slideshow{padding:60px 20px;background:linear-gradient(135deg,var(--soft-yellow) 0%,var(--white) 100%)}.slideshow-container{max-width:600px;margin:0 auto;position:relative;background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow);overflow:hidden}.slideshow-wrapper{position:relative;width:100%;padding-bottom:150%;height:0;overflow:hidden}.slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity .3s ease-in-out}.slide.active{opacity:1;visibility:visible}.slide img{width:100%;height:100%;object-fit:contain;background:var(--white)}.slideshow-controls{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:12px;z-index:10}.slide-dot{width:12px;height:12px;border-radius:50%;background-color:#ffffff80;cursor:pointer;transition:background-color .3s ease,transform .3s ease;border:2px solid var(--white)}.slide-dot.active{background-color:var(--line-green);transform:scale(1.2)}.slide-dot:hover{background-color:#fffc}.slide-nav{position:absolute;top:50%;transform:translateY(-50%);background-color:#06c755b3;color:var(--white);border:none;width:44px;height:44px;border-radius:50%;cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease,transform .3s ease;z-index:5}.slide-nav:hover{background-color:var(--line-green);transform:translateY(-50%) scale(1.1)}.slide-nav.prev{left:12px}.slide-nav.next{right:12px}.slideshow-info{padding:20px;text-align:center;background:var(--white)}.slideshow-info h3{font-size:18px;color:var(--dark-text);margin-bottom:8px}.slideshow-info p{font-size:14px;color:var(--light-text)}.tips{padding:60px 20px;background-color:var(--light-gray)}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}.tip-card{background:var(--white);padding:24px;border-radius:var(--border-radius);border-left:4px solid var(--line-green);box-shadow:var(--shadow);animation:fadeInUp .8s ease;transition:all .3s ease}.tip-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.tip-card h4{font-size:18px;margin-bottom:12px;color:var(--line-green)}.tip-card p{font-size:14px;color:var(--light-text)}@media(max-width:768px){.tips-grid{grid-template-columns:1fr}}.roadmap{padding:60px 20px;background-color:var(--white)}.roadmap-container{max-width:600px;margin:0 auto}.roadmap-list{list-style:none}.roadmap-list li{padding:16px;margin-bottom:12px;background-color:var(--soft-yellow);border-radius:var(--border-radius);border-left:4px solid var(--line-green);animation:fadeInUp .8s ease;font-size:15px;color:var(--dark-text)}.roadmap-list li:before{content:"✨ ";margin-right:8px}footer{background-color:var(--dark-text);color:var(--white);padding:40px 20px 100px;text-align:center}footer .container{max-width:1200px;margin:0 auto}footer .footer-links{margin-bottom:20px;display:flex;justify-content:center;gap:24px;flex-wrap:wrap}footer a{color:var(--white);text-decoration:none;font-size:14px;transition:color .3s ease}footer a:hover{color:var(--line-green)}footer .copyright{font-size:12px;color:#999;margin-top:20px}@media(max-width:768px){footer .footer-links{flex-direction:column;gap:12px}}.sticky-cta{position:fixed;bottom:0;left:0;right:0;padding:12px 20px;background:linear-gradient(to top,#fffffffa,#fffffff2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 -2px 10px #0000001a;z-index:1000;display:none;animation:slideUp .3s ease-out}.sticky-cta.visible{display:block}.btn-sticky{width:100%;max-width:400px;margin:0 auto;display:block;text-align:center;font-size:16px;padding:14px 24px}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@media(min-width:768px){.sticky-cta{padding:16px 40px}}