*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#1f2937;opacity:0;background:linear-gradient(135deg,#fffaf5 0%,#fff3e8 100%);font-family:Inter,Arial,sans-serif;animation:.6s forwards pageFadeIn}@keyframes pageFadeIn{to{opacity:1}}.site-header{justify-content:space-between;align-items:center;max-width:1200px;height:80px;margin:0 auto;padding:0 30px;display:flex;position:relative}.logo{color:#f97316;letter-spacing:-.5px;align-items:center;gap:8px;font-size:28px;font-weight:800;display:flex}.logo-icon{width:32px;height:32px}.main-nav a{color:#374151;margin:0 15px;font-weight:500;text-decoration:none;transition:color .2s;position:relative}.main-nav a:hover{color:#f97316}.main-nav a:after{content:"";background:#f97316;width:0;height:2px;transition:width .25s;position:absolute;bottom:-4px;left:0}.main-nav a:hover:after{width:100%}.header-btn{color:#fff;background:linear-gradient(135deg,#f97316,#fb923c);border-radius:30px;padding:12px 25px;font-weight:600;text-decoration:none;transition:all .25s;box-shadow:0 4px 12px #f9731640}.header-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #f9731659}.menu-toggle{cursor:pointer;color:#1f2937;background:0 0;border:none;font-size:26px;display:none}.mobile-menu{margin:-10px auto 0;background:#fff;border-radius:20px;flex-direction:column;gap:16px;max-width:1200px;margin-inline:30px;padding:24px;display:none;box-shadow:0 10px 30px #00000014}.mobile-menu a{color:#374151;font-size:18px;font-weight:500;text-decoration:none}.mobile-menu-btn{text-align:center;background:#f97316;border-radius:30px;margin-top:10px;padding:12px;color:#fff!important}.mobile-menu.active{display:flex}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:70px;max-width:1200px;margin:0 auto;padding:80px 30px;display:grid}.fox-icon{color:#f97316;filter:drop-shadow(0 8px 12px #f973162e);width:72px;height:72px}.hero h1{letter-spacing:-1px;margin:20px 0;font-size:58px;line-height:1.1}.hero p{color:#6b7280;max-width:480px;font-size:20px;line-height:1.6}.main-btn{color:#fff;background:linear-gradient(135deg,#f97316,#fb923c);border-radius:35px;margin-top:30px;padding:16px 35px;font-weight:600;text-decoration:none;transition:all .28s;display:inline-block;box-shadow:0 6px 18px #f9731647}.main-btn:hover{transform:translateY(-4px);box-shadow:0 10px 24px #f9731661}.tool-panel{background:#fff;border-radius:30px;grid-template-columns:repeat(3,1fr);gap:20px;padding:28px;display:grid;box-shadow:0 20px 50px #00000014}.tool-item{background:#fff7ed;border:1px solid #0000;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;height:124px;text-decoration:none;transition:all .28s;display:flex}.tool-icon{color:#f97316;width:40px;height:40px;transition:transform .25s}.tool-item span{color:#374151;margin-top:10px;font-size:15px;font-weight:600}.tool-item:hover{background:#fed7aa;border-color:#fdba74;transform:translateY(-6px);box-shadow:0 12px 24px #f9731626}.tool-item:hover .tool-icon{transform:scale(1.1)}.site-footer{text-align:center;color:#6b7280;background:#fff6;margin-top:100px;padding:50px 30px}.footer-logo{color:#f97316;justify-content:center;align-items:center;gap:6px;margin-bottom:12px;font-size:24px;font-weight:700;display:flex}.footer-logo-icon{width:26px;height:26px}.site-footer p{max-width:500px;margin:0 auto 24px;font-size:16px}.footer-links{justify-content:center;gap:24px;margin-bottom:20px;display:flex}.footer-links a{color:#6b7280;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#f97316}small{font-size:14px}@media (width<=900px){.hero{grid-template-columns:1fr;gap:50px;padding-top:40px}.hero h1{font-size:42px}.tool-panel{grid-template-columns:repeat(2,1fr)}.main-nav,.header-btn{display:none}.menu-toggle{display:block}}@media (width<=520px){.hero h1{font-size:34px}.tool-panel{grid-template-columns:1fr}.footer-links{flex-direction:column;gap:10px}}