:root{--color-primary: #667eea;--color-primary-dark: #5568d3;--color-secondary: #764ba2;--color-text: #333;--color-text-light: #555;--color-text-muted: #777;--color-bg-light: #f8f9fa;--color-bg-white: white;--shadow-card: 0 4px 20px rgba(0, 0, 0, .08);--shadow-card-hover: 0 12px 35px rgba(0, 0, 0, .12);--radius-card: 16px;--radius-button: 50px;--transition: all .3s ease}.landing-page,.contact-page,.user-guide-page,.work-page,.error-page{min-height:100vh;width:100%}.hero{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:#fff;padding:100px 20px 80px;text-align:center;display:flex;align-items:center;justify-content:center;position:relative}.hero-content{max-width:800px;margin:0 auto;padding-top:50px}.hero-title{font-size:2.8rem;margin-bottom:16px;font-weight:800;animation:fadeInUp .6s ease-out}.hero-subtitle{font-size:1.25rem;margin-bottom:32px;opacity:.95;animation:fadeInUp 1s ease-out}.nav-bar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:flex-start;gap:24px;padding:16px 24px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-logo{display:flex;align-items:center;text-decoration:none;transition:transform .3s ease}.nav-logo:hover{transform:scale(1.05)}.nav-logo-icon{width:40px;height:40px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.2))}.nav-links{display:flex;gap:8px;align-items:center}.nav-link{color:#fff;text-decoration:none;padding:8px 18px;border-radius:6px;font-weight:500;font-size:.95rem;transition:var(--transition);white-space:nowrap}.nav-link:hover{background:#ffffff26}.nav-link.active{background:#fff3;font-weight:600}.section{padding:80px 20px}.section-light{background:var(--color-bg-light)}.section-white{background:var(--color-bg-white)}.section-inner{max-width:1200px;margin:0 auto}.section-title{text-align:center;font-size:2.5rem;margin-bottom:50px;color:var(--color-text);font-weight:700}.section-intro{font-size:1.15rem;text-align:center;color:var(--color-text-light);margin-bottom:50px;line-height:1.8;max-width:800px;margin-left:auto;margin-right:auto}.text-block{max-width:900px;margin:0 auto;font-size:1.15rem;line-height:1.8;color:var(--color-text-light);text-align:center}.card{background:#fff;padding:35px 30px;border-radius:var(--radius-card);box-shadow:var(--shadow-card);transition:var(--transition);text-align:center}.card:hover{transform:translateY(-8px);box-shadow:var(--shadow-card-hover)}.card-icon{font-size:3rem;margin-bottom:20px}.card h3{font-size:1.4rem;margin:0 0 15px;color:var(--color-primary);font-weight:600}.card p{font-size:1rem;margin:0;color:var(--color-text-light);line-height:1.7}.card h3.dark{color:var(--color-text)}.card-static{background:#fff;padding:35px 30px;border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.card-featured{border:3px solid var(--color-primary);position:relative}.card-featured:before{content:attr(data-label);position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--color-primary);color:#fff;padding:.25rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px}.card ul{list-style:none;padding:0;margin:0;text-align:left}.card ul li{padding:8px 0;padding-left:1.5rem;position:relative;color:var(--color-text-light);line-height:1.6}.card ul li:before{position:absolute;left:0}.card.list-check ul li:before{content:"✅"}.card.list-cross ul li:before{content:"❌"}.cta-button{display:inline-block;background:#fff;color:var(--color-primary);padding:16px 40px;border-radius:var(--radius-button);font-size:1.2rem;font-weight:600;text-decoration:none;transition:var(--transition);box-shadow:0 4px 15px #0003;animation:fadeInUp 1.2s ease-out}.cta-button:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0000004d;background:#f8f9ff}.cta-section{padding:100px 20px;background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-primary) 100%);color:#fff;text-align:center}.cta-section h2{font-size:2.5rem;margin-bottom:20px;font-weight:700}.cta-section p{font-size:1.3rem;margin-bottom:40px;opacity:.95;max-width:800px;margin-left:auto;margin-right:auto}.cta-secondary{font-size:1.1rem;margin-top:25px;margin-bottom:0;opacity:.9}.guide-link{color:#fff;text-decoration:none;font-weight:600;border-bottom:2px solid rgba(255,255,255,.5);padding-bottom:2px;transition:var(--transition)}.guide-link:hover{border-bottom-color:#fff;opacity:1}.contact-cta{padding:80px 20px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:#fff;text-align:center}.contact-cta h2{font-size:2.5rem;margin-bottom:20px;font-weight:700}.contact-cta p{font-size:1.15rem;margin-bottom:30px;opacity:.95;max-width:800px;margin-left:auto;margin-right:auto}.contact-link-button{display:inline-block;background:#fff;color:var(--color-primary);padding:16px 40px;border-radius:var(--radius-button);text-decoration:none;font-weight:700;font-size:1.1rem;transition:var(--transition);box-shadow:0 4px 15px #0003}.contact-link-button:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0000004d;background:var(--color-bg-light)}.badge-card{display:flex;align-items:center;gap:18px;padding:25px 20px;background:#fff;border-radius:var(--radius-card);box-shadow:var(--shadow-card);transition:var(--transition);text-align:left}.badge-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-card-hover)}.badge-icon{font-size:2.5rem;flex-shrink:0;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:50%;box-shadow:0 2px 10px #00000014}.badge-icon svg{width:32px;height:32px;border-radius:4px}.badge-content{flex:1;min-width:0}.badge-content h4{margin:0 0 5px;font-size:1.1rem;color:var(--color-text);font-weight:700}.badge-content p{margin:0;font-size:.95rem;color:var(--color-text-light);line-height:1.5}.tip-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px;background:#fff;padding:35px 30px;border-radius:var(--radius-card);box-shadow:var(--shadow-card);transition:var(--transition)}.tip-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-card-hover)}.tip-number{flex-shrink:0;width:55px;height:55px;background:var(--color-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:700}.tip-card h4{margin:0 0 10px;font-size:1.3rem;color:var(--color-text);font-weight:600}.tip-card p{margin:0;font-size:1rem;color:var(--color-text-light);line-height:1.7}.footer{background:#2d3748;color:#fff;text-align:center;padding:30px 20px}.footer p{margin:0;opacity:.8}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(min-width:1024px){.nav-bar{padding:20px 40px}.nav-logo-icon{width:46px;height:46px}.nav-links{gap:6px}.nav-link{padding:10px 22px;font-size:1rem}.section{padding:100px 40px}.section-inner{max-width:1300px}.section-intro{font-size:1.25rem;margin-bottom:60px}.text-block{max-width:1000px;font-size:1.25rem}.grid-3{grid-template-columns:repeat(3,1fr);gap:35px}.grid-2{grid-template-columns:repeat(2,1fr);gap:40px}.card,.card-static{padding:40px 35px}.card-icon{font-size:3.5rem}.card h3{font-size:1.5rem}.card p{font-size:1.05rem}.badge-card{padding:30px 25px}.badge-icon{width:65px;height:65px;font-size:2.5rem}.badge-content h4{font-size:1.15rem}.tip-card{padding:40px 35px}.tip-number{width:60px;height:60px;font-size:1.6rem}.tip-card h4{font-size:1.4rem}.tip-card p{font-size:1.05rem}.cta-section{padding:120px 40px}.cta-section h2{font-size:3rem}.cta-section p{font-size:1.4rem;max-width:900px}.contact-cta{padding:100px 40px}.contact-cta h2{font-size:2.8rem}.contact-cta p{font-size:1.25rem;max-width:900px}.contact-link-button{padding:18px 50px;font-size:1.15rem}}@media(min-width:1200px){.hero{padding:120px 40px 100px}.hero-content{max-width:900px;padding-top:40px}.hero-title{font-size:3.5rem;margin-bottom:20px}.hero-subtitle{font-size:1.4rem;margin-bottom:36px}.section-title{font-size:2.8rem;margin-bottom:60px}}@media(min-width:1600px){.hero-content{max-width:1000px}.hero-title{font-size:3.8rem}.hero-subtitle{font-size:1.5rem}}@media(max-width:768px){.nav-bar{padding:12px 16px}.nav-logo-icon{width:36px;height:36px}.nav-link{font-size:.85rem;padding:6px 12px}.hero-title{font-size:2.2rem}.hero-subtitle{font-size:1.1rem}.section{padding:60px 20px}.section-title{font-size:2rem}.grid-3,.grid-2{grid-template-columns:1fr;gap:25px}}@media(max-width:480px){.nav-bar{padding:10px 12px}.nav-logo-icon{width:32px;height:32px}.nav-links{gap:4px}.nav-link{font-size:.75rem;padding:5px 8px}.hero-title{font-size:1.8rem}.hero-subtitle{font-size:1rem}.section-title{font-size:1.8rem}.card,.card-static,.tip-card{padding:25px 20px}}