body{min-height:100vh;margin:0}#root{width:100%;max-width:100%}:root{--color-primary:#8b5cf6;--color-primary-dark:#7c3aed;--color-primary-light:#ede9fe;--color-accent:#f59e0b;--color-bg:#faf9ff;--color-bg-alt:#f3f0ff;--color-bg-dark:#1e1b2e;--color-text:#1e1b2e;--color-text-light:#666;--color-white:#fff;--color-border:#e5e0f0;--max-width:1200px;--header-height:64px;--radius:12px;--shadow:0 2px 16px #8b5cf614;--shadow-lg:0 8px 40px #8b5cf61f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:var(--header-height)}body{color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.btn-primary{color:var(--color-white);background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));cursor:pointer;border:none;border-radius:50px;justify-content:center;align-items:center;padding:14px 36px;font-size:1rem;font-weight:600;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 4px 20px #8b5cf64d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 28px #8b5cf666}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--color-primary);background:var(--color-white);border:2px solid var(--color-primary);cursor:pointer;border-radius:50px;justify-content:center;align-items:center;padding:14px 36px;font-size:1rem;font-weight:600;transition:transform .2s,background .2s;display:inline-flex}.btn-secondary:hover{background:var(--color-primary-light);transform:translateY(-2px)}.btn-large{padding:18px 48px;font-size:1.15rem}.section-title{text-align:center;margin-bottom:48px}.section-title h2{color:var(--color-text);margin-bottom:12px;font-size:2rem;font-weight:800}.section-subtitle{color:var(--color-text-light);max-width:500px;margin:0 auto;font-size:1.1rem}.header{height:var(--header-height);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);z-index:100;background:#ffffffeb;position:fixed;top:0;left:0;right:0}.header-inner{max-width:var(--max-width);justify-content:space-between;align-items:center;height:100%;margin:0 auto;padding:0 24px;display:flex}.logo{color:var(--color-primary);font-size:1.25rem;font-weight:700}.nav-links{gap:32px;display:flex}.nav-links a{color:var(--color-text-light);font-size:.95rem;font-weight:500;transition:color .2s}.nav-links a:hover{color:var(--color-primary)}.menu-toggle{cursor:pointer;z-index:101;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;padding:8px;display:none}.hamburger,.hamburger:before,.hamburger:after{background:var(--color-text);border-radius:2px;width:22px;height:2px;transition:transform .3s,opacity .3s;display:block}.hamburger{position:relative}.hamburger:before,.hamburger:after{content:"";position:absolute;left:0}.hamburger:before{top:-7px}.hamburger:after{top:7px}.hamburger.open{background:0 0}.hamburger.open:before{top:0;transform:rotate(45deg)}.hamburger.open:after{top:0;transform:rotate(-45deg)}.hero{text-align:center;justify-content:center;align-items:center;min-height:100vh;padding:120px 24px 80px;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:0;background:radial-gradient(80% 60% at 50% 30%,#8b5cf614,#0000),radial-gradient(40% 50% at 80% 70%,#f59e0b0f,#0000);position:absolute;inset:0}.hero-content{z-index:1;max-width:720px;position:relative}.hero-content h1{color:var(--color-text);letter-spacing:-.02em;margin-bottom:20px;font-size:3.2rem;font-weight:900;line-height:1.25}.hero-subtitle{color:var(--color-text-light);margin-bottom:40px;font-size:1.2rem;line-height:1.7}.hero-cta{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.features-section{max-width:var(--max-width);margin:0 auto;padding:80px 24px}.features-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.feature-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius);padding:32px 28px;transition:transform .2s,box-shadow .2s}.feature-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.feature-icon{margin-bottom:16px;font-size:2.5rem}.feature-card h3{color:var(--color-text);margin-bottom:8px;font-size:1.1rem;font-weight:700}.feature-card p{color:var(--color-text-light);font-size:.95rem;line-height:1.65}.how-it-works-section{background:var(--color-bg-alt);padding:80px 24px}.steps-container{max-width:var(--max-width);grid-template-columns:repeat(3,1fr);gap:32px;margin:0 auto;display:grid}.step-card{text-align:center;padding:32px 24px}.step-number{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));width:56px;height:56px;color:var(--color-white);border-radius:50%;justify-content:center;align-items:center;margin-bottom:20px;font-size:1.3rem;font-weight:800;display:inline-flex}.step-card h3{margin-bottom:8px;font-size:1.1rem;font-weight:700}.step-card p{color:var(--color-text-light);font-size:.95rem;line-height:1.65}.benefits-section{max-width:var(--max-width);margin:0 auto;padding:80px 24px}.benefits-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.benefit-card{text-align:center;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-white);padding:32px 24px;transition:transform .2s,box-shadow .2s}.benefit-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.benefit-icon{margin-bottom:12px;font-size:2.5rem}.benefit-card h3{margin-bottom:8px;font-size:1.05rem;font-weight:700}.benefit-card p{color:var(--color-text-light);font-size:.92rem;line-height:1.6}.contact-section{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));text-align:center;padding:80px 24px}.contact-section .section-title h2{color:var(--color-white)}.contact-section .section-subtitle{color:#ffffffd9}.contact-content{margin-top:32px}.contact-content .btn-primary{background:var(--color-white);color:var(--color-primary);box-shadow:0 4px 20px #00000026}.contact-content .btn-primary:hover{box-shadow:0 6px 28px #00000040}.contact-note{color:#ffffffb3;margin-top:16px;font-size:.95rem}.footer{background:var(--color-bg-dark);color:#ffffffb3;text-align:center;padding:48px 24px}.footer-inner{max-width:var(--max-width);margin:0 auto}.footer-tagline{color:var(--color-white);margin-bottom:16px;font-size:1.1rem}.footer-links{flex-wrap:wrap;justify-content:center;gap:24px;margin-bottom:20px;display:flex}.footer-links a{font-size:.9rem;transition:color .2s}.footer-links a:hover{color:var(--color-accent)}.footer-copyright{color:#fff6;font-size:.85rem}@media (width<=768px){.hero-content h1{font-size:2.2rem}.hero-subtitle{font-size:1rem}.features-grid,.benefits-grid{grid-template-columns:1fr}.steps-container{grid-template-columns:1fr;gap:20px}.section-title h2{font-size:1.6rem}.nav-links{top:var(--header-height);background:var(--color-white);border-bottom:1px solid var(--color-border);opacity:0;pointer-events:none;box-shadow:var(--shadow);flex-direction:column;gap:0;padding:16px 0;transition:transform .3s,opacity .3s;position:fixed;left:0;right:0;transform:translateY(-120%)}.nav-links.open{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-links a{text-align:center;padding:14px 24px;font-size:1.05rem;display:block}.menu-toggle{display:flex}}@media (width<=480px){.hero-content h1{font-size:1.8rem}.hero-cta{flex-direction:column;align-items:center}.btn-primary,.btn-secondary{width:100%;max-width:280px}.section-title h2{font-size:1.4rem}}