@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Prompt:wght@300;400;500;600&display=swap";.nav-bar{display:flex;width:100%;height:70px;align-items:center;justify-content:space-between;padding:0 48px;background-color:#fff;border-bottom:1px solid #e5e7eb;position:fixed;top:0;left:0;right:0;z-index:1000}.navigation{display:flex;gap:6px;align-items:center}.navigation .logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:22px;color:#10b981;margin-right:32px;cursor:pointer;letter-spacing:-.5px;text-decoration:none}.navigation .logo svg{color:#10b981}.navigation .logo:hover{opacity:.9}.navigation .nav-link{display:flex;align-items:center;gap:8px;padding:10px 18px;font-size:15px;font-weight:500;color:#4b5563;cursor:pointer;border-radius:8px;transition:all .2s ease;text-decoration:none}.navigation .nav-link:hover{color:#10b981;background-color:#f0fdf4}.navigation .nav-link svg{flex-shrink:0}.user-profile{display:flex;gap:16px;align-items:center}.notification-btn{position:relative;width:42px;height:42px;display:flex;align-items:center;justify-content:center;background-color:transparent;border:none;border-radius:50%;cursor:pointer;color:#6b7280;transition:all .2s ease}.notification-btn:hover{background-color:#f3f4f6;color:#10b981}.notification-badge{position:absolute;top:8px;right:8px;width:10px;height:10px;background-color:#ef4444;border-radius:50%;border:2px solid white}.user-profile .username{font-size:14px;font-weight:500;color:#374151}.user-profile .avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:transform .2s ease}.user-profile .avatar:hover{transform:scale(1.05)}.user-profile .signin{display:flex;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:600;color:#fff;background-color:#10b981;border-radius:8px;text-decoration:none;transition:all .2s ease}.user-profile .signin:hover{background-color:#059669}@media(max-width:768px){.nav-bar{padding:0 20px;height:60px}.navigation{gap:4px}.navigation .logo{font-size:20px;margin-right:16px}.navigation .logo span{display:none}.navigation .nav-link{padding:8px 12px;font-size:14px}.navigation .nav-link span{display:none}.user-profile .signin{padding:8px 16px}.user-profile .signin span{display:none}}@media(max-width:640px){.navigation .nav-link,.user-profile .username{display:none}}*{margin:0;padding:0;color:#000;text-decoration:none;font-family:Noto Sans Thai,sans-serif}body{background-color:#fff}[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos]{pointer-events:none}[data-aos].aos-animate{pointer-events:auto}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}@media screen{html:not(.no-js) [data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;-webkit-transform:none;transform:none}html:not(.no-js) [data-aos=fade-up]{-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0)}html:not(.no-js) [data-aos=fade-down]{-webkit-transform:translate3d(0,-100px,0);transform:translate3d(0,-100px,0)}html:not(.no-js) [data-aos=fade-right]{-webkit-transform:translate3d(-100px,0,0);transform:translate3d(-100px,0,0)}html:not(.no-js) [data-aos=fade-left]{-webkit-transform:translate3d(100px,0,0);transform:translate3d(100px,0,0)}html:not(.no-js) [data-aos=fade-up-right]{-webkit-transform:translate3d(-100px,100px,0);transform:translate3d(-100px,100px,0)}html:not(.no-js) [data-aos=fade-up-left]{-webkit-transform:translate3d(100px,100px,0);transform:translate3d(100px,100px,0)}html:not(.no-js) [data-aos=fade-down-right]{-webkit-transform:translate3d(-100px,-100px,0);transform:translate3d(-100px,-100px,0)}html:not(.no-js) [data-aos=fade-down-left]{-webkit-transform:translate3d(100px,-100px,0);transform:translate3d(100px,-100px,0)}html:not(.no-js) [data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}html:not(.no-js) [data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}html:not(.no-js) [data-aos=zoom-in]{-webkit-transform:scale(.6);transform:scale(.6)}html:not(.no-js) [data-aos=zoom-in-up]{-webkit-transform:translate3d(0,100px,0) scale(.6);transform:translate3d(0,100px,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-down]{-webkit-transform:translate3d(0,-100px,0) scale(.6);transform:translate3d(0,-100px,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-right]{-webkit-transform:translate3d(-100px,0,0) scale(.6);transform:translate3d(-100px,0,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-left]{-webkit-transform:translate3d(100px,0,0) scale(.6);transform:translate3d(100px,0,0) scale(.6)}html:not(.no-js) [data-aos=zoom-out]{-webkit-transform:scale(1.2);transform:scale(1.2)}html:not(.no-js) [data-aos=zoom-out-up]{-webkit-transform:translate3d(0,100px,0) scale(1.2);transform:translate3d(0,100px,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-down]{-webkit-transform:translate3d(0,-100px,0) scale(1.2);transform:translate3d(0,-100px,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-right]{-webkit-transform:translate3d(-100px,0,0) scale(1.2);transform:translate3d(-100px,0,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-left]{-webkit-transform:translate3d(100px,0,0) scale(1.2);transform:translate3d(100px,0,0) scale(1.2)}html:not(.no-js) [data-aos^=slide][data-aos^=slide]{transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;visibility:hidden}html:not(.no-js) [data-aos^=slide][data-aos^=slide].aos-animate{visibility:visible;-webkit-transform:translateZ(0);transform:translateZ(0)}html:not(.no-js) [data-aos=slide-up]{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}html:not(.no-js) [data-aos=slide-down]{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}html:not(.no-js) [data-aos=slide-right]{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}html:not(.no-js) [data-aos=slide-left]{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}html:not(.no-js) [data-aos^=flip][data-aos^=flip]{-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}html:not(.no-js) [data-aos=flip-left]{-webkit-transform:perspective(2500px) rotateY(-100deg);transform:perspective(2500px) rotateY(-100deg)}html:not(.no-js) [data-aos=flip-left].aos-animate{-webkit-transform:perspective(2500px) rotateY(0);transform:perspective(2500px) rotateY(0)}html:not(.no-js) [data-aos=flip-right]{-webkit-transform:perspective(2500px) rotateY(100deg);transform:perspective(2500px) rotateY(100deg)}html:not(.no-js) [data-aos=flip-right].aos-animate{-webkit-transform:perspective(2500px) rotateY(0);transform:perspective(2500px) rotateY(0)}html:not(.no-js) [data-aos=flip-up]{-webkit-transform:perspective(2500px) rotateX(-100deg);transform:perspective(2500px) rotateX(-100deg)}html:not(.no-js) [data-aos=flip-up].aos-animate{-webkit-transform:perspective(2500px) rotateX(0);transform:perspective(2500px) rotateX(0)}html:not(.no-js) [data-aos=flip-down]{-webkit-transform:perspective(2500px) rotateX(100deg);transform:perspective(2500px) rotateX(100deg)}html:not(.no-js) [data-aos=flip-down].aos-animate{-webkit-transform:perspective(2500px) rotateX(0);transform:perspective(2500px) rotateX(0)}}:root{--hero-primary: #10b981;--hero-primary-dark: #059669;--hero-bg: #f0fdf4;--hero-text: #1f2937;--hero-text-light: #6b7280}.hero-section{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:120px 5% 80px;overflow:hidden}.hero-background{position:absolute;inset:0;z-index:0}.hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#ecfdf5,#d1fae5,#a7f3d0)}.hero-pattern{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%2310b981' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.hero-container{position:relative;z-index:1;max-width:1400px;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.hero-content{display:flex;flex-direction:column;gap:24px}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--hero-primary);color:#fff;font-size:13px;font-weight:600;border-radius:50px;width:fit-content}.hero-badge svg{width:16px;height:16px}.hero-title{display:flex;flex-direction:column;gap:8px}.title-line{font-size:1.5rem;font-weight:500;color:var(--hero-text-light)}.title-highlight{font-size:4rem;font-weight:800;color:var(--hero-primary);line-height:1.1}.hero-description{font-size:1.1rem;line-height:1.7;color:var(--hero-text-light);max-width:500px}.hero-stats{display:flex;align-items:center;gap:24px;padding:20px 0}.stat-item{display:flex;flex-direction:column;gap:4px}.stat-number{font-size:1.75rem;font-weight:700;color:var(--hero-primary-dark)}.stat-label{font-size:14px;color:var(--hero-text-light)}.stat-divider{width:1px;height:40px;background:#d1d5db}.hero-cta{display:flex;gap:16px;margin-top:8px}.cta-primary,.cta-secondary{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;font-size:15px;font-weight:600;border-radius:12px;cursor:pointer;transition:all .3s ease;border:none}.cta-primary{background:var(--hero-primary);color:#fff;box-shadow:0 4px 15px #10b9814d}.cta-primary:hover{background:var(--hero-primary-dark);transform:translateY(-2px);box-shadow:0 8px 25px #10b98166}.cta-secondary{background:#fff;color:var(--hero-text);border:2px solid #e5e7eb}.cta-secondary:hover{border-color:var(--hero-primary);color:var(--hero-primary);transform:translateY(-2px)}.hero-visual{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding:20px}.visual-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:32px 24px;background:#fff;border-radius:20px;box-shadow:0 10px 40px #00000014;transition:all .4s ease}.visual-card:hover{transform:translateY(-8px);box-shadow:0 20px 50px #10b98126}.visual-card svg{color:var(--hero-primary)}.visual-card span{font-size:14px;font-weight:600;color:var(--hero-text)}.visual-card.card-1{animation:float 6s ease-in-out infinite}.visual-card.card-2{animation:float 6s ease-in-out infinite .5s}.visual-card.card-3{animation:float 6s ease-in-out infinite 1s}.visual-card.card-4{animation:float 6s ease-in-out infinite 1.5s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--hero-text-light);font-size:12px}.mouse{width:24px;height:38px;border:2px solid var(--hero-text-light);border-radius:12px;display:flex;justify-content:center;padding-top:8px}.wheel{width:4px;height:8px;background:var(--hero-primary);border-radius:2px;animation:scroll 2s ease-in-out infinite}@keyframes scroll{0%,to{transform:translateY(0);opacity:1}50%{transform:translateY(8px);opacity:.3}}@media(max-width:1024px){.hero-container{grid-template-columns:1fr;text-align:center;gap:40px}.hero-content{align-items:center}.hero-description{max-width:600px}.hero-stats,.hero-cta{justify-content:center}.hero-visual{max-width:400px;margin:0 auto}}@media(max-width:768px){.hero-section{padding:100px 20px 60px;min-height:auto}.title-highlight{font-size:2.5rem}.hero-stats{flex-wrap:wrap;gap:16px}.stat-divider{display:none}.hero-cta{flex-direction:column;width:100%}.cta-primary,.cta-secondary{justify-content:center;width:100%}.hero-visual{grid-template-columns:repeat(2,1fr);gap:12px}.visual-card{padding:20px 16px}.scroll-indicator{display:none}}.showcase-section{padding:80px 5%;background:#f9fafb}.showcase-container{max-width:1200px;margin:0 auto}.showcase-header{text-align:center;margin-bottom:50px}.showcase-title{font-size:2.25rem;font-weight:700;color:#1f2937;margin-bottom:12px}.showcase-title .highlight{color:#10b981}.showcase-subtitle{font-size:1rem;color:#6b7280}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:60px}.service-card{position:relative;background:#fff;padding:40px 32px;border-radius:20px;text-align:center;cursor:pointer;transition:all .4s ease;border:2px solid transparent;overflow:hidden}.service-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--accent-color);transform:scaleX(0);transition:transform .3s ease}.service-card:hover{transform:translateY(-8px);border-color:var(--accent-color);box-shadow:0 20px 50px #0000001a}.service-card:hover:before{transform:scaleX(1)}.service-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border-radius:20px;margin:0 auto 20px;color:var(--accent-color);transition:all .3s ease}.service-card:hover .service-icon{background:var(--accent-color);color:#fff}.service-title{font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:8px}.service-description{font-size:14px;color:#6b7280;margin-bottom:16px}.service-arrow{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:#f3f4f6;border-radius:50%;color:#9ca3af;transition:all .3s ease}.service-card:hover .service-arrow{background:var(--accent-color);color:#fff;transform:translate(5px)}.marquee-container{margin-bottom:50px;padding:20px 0;background:#fff;border-radius:16px;overflow:hidden}.marquee{width:100%;overflow:hidden}.marquee-inner{display:flex;gap:24px;animation:marquee 30s linear infinite}.marquee:hover .marquee-inner{animation-play-state:paused}.marquee-item{flex-shrink:0;display:flex;align-items:center;gap:10px;padding:12px 20px;background:#f9fafb;border-radius:50px;border:1px solid #e5e7eb}.item-category{padding:4px 10px;background:#10b981;color:#fff;font-size:11px;font-weight:600;border-radius:20px}.item-text{font-size:14px;font-weight:500;color:#1f2937;white-space:nowrap}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.showcase-footer{text-align:center;padding:30px;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-radius:16px}.showcase-footer p{font-size:1.1rem;font-weight:500;color:#1f2937}@media(max-width:1024px){.services-grid{grid-template-columns:repeat(3,1fr);gap:16px}.service-card{padding:30px 20px}}@media(max-width:768px){.showcase-section{padding:60px 20px}.showcase-title{font-size:1.5rem}.services-grid{grid-template-columns:1fr;gap:16px}.service-card{display:flex;flex-direction:row;align-items:center;text-align:left;padding:20px;gap:16px}.service-icon{width:60px;height:60px;margin:0;flex-shrink:0}.service-arrow{margin-left:auto}.showcase-footer p{font-size:.95rem}}.why-section{padding:100px 5%;background:#fff}.why-container{max-width:1200px;margin:0 auto}.why-header{text-align:center;margin-bottom:60px}.why-badge{display:inline-block;padding:8px 20px;background:#ecfdf5;color:#10b981;font-size:14px;font-weight:600;border-radius:50px;margin-bottom:16px}.why-title{font-size:2.5rem;font-weight:700;color:#1f2937;margin-bottom:16px}.why-title .highlight{color:#10b981}.why-subtitle{font-size:1.1rem;color:#6b7280;max-width:600px;margin:0 auto;line-height:1.7}.why-features{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:60px}.feature-card{background:#f9fafb;padding:32px 24px;border-radius:16px;text-align:center;transition:all .3s ease;border:1px solid transparent}.feature-card:hover{background:#fff;border-color:#10b981;box-shadow:0 10px 40px #10b9811a;transform:translateY(-5px)}.feature-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#ecfdf5;border-radius:16px;margin:0 auto 20px;color:#10b981}.feature-title{font-size:1.1rem;font-weight:600;color:#1f2937;margin-bottom:12px}.feature-description{font-size:14px;color:#6b7280;line-height:1.6}.why-tagline{text-align:center;padding:40px;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-radius:20px}.why-tagline p{font-size:1.25rem;color:#1f2937;font-weight:500}.tagline-highlight{color:#10b981;font-weight:700}@media(max-width:1024px){.why-features{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.why-section{padding:60px 20px}.why-title{font-size:1.75rem}.why-features{grid-template-columns:1fr;gap:16px}.feature-card{padding:24px 20px}.why-tagline{padding:24px}.why-tagline p{font-size:1rem}}.spoiler-section{padding:80px 5%;background:#fff}.spoiler-container{max-width:1200px;margin:0 auto}.spoiler-header{text-align:center;margin-bottom:50px}.spoiler-badge{display:inline-block;padding:8px 20px;background:#fef3c7;color:#f59e0b;font-size:14px;font-weight:600;border-radius:50px;margin-bottom:16px}.spoiler-title{font-size:2.25rem;font-weight:700;color:#1f2937;margin-bottom:12px}.spoiler-title .highlight{color:#10b981}.spoiler-subtitle{font-size:1rem;color:#6b7280}.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:40px}.product-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 20px #0000000f;transition:all .3s ease;border:1px solid #f3f4f6}.product-card:hover{transform:translateY(-8px);box-shadow:0 20px 50px #0000001f}.product-image{position:relative;height:200px;overflow:hidden;background:#f9fafb}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.product-card:hover .product-image img{transform:scale(1.1)}.product-tag{position:absolute;top:12px;left:12px;padding:6px 12px;background:#10b981;color:#fff;font-size:11px;font-weight:600;border-radius:20px}.product-info{padding:20px}.product-name{font-size:1.1rem;font-weight:600;color:#1f2937;margin-bottom:8px}.product-description{font-size:13px;color:#6b7280;margin-bottom:16px;line-height:1.5}.product-footer{display:flex;align-items:center;justify-content:space-between}.product-price{font-size:1.25rem;font-weight:700;color:#10b981}.product-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border:none;border-radius:12px;color:#6b7280;cursor:pointer;transition:all .3s ease}.product-btn:hover{background:#10b981;color:#fff}.spoiler-cta{text-align:center;margin-bottom:60px}.view-all-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 32px;background:#fff;color:#10b981;font-size:15px;font-weight:600;border:2px solid #10b981;border-radius:12px;cursor:pointer;transition:all .3s ease}.view-all-btn:hover{background:#10b981;color:#fff}.promo-banner{position:relative;padding:50px;background:linear-gradient(135deg,#10b981,#059669);border-radius:24px;overflow:hidden;display:flex;align-items:center;justify-content:space-between}.promo-content{position:relative;z-index:1}.promo-content h3{font-size:1.75rem;font-weight:700;color:#fff;margin-bottom:8px}.promo-content p{font-size:1rem;color:#ffffffe6;margin-bottom:20px}.promo-content button{padding:12px 28px;background:#fff;color:#059669;font-size:15px;font-weight:600;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease}.promo-content button:hover{background:#f0fdf4;transform:translateY(-2px)}.promo-decoration{position:absolute;right:40px;color:#fff}@media(max-width:1024px){.products-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.spoiler-section{padding:60px 20px}.spoiler-title{font-size:1.5rem}.products-grid{grid-template-columns:1fr;gap:16px}.product-image{height:180px}.promo-banner{padding:30px 20px}.promo-content h3{font-size:1.25rem}.promo-decoration{display:none}}.exp-section{padding:80px 5%;background:linear-gradient(180deg,#f9fafb,#fff)}.exp-container{max-width:1200px;margin:0 auto}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:80px}.stat-card{display:flex;flex-direction:column;align-items:center;padding:32px 24px;background:#fff;border-radius:20px;box-shadow:0 4px 20px #0000000f;transition:all .3s ease}.stat-card:hover{transform:translateY(-5px);box-shadow:0 10px 40px #10b98126}.stat-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#ecfdf5;border-radius:16px;color:#10b981;margin-bottom:16px}.stat-number{font-size:2rem;font-weight:700;color:#1f2937;margin-bottom:4px}.stat-label{font-size:14px;color:#6b7280}.testimonials-section{text-align:center}.testimonials-title{font-size:2rem;font-weight:700;color:#1f2937;margin-bottom:40px}.testimonials-title .highlight{color:#10b981}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.testimonial-card{position:relative;background:#fff;padding:32px;border-radius:20px;text-align:left;box-shadow:0 4px 20px #0000000f;transition:all .3s ease}.testimonial-card:hover{transform:translateY(-5px);box-shadow:0 10px 40px #0000001a}.quote-icon{position:absolute;top:20px;right:20px;color:#10b981}.testimonial-quote{font-size:15px;color:#4b5563;line-height:1.7;margin-bottom:24px}.testimonial-author{display:flex;align-items:center;gap:12px}.author-avatar{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#10b981;color:#fff;font-size:16px;font-weight:600;border-radius:50%}.author-name{font-size:15px;font-weight:600;color:#1f2937}.author-role{font-size:13px;color:#6b7280}@media(max-width:1024px){.stats-grid,.testimonials-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.exp-section{padding:60px 20px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:16px}.stat-card{padding:24px 16px}.stat-number,.testimonials-title{font-size:1.5rem}.testimonials-grid{grid-template-columns:1fr;gap:16px}.testimonial-card{padding:24px}}.steps-section{padding:100px 0;background:linear-gradient(135deg,#f0fdf4,#fff,#ecfdf5);position:relative}.steps-container{max-width:1200px;margin:0 auto;padding:0 24px}.steps-header{text-align:center;margin-bottom:60px}.steps-badge{display:inline-block;padding:8px 20px;background:#10b9811a;color:#10b981;border-radius:50px;font-size:.875rem;font-weight:600;margin-bottom:16px}.steps-title{font-size:2.5rem;font-weight:700;color:#1f2937;margin-bottom:16px}.steps-title .highlight{color:#10b981}.steps-subtitle{font-size:1.125rem;color:#6b7280;max-width:500px;margin:0 auto}.steps-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:60px;position:relative}.steps-timeline:before{content:"";position:absolute;top:24px;left:12.5%;right:12.5%;height:3px;background:linear-gradient(90deg,#10b981,#34d399,#10b981);z-index:0}.step-item{position:relative;text-align:center}.step-number{width:48px;height:48px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;margin:0 auto 24px;position:relative;z-index:1;box-shadow:0 4px 15px #10b98166}.step-connector{display:none}.step-content{background:#fff;border-radius:16px;padding:32px 24px;box-shadow:0 4px 20px #0000000f;border:1px solid rgba(16,185,129,.1);transition:all .3s ease}.step-item:hover .step-content{transform:translateY(-5px);box-shadow:0 12px 30px #10b98126;border-color:#10b981}.step-icon{width:64px;height:64px;background:#10b9811a;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:#10b981;transition:all .3s ease}.step-item:hover .step-icon{background:#10b981;color:#fff;transform:scale(1.1)}.step-title{font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:12px}.step-description{font-size:.9375rem;color:#6b7280;line-height:1.6}.steps-cta{text-align:center}.cta-btn{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;font-size:1.0625rem;font-weight:600;border-radius:12px;cursor:pointer;transition:all .3s ease;border:none}.cta-btn.primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 15px #10b98166}.cta-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #10b98180}.cta-note{margin-top:16px;font-size:.875rem;color:#9ca3af}@media(max-width:1024px){.steps-timeline{grid-template-columns:repeat(2,1fr);gap:32px}.steps-timeline:before{display:none}.step-number{margin-bottom:20px}}@media(max-width:768px){.steps-section{padding:60px 0}.steps-title{font-size:1.875rem}.steps-timeline{grid-template-columns:1fr;gap:24px}.step-content{padding:24px 20px}.step-icon{width:56px;height:56px}}:root{--primary: #10b981;--primary-light: #d1fae5;--primary-dark: #059669;--accent: #047857;--white: #ffffff;--bg-light: #f8fffe;--bg-subtle: #f0fdf9;--text-dark: #1f2937;--text-medium: #4b5563;--text-light: #9ca3af;--border: #e5e7eb;--border-light: #f3f4f6;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 40px rgba(0, 0, 0, .08);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px}.ContainerMarketUi{margin-top:100px;padding:0 24px 60px;display:flex;justify-content:center;align-items:flex-start;flex-direction:column;width:100%;max-width:1400px;margin-left:auto;margin-right:auto;background:var(--white)}.cart-button{position:fixed;bottom:32px;right:32px;width:56px;height:56px;border-radius:50%;background:var(--white);border:1px solid var(--border);box-shadow:var(--shadow-lg);cursor:pointer;z-index:999;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.cart-button:hover{transform:translateY(-2px);box-shadow:0 12px 40px #10b98126;border-color:var(--primary)}.cart-button:active{transform:scale(.96)}.cart-icon{display:flex;align-items:center;justify-content:center;color:var(--text-dark)}.cart-icon svg{width:24px;height:24px}.cart-badge{position:absolute;top:-6px;right:-6px;background:var(--primary);color:var(--white);font-size:.7rem;font-weight:600;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 6px;border:2px solid var(--white)}.ShopMenu{width:100%;display:flex;flex-direction:column;gap:24px;background:transparent}.PostionItemFillter{width:100%}.ContainerItemFillter{width:100%;display:flex;align-items:center;gap:16px;padding:16px 0;background:transparent;border-bottom:1px solid var(--border-light);flex-wrap:wrap}.MenuItem{flex:1;min-width:0;order:1}.MenuItem .scroll-list{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:8px;padding:4px 0;margin:0;list-style:none;-webkit-overflow-scrolling:touch;scrollbar-width:none;cursor:grab;overscroll-behavior-x:contain;overscroll-behavior-y:none}.MenuItem .scroll-list::-webkit-scrollbar{display:none}.MenuItem .scroll-list.dragging{cursor:grabbing}.filter-btn{flex-shrink:0;white-space:nowrap;padding:10px 20px;border:1px solid var(--border);border-radius:100px;background:var(--white);cursor:pointer;transition:all .15s ease;color:var(--text-medium);font-weight:500;font-size:.9rem}.filter-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--bg-subtle)}.filter-btn.active{background:var(--primary);color:var(--white);border-color:var(--primary)}.SearchBox{display:flex;align-items:center;gap:0;background:var(--bg-light);border-radius:100px;padding:4px;border:1px solid var(--border);transition:all .15s ease;flex-shrink:0;order:2}.SearchBox:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.SearchBox input{padding:10px 16px;border:none;background:transparent;outline:none;font-size:.9rem;color:var(--text-dark);min-width:200px}.SearchBox input::placeholder{color:var(--text-light)}.SearchBox button{background:var(--primary);color:var(--white);border:none;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.SearchBox button:hover{background:var(--primary-dark)}.Market{width:100%;padding:8px 0}.CardShop{width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.product-card{background:var(--white);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-light);display:flex;flex-direction:column;transition:all .2s ease;cursor:pointer}.product-card:hover{border-color:var(--border);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.product-image-area{width:100%;height:180px;background:var(--bg-subtle);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.product-image-placeholder{display:flex;align-items:center;justify-content:center;opacity:.3;transition:all .2s ease;color:var(--text-medium)}.product-image-placeholder svg{width:48px;height:48px}.product-card:hover .product-image-placeholder{transform:scale(1.1);opacity:.5}.product-tag{position:absolute;top:12px;left:12px;background:var(--white);color:var(--primary);padding:6px 12px;border-radius:100px;font-size:.75rem;font-weight:600;border:1px solid var(--primary-light)}.product-body{padding:20px;display:flex;flex-direction:column;flex:1;gap:8px}.product-title{font-size:1rem;font-weight:600;color:var(--text-dark);margin:0;line-height:1.4}.product-description{font-size:.85rem;color:var(--text-light);margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;gap:12px}.product-price{font-size:1.25rem;font-weight:700;color:var(--primary)}.product-btn-buy{background:var(--primary);color:var(--white);border:none;padding:10px 20px;border-radius:100px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .15s ease}.product-btn-buy:hover{background:var(--primary-dark)}.product-btn-buy:active{transform:scale(.96)}.no-products{grid-column:1 / -1;text-align:center;padding:80px 20px;color:var(--text-light);font-size:1rem}.cart-overlay{position:fixed;inset:0;background:#0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;justify-content:flex-end;animation:fadeIn .2s ease}.cart-modal{background:var(--white);width:100%;max-width:400px;height:100vh;display:flex;flex-direction:column;animation:slideIn .25s ease}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.cart-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--border-light)}.cart-header h2{margin:0;color:var(--text-dark);font-size:1.25rem;font-weight:600;display:flex;align-items:center;gap:10px}.cart-header h2 svg{color:var(--primary)}.cart-close{background:var(--bg-light);border:none;width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:1.1rem;color:var(--text-medium);display:flex;align-items:center;justify-content:center;transition:all .15s ease}.cart-close:hover{background:var(--primary-light);color:var(--primary)}.cart-items{flex:1;overflow-y:auto;padding:16px;background:var(--bg-light)}.cart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:12px;color:var(--text-light)}.empty-icon{opacity:.3;color:var(--text-light)}.empty-icon svg{width:48px;height:48px}.cart-item{background:var(--white);padding:16px;margin-bottom:8px;border-radius:var(--radius-md);border:1px solid var(--border-light);transition:all .15s ease}.cart-item:hover{border-color:var(--border)}.cart-item-info h4{margin:0 0 4px;color:var(--text-dark);font-size:.95rem;font-weight:600}.cart-item-price{color:var(--primary);font-weight:600;font-size:1rem;margin:0}.cart-item-actions{display:flex;align-items:center;gap:8px;margin-top:12px}.qty-btn{background:var(--bg-light);border:1px solid var(--border);width:32px;height:32px;border-radius:var(--radius-sm);cursor:pointer;font-size:1rem;font-weight:600;color:var(--text-dark);display:flex;align-items:center;justify-content:center;transition:all .15s ease}.qty-btn:hover{background:var(--primary-light);border-color:var(--primary);color:var(--primary)}.qty-display{min-width:32px;text-align:center;font-weight:600;color:var(--text-dark);font-size:.95rem}.remove-btn{background:transparent;border:none;width:32px;height:32px;border-radius:var(--radius-sm);cursor:pointer;margin-left:auto;color:var(--text-light);transition:all .15s ease;display:flex;align-items:center;justify-content:center}.remove-btn:hover{color:#ef4444;background:#fef2f2}.cart-footer{padding:20px 24px;border-top:1px solid var(--border-light);background:var(--white)}.cart-total{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:1rem;color:var(--text-dark)}.total-price{font-size:1.5rem;color:var(--primary);font-weight:700}.checkout-btn{width:100%;padding:14px;background:var(--text-dark);color:var(--white);border:none;border-radius:100px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .15s ease}.checkout-btn:hover{background:var(--primary)}.checkout-btn:disabled{background:var(--border);cursor:not-allowed}.product-detail-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1001;display:flex;justify-content:center;align-items:center;padding:24px;animation:fadeIn .2s ease}.product-detail-modal{background:var(--white);border-radius:var(--radius-xl);max-width:520px;width:100%;max-height:90vh;overflow-y:auto;animation:scaleIn .2s ease;position:relative}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.detail-close{position:absolute;top:16px;right:16px;background:var(--white);border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:1.1rem;color:var(--text-medium);display:flex;align-items:center;justify-content:center;transition:all .15s ease;z-index:10;box-shadow:var(--shadow-md)}.detail-close:hover{background:var(--primary-light);color:var(--primary)}.detail-image-area{width:100%;height:240px;background:var(--bg-subtle);display:flex;align-items:center;justify-content:center;position:relative}.detail-image-placeholder{display:flex;align-items:center;justify-content:center;opacity:.25;color:var(--text-medium)}.detail-image-placeholder svg{width:64px;height:64px}.detail-tag{position:absolute;bottom:16px;left:16px;background:var(--white);color:var(--primary);padding:8px 16px;border-radius:100px;font-size:.8rem;font-weight:600;border:1px solid var(--primary-light)}.detail-brand-tag{position:absolute;top:16px;left:16px;background:var(--text-dark);color:var(--white);padding:8px 16px;border-radius:100px;font-size:.8rem;font-weight:600}.detail-content{padding:28px}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:16px}.detail-title{font-size:1.5rem;font-weight:700;color:var(--text-dark);margin:0;line-height:1.3;flex:1}.detail-rating{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.rating-stars{display:flex;align-items:center;gap:4px;font-size:.95rem;font-weight:600;color:#f59e0b}.rating-stars svg{width:16px;height:16px}.rating-count{font-size:.75rem;color:var(--text-light)}.detail-description{font-size:.95rem;color:var(--text-medium);margin:0 0 24px;line-height:1.7}.detail-specs{background:var(--bg-subtle);border-radius:var(--radius-md);padding:20px;margin-bottom:20px}.specs-title{display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:600;color:var(--text-dark);margin:0 0 16px}.specs-title svg{color:var(--primary)}.specs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.spec-item{display:flex;flex-direction:column;gap:4px}.spec-label{font-size:.7rem;color:var(--text-light);text-transform:uppercase;letter-spacing:.5px}.spec-value{font-size:.85rem;font-weight:600;color:var(--text-dark)}.detail-info{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}.detail-info-item{background:var(--bg-light);padding:14px 16px;border-radius:var(--radius-md);border:1px solid var(--border-light)}.detail-label{display:block;font-size:.7rem;color:var(--text-light);margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:.9rem;font-weight:600;color:var(--text-dark)}.detail-sold{color:var(--primary)}.detail-status{display:flex;gap:10px;margin-bottom:24px;flex-wrap:wrap}.status-badge{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:100px;font-size:.8rem;font-weight:500}.status-badge.in-stock{background:var(--primary-light);color:var(--primary-dark)}.status-shipping{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:100px;font-size:.8rem;font-weight:500;background:#fef3c7;color:#b45309}.detail-footer{display:flex;justify-content:space-between;align-items:center;padding-top:24px;border-top:1px solid var(--border-light);gap:16px}.detail-price-section{display:flex;flex-direction:column}.detail-price{font-size:1.75rem;font-weight:700;color:var(--primary)}.detail-price-note{font-size:.7rem;color:var(--text-light)}.detail-actions{display:flex;align-items:center;gap:12px}.quantity-selector{display:flex;align-items:center;background:var(--bg-light);border-radius:var(--radius-md);border:1px solid var(--border);overflow:hidden}.qty-control-btn{background:transparent;border:none;width:40px;height:40px;cursor:pointer;font-size:1.2rem;font-weight:500;color:var(--text-dark);transition:all .15s ease}.qty-control-btn:hover{background:var(--primary-light);color:var(--primary)}.qty-value{min-width:40px;text-align:center;font-weight:600;color:var(--text-dark);font-size:1rem}.detail-btn-buy{display:flex;align-items:center;gap:8px;background:var(--text-dark);color:var(--white);border:none;padding:14px 28px;border-radius:100px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .15s ease;white-space:nowrap}.detail-btn-buy svg{width:18px;height:18px}.detail-btn-buy:hover{background:var(--primary)}.detail-btn-buy:active{transform:scale(.98)}@media(max-width:1024px){.ContainerMarketUi{padding:0 16px 40px;margin-top:80px}.CardShop{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.filter-btn{padding:8px 16px;font-size:.85rem}.SearchBox input{min-width:160px}}@media(max-width:768px){.ContainerItemFillter{flex-direction:column;align-items:stretch;gap:12px;padding:12px 0}.MenuItem{width:100%;order:2}.MenuItem .scroll-list{padding:8px 4px}.filter-btn{padding:10px 18px;font-size:.85rem}.SearchBox{width:100%;order:1}.SearchBox input{flex:1;min-width:unset;width:100%}.cart-button{width:50px;height:50px;bottom:24px;right:24px}.cart-modal{max-width:100%}.CardShop{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.product-image-area{height:150px}.product-body{padding:16px}}@media(max-width:480px){.ContainerMarketUi{padding:0 12px 32px;margin-top:70px}.ContainerItemFillter{gap:10px;padding:10px 0}.filter-btn{padding:8px 14px;font-size:.8rem}.SearchBox{padding:3px}.SearchBox input{padding:8px 12px;font-size:.85rem}.SearchBox button{width:32px;height:32px}.CardShop{grid-template-columns:1fr;gap:12px}.product-card{flex-direction:row;height:auto}.product-image-area{width:120px;height:auto;min-height:120px;flex-shrink:0}.product-image-placeholder{font-size:2rem}.product-tag{display:none}.product-body{padding:14px;gap:6px}.product-title{font-size:.95rem}.product-description{font-size:.8rem;-webkit-line-clamp:1;line-clamp:1}.product-footer{flex-direction:column;align-items:flex-start;gap:8px;padding-top:10px}.product-price{font-size:1.1rem}.product-btn-buy{padding:8px 16px;font-size:.8rem}.product-detail-modal{max-width:100%;border-radius:var(--radius-lg);max-height:95vh}.detail-image-area{height:200px}.detail-content{padding:20px}.detail-header{flex-direction:column;gap:10px}.detail-rating{flex-direction:row;gap:8px}.detail-title{font-size:1.25rem}.specs-grid{grid-template-columns:1fr}.detail-status{flex-direction:column;gap:8px}.detail-footer{flex-direction:column;gap:16px}.detail-price-section{width:100%;text-align:center}.detail-actions{width:100%;justify-content:center}.detail-btn-buy{flex:1;text-align:center}.cart-header{padding:20px}.cart-header h2{font-size:1.1rem}.cart-footer{padding:16px 20px}.total-price{font-size:1.25rem}.checkout-btn{padding:12px;font-size:.95rem}}.cart-items::-webkit-scrollbar,.product-detail-modal::-webkit-scrollbar{width:6px}.cart-items::-webkit-scrollbar-track,.product-detail-modal::-webkit-scrollbar-track{background:var(--bg-light)}.cart-items::-webkit-scrollbar-thumb,.product-detail-modal::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.cart-items::-webkit-scrollbar-thumb:hover,.product-detail-modal::-webkit-scrollbar-thumb:hover{background:var(--text-light)}.promo-banners{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:40px}.promo-card{display:flex;align-items:center;justify-content:space-between;padding:24px;border-radius:var(--radius-lg);overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease}.promo-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.promo-primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.promo-secondary{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.promo-accent{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff}.promo-content{z-index:1}.promo-tag{display:inline-block;padding:4px 10px;background:#fff3;border-radius:20px;font-size:11px;font-weight:600;margin-bottom:8px}.promo-card h3{font-size:1.25rem;font-weight:700;margin-bottom:4px;color:#fff}.promo-card p{font-size:13px;opacity:.9;margin-bottom:12px;color:#fff}.promo-btn{padding:8px 16px;background:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:transform .2s ease}.promo-primary .promo-btn{color:var(--primary-dark)}.promo-secondary .promo-btn{color:#d97706}.promo-accent .promo-btn{color:#4f46e5}.promo-btn:hover{transform:scale(1.05)}.promo-icon{position:absolute;right:20px;top:50%;transform:translateY(-50%)}.promo-icon svg{width:80px;height:80px}.wide-banner{width:100%;margin-bottom:40px;border-radius:var(--radius-xl);overflow:hidden;position:relative}.wide-banner-content{display:flex;align-items:center;justify-content:space-between;padding:48px 56px;position:relative;z-index:1;min-height:280px;background-image:url(https://t4.ftcdn.net/jpg/06/91/17/95/360_F_691179587_QSctAaNAIbYMjexjEV3w8clmvzcXmJuU.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}.wide-banner-text{flex:1;max-width:600px}.wide-banner-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;color:#fff;font-size:13px;font-weight:600;margin-bottom:16px}.wide-banner-badge svg{width:16px;height:16px}.wide-banner-title{font-size:2.5rem;font-weight:900;color:#fff;line-height:1.2;margin-bottom:12px;text-shadow:2px 2px 4px rgba(0,0,0,.5),0 0 20px rgba(0,0,0,.3),0 0 40px rgba(0,0,0,.2);letter-spacing:-.5px}.wide-banner-title .highlight{color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5),0 0 20px rgba(0,0,0,.3)}.wide-banner-subtitle{font-size:1.1rem;font-weight:500;color:#fff;margin-bottom:24px;line-height:1.5;text-shadow:1px 1px 3px rgba(0,0,0,.5),0 0 10px rgba(0,0,0,.3)}.wide-banner-cta{display:flex;gap:12px}.wide-banner-btn{padding:12px 28px;border-radius:50px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.wide-banner-btn.primary{background:var(--primary);color:#fff;box-shadow:0 4px 15px #10b98166}.wide-banner-btn.primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 8px 25px #10b98180}.wide-banner-btn.secondary{background:#fffffff2;color:#1f2937;border:none;box-shadow:0 4px 15px #00000026}.wide-banner-btn.secondary:hover{background:#fff;transform:translateY(-2px);box-shadow:0 8px 25px #0003}.wide-banner-visual{position:relative;display:flex;align-items:center;justify-content:center}.discount-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;width:140px;height:140px;background:#fff;border-radius:50%;box-shadow:0 20px 40px #0003;position:relative;z-index:2}.discount-number{font-size:3.5rem;font-weight:900;color:var(--primary);line-height:1}.discount-percent{font-size:1.5rem;font-weight:700;color:var(--primary);position:absolute;top:28px;right:24px}.discount-text{font-size:14px;font-weight:700;color:var(--text-medium);letter-spacing:2px}.decorative-circles{position:absolute;width:100%;height:100%;pointer-events:none}.circle{position:absolute;border-radius:50%;border:2px solid rgba(255,255,255,.2)}.circle-1{width:200px;height:200px;top:50%;left:50%;transform:translate(-50%,-50%);animation:pulse 3s ease-in-out infinite}.circle-2{width:260px;height:260px;top:50%;left:50%;transform:translate(-50%,-50%);animation:pulse 3s ease-in-out infinite .5s}.circle-3{width:320px;height:320px;top:50%;left:50%;transform:translate(-50%,-50%);animation:pulse 3s ease-in-out infinite 1s}@keyframes pulse{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.1;transform:translate(-50%,-50%) scale(1.05)}}.section-header{margin-bottom:24px}.section-title{display:flex;align-items:center;gap:10px;font-size:1.5rem;font-weight:700;color:var(--text-dark);margin-bottom:8px}.title-icon{display:flex;align-items:center;justify-content:center;color:var(--primary)}.title-icon svg{width:24px;height:24px}.section-subtitle{font-size:15px;color:var(--text-medium)}.features-section{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:32px;background:var(--bg-subtle);border-radius:var(--radius-lg);margin-top:40px}.feature-item{display:flex;align-items:center;gap:16px}.feature-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:12px;box-shadow:var(--shadow-sm);flex-shrink:0}.feature-icon svg{width:24px;height:24px}.feature-text h4{font-size:15px;font-weight:600;color:var(--text-dark);margin-bottom:4px}.feature-text p{font-size:13px;color:var(--text-medium)}@media(max-width:1024px){.promo-banners{grid-template-columns:repeat(2,1fr)}.promo-banners .promo-card:last-child{grid-column:span 2}.features-section{grid-template-columns:repeat(2,1fr)}.wide-banner-content{padding:40px}.wide-banner-title{font-size:2rem}.discount-badge{width:120px;height:120px}.discount-number{font-size:2.8rem}.circle-1{width:160px;height:160px}.circle-2{width:210px;height:210px}.circle-3{width:260px;height:260px}}@media(max-width:768px){.promo-banners{grid-template-columns:1fr}.promo-banners .promo-card:last-child{grid-column:span 1}.promo-icon{display:none}.features-section{grid-template-columns:1fr;padding:24px}.wide-banner-content{flex-direction:column;text-align:center;padding:32px 24px;gap:32px}.wide-banner-text{max-width:100%}.wide-banner-title{font-size:1.75rem}.wide-banner-cta{justify-content:center}.decorative-circles{display:none}}@media(max-width:480px){.wide-banner-content{padding:24px 16px}.wide-banner-title{font-size:1.5rem}.wide-banner-subtitle{font-size:14px}.wide-banner-cta{flex-direction:column;width:100%}.wide-banner-btn{width:100%;text-align:center}.discount-badge{width:100px;height:100px}.discount-number{font-size:2.2rem}.discount-percent{font-size:1.2rem;top:20px;right:16px}.discount-text{font-size:12px}}:root{--primary-color: #10b981;--primary-hover: #059669;--primary-light: #d1fae5;--text-dark: #111827;--text-gray: #6b7280;--bg-light: #f9fafb;--white: #ffffff;--border-color: #e5e7eb}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Prompt,Inter,sans-serif;background-color:var(--white);color:var(--text-dark)}.auth-container{display:flex;min-height:100vh;width:100%;overflow:hidden}.auth-form-section{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;background-color:var(--white);z-index:2}.form-wrapper{width:100%;max-width:400px}.brand-logo{font-family:Inter,sans-serif;font-size:1.8rem;font-weight:800;color:var(--text-dark);letter-spacing:-.5px}.dot{color:var(--primary-color)}.brand-tagline{font-size:.85rem;color:var(--text-gray)}.auth-toggle-container{display:flex;background-color:var(--bg-light);padding:4px;border-radius:12px;margin-bottom:2rem;position:relative}.toggle-btn{flex:1;padding:10px;border:none;background:transparent;font-family:Prompt,sans-serif;font-size:.95rem;font-weight:500;color:var(--text-gray);cursor:pointer;border-radius:8px;transition:all .3s ease}.toggle-btn.active{background-color:var(--white);color:var(--primary-color);font-weight:600;box-shadow:0 2px 4px #0000000d}.auth-header{margin-bottom:1.5rem;text-align:center}.auth-header h2{font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.auth-header p{color:var(--text-gray);font-size:.9rem}.input-group{margin-bottom:1rem}.input-group label{display:block;font-size:.85rem;font-weight:500;margin-bottom:.4rem;color:var(--text-dark)}.input-group input{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:8px;font-size:.95rem;font-family:inherit;transition:border-color .2s,box-shadow .2s}.input-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #10b9811a}.form-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;font-size:.85rem}.remember-me{display:flex;align-items:center;gap:.5rem;color:var(--text-gray)}.forgot-link{color:var(--primary-color);text-decoration:none;font-weight:500;transition:color .2s}.forgot-link:hover{color:var(--primary-hover)}.btn-primary{width:100%;padding:.85rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s,transform .1s}.btn-primary:hover{background-color:var(--primary-hover)}.btn-primary:active{transform:scale(.98)}.divider{display:flex;align-items:center;text-align:center;margin:1.5rem 0;color:var(--text-gray);font-size:.8rem}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid var(--border-color)}.divider:before{margin-right:.5em}.divider:after{margin-left:.5em}.btn-google{width:100%;padding:.75rem;background-color:#fff;border:1px solid var(--border-color);border-radius:8px;display:flex;align-items:center;justify-content:center;gap:.75rem;font-weight:500;color:var(--text-dark);cursor:pointer;transition:background-color .2s}.btn-google:hover{background-color:var(--bg-light)}.fade-in-form{animation:fadeIn .4s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.auth-banner-section{flex:1.3;background-color:#f0fdf4;background-image:radial-gradient(#10b981 .6px,transparent .6px);background-size:24px 24px;position:relative;display:flex;justify-content:center;align-items:center;padding:2rem}.banner-content{position:relative;z-index:2;max-width:500px}.banner-text h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:#064e3b}.banner-text p{font-size:1.1rem;color:#065f46;margin-bottom:3rem;line-height:1.6}.feature-cards{display:flex;flex-direction:column;gap:1rem}.glass-card{background:#ffffffbf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.9);padding:1rem 1.5rem;border-radius:16px;display:flex;align-items:center;gap:1rem;box-shadow:0 4px 15px #10b9810d;transition:transform .3s ease}.glass-card:hover{transform:translateY(-5px);background:#fffffff2}.glass-card .icon{font-size:1.6rem;background:var(--primary-light);width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:12px}.glass-card div strong{display:block;font-size:1rem;color:var(--text-dark)}.glass-card div small{color:var(--text-gray);font-size:.85rem}@media(max-width:900px){.auth-banner-section{display:none}.auth-form-section{padding:1rem}}.job-board-page{min-height:100vh;background:linear-gradient(180deg,#fff,#f8fdfb,#f0fdf4 60%,#ecfdf5);position:relative;overflow-x:hidden}.job-board-page:before{content:"";position:fixed;top:-200px;right:-200px;width:600px;height:600px;background:radial-gradient(circle,rgba(16,185,129,.08) 0%,transparent 70%);border-radius:50%;pointer-events:none;z-index:0}.job-board-page:after{content:"";position:fixed;bottom:-150px;left:-150px;width:500px;height:500px;background:radial-gradient(circle,rgba(16,185,129,.06) 0%,transparent 70%);border-radius:50%;pointer-events:none;z-index:0}.bg-shapes{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.bg-shape{position:absolute;border-radius:50%;opacity:.4;animation:float 20s ease-in-out infinite}.bg-shape-1{width:300px;height:300px;top:20%;left:5%;background:linear-gradient(135deg,#10b9811a,#0596690d);animation-delay:0s}.bg-shape-2{width:200px;height:200px;top:60%;right:10%;background:linear-gradient(135deg,#10b98114,#05966908);animation-delay:-5s}.bg-shape-3{width:150px;height:150px;top:40%;left:50%;background:linear-gradient(135deg,rgba(16,185,129,.06) 0%,transparent 100%);animation-delay:-10s}.bg-shape-4{width:100px;height:100px;top:80%;left:20%;background:linear-gradient(135deg,rgba(16,185,129,.1) 0%,transparent 100%);animation-delay:-15s}@keyframes float{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(20px,-30px) rotate(5deg)}50%{transform:translate(-10px,20px) rotate(-5deg)}75%{transform:translate(30px,10px) rotate(3deg)}}.grid-pattern{position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(16,185,129,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(16,185,129,.03) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:0}.job-board-content{position:relative;z-index:1}:root{--primary: #10b981;--primary-dark: #059669;--primary-light: #d1fae5;--primary-bg: #ecfdf5;--white: #ffffff;--bg-light: #f8fafb;--bg-subtle: #f1f5f9;--text-dark: #1e293b;--text-medium: #475569;--text-light: #64748b;--text-muted: #94a3b8;--border: #e2e8f0;--border-light: #f1f5f9;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .06);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .08);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px}.hero-section{position:relative;background:linear-gradient(135deg,var(--primary-bg) 0%,var(--white) 40%,rgba(240,253,244,.5) 10%,var(--white) 100%);padding:80px 24px 60px;overflow:hidden;min-height:520px;display:flex;align-items:center}.hero-section:before{content:"";position:absolute;top:0;right:0;width:50%;height:100%;background-image:url(https://images.unsplash.com/photo-1522202176988-66273c2fd55f?w=1200);background-size:cover;background-position:center;mask-image:linear-gradient(to left,rgba(0,0,0,.8),transparent);-webkit-mask-image:linear-gradient(to left,rgba(0,0,0,.8),transparent);pointer-events:none}.hero-section:after{content:"";position:absolute;bottom:0;left:0;right:0;height:200px;background:linear-gradient(180deg,transparent 0%,rgba(16,185,129,.03) 50%,rgba(16,185,129,.06) 100%);pointer-events:none}.hero-container{max-width:900px;margin:0 auto;position:relative;z-index:2;width:100%}.hero-content{text-align:center}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:var(--white);color:var(--primary-dark);padding:8px 16px;border-radius:100px;font-size:.85rem;font-weight:500;margin-bottom:24px;border:1px solid var(--primary-light);box-shadow:var(--shadow-sm)}.badge-dot{width:8px;height:8px;background:var(--primary);border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.hero-title{font-size:3rem;font-weight:700;color:var(--text-dark);line-height:1.2;margin:0 0 20px;letter-spacing:-.02em}.hero-title .highlight{color:var(--primary);position:relative}.hero-subtitle{font-size:1.1rem;color:var(--text-medium);line-height:1.7;margin:0 auto 32px;max-width:540px}.hero-search-box{background:var(--white);border-radius:var(--radius-lg);padding:8px;box-shadow:var(--shadow-lg);border:1px solid var(--border-light);max-width:680px;margin:0 auto 28px}.search-input-group{display:flex;align-items:center;gap:8px}.search-field{flex:1;display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-light);border-radius:var(--radius-md)}.search-icon{color:var(--text-muted);flex-shrink:0}.search-field input{flex:1;border:none;background:transparent;font-size:.95rem;color:var(--text-dark);outline:none;min-width:0}.search-field input::placeholder{color:var(--text-muted)}.search-divider{width:1px;height:32px;background:var(--border);flex-shrink:0}.search-btn{display:flex;align-items:center;gap:8px;background:var(--primary);color:var(--white);border:none;padding:14px 24px;border-radius:var(--radius-md);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;flex-shrink:0}.search-btn:hover{background:var(--primary-dark);transform:translateY(-1px)}.search-btn:active{transform:translateY(0)}.search-btn svg{display:none}.hero-categories{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.categories-label{font-size:.875rem;color:var(--text-light);font-weight:500}.categories-list{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.category-tag{background:var(--white);color:var(--text-medium);border:1px solid var(--border);padding:8px 16px;border-radius:100px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s ease}.category-tag:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-bg)}.hero-stats{display:flex;justify-content:center;gap:48px;margin-top:48px;padding-top:32px;border-top:1px solid var(--border-light)}.stat-item{text-align:center}.stat-number{display:block;font-size:1.75rem;font-weight:700;color:var(--primary);margin-bottom:4px}.stat-label{font-size:.875rem;color:var(--text-light)}.hero-decoration{position:absolute;inset:0;pointer-events:none;overflow:hidden}.decoration-circle{position:absolute;border-radius:50%;background:var(--primary);opacity:.05;animation:floatCircle 15s ease-in-out infinite}.circle-1{width:500px;height:500px;top:-200px;right:-150px;background:radial-gradient(circle,var(--primary) 0%,transparent 70%);opacity:.08;animation-delay:0s}.circle-2{width:350px;height:350px;bottom:-150px;left:-100px;background:radial-gradient(circle,var(--primary) 0%,transparent 70%);opacity:.06;animation-delay:-5s}.circle-3{width:200px;height:200px;top:25%;left:8%;background:radial-gradient(circle,var(--primary) 0%,transparent 70%);opacity:.05;animation-delay:-10s}.floating-image{position:absolute;border-radius:16px;overflow:hidden;opacity:.08;filter:grayscale(100%);pointer-events:none}.floating-image-1{width:150px;height:100px;top:15%;right:8%;transform:rotate(5deg);background-image:url(https://images.unsplash.com/photo-1600880292203-757bb62b4baf?w=400);background-size:cover;animation:floatImage 20s ease-in-out infinite}.floating-image-2{width:120px;height:80px;bottom:20%;left:5%;transform:rotate(-5deg);background-image:url(https://images.unsplash.com/photo-1521737711867-e3b97375f902?w=400);background-size:cover;animation:floatImage 18s ease-in-out infinite reverse}@keyframes floatCircle{0%,to{transform:translate(0) scale(1)}33%{transform:translate(20px,-20px) scale(1.02)}66%{transform:translate(-10px,10px) scale(.98)}}@keyframes floatImage{0%,to{transform:translate(0) rotate(5deg)}50%{transform:translate(10px,-15px) rotate(8deg)}}@media(max-width:768px){.hero-section{padding:60px 20px 48px;min-height:auto}.hero-section:before{width:100%;opacity:.02}.hero-title{font-size:2.25rem}.hero-subtitle{font-size:1rem}.search-input-group{flex-direction:column;gap:12px}.search-field{width:100%}.search-divider{display:none}.search-btn{width:100%;justify-content:center}.hero-stats{gap:24px}.stat-number{font-size:1.5rem}.categories-label,.floating-image{display:none}}@media(max-width:480px){.hero-title{font-size:1.875rem}.hero-badge{font-size:.8rem;padding:6px 12px}.hero-stats{flex-direction:column;gap:20px}.category-tag{padding:6px 12px;font-size:.8rem}}.job-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border, #e2e8f0);border-radius:16px;overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column;position:relative}.job-card:before{content:"";position:absolute;top:0;right:0;width:80px;height:80px;background:linear-gradient(135deg,transparent 50%,rgba(16,185,129,.05) 50%);pointer-events:none;z-index:1}.job-card:hover{border-color:var(--primary, #10b981);box-shadow:0 8px 32px #10b9811f,0 4px 12px #0000000d;transform:translateY(-4px)}.job-card:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(16,185,129,.02) 0%,transparent 50%,rgba(16,185,129,.02) 100%);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:0}.job-card:hover:after{opacity:1}.job-cover-image{position:relative;width:100%;height:160px;overflow:hidden;z-index:1}.job-cover-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease,filter .3s ease}.job-card:hover .job-cover-image img{transform:scale(1.08);filter:brightness(1.05)}.cover-overlay{position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(to top,rgba(0,0,0,.4) 0%,rgba(0,0,0,.1) 50%,transparent 100%);pointer-events:none}.job-cover-image:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary, #10b981),var(--primary-dark, #059669));transform:scaleX(0);transition:transform .3s ease}.job-card:hover .job-cover-image:after{transform:scaleX(1)}.job-card-header,.job-tags,.job-details,.job-description,.job-skills,.job-benefits{padding-left:24px;padding-right:24px}.job-card-header,.job-card.has-cover .job-card-header{padding-top:20px}.job-card:not(:has(.job-cover-image)) .job-card-header{padding-top:24px}.job-tags,.job-details,.job-description,.job-skills,.job-benefits{margin-top:16px}.job-card-header{display:flex;align-items:flex-start;gap:14px}.company-logo{width:52px;height:52px;border-radius:12px;overflow:hidden;flex-shrink:0;background:var(--bg-subtle, #f1f5f9)}.company-logo img{width:100%;height:100%;object-fit:cover}.logo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary, #10b981) 0%,var(--primary-dark, #059669) 100%);color:#fff;font-size:1.25rem;font-weight:700}.job-main-info{flex:1;min-width:0}.job-title{font-size:1.1rem;font-weight:600;color:var(--text-dark, #1e293b);margin:0 0 6px;line-height:1.3}.company-info{display:flex;align-items:center;gap:6px}.company-name{font-size:.9rem;color:var(--text-medium, #475569)}.verified-badge{color:var(--primary, #10b981);display:flex;align-items:center}.save-btn{background:transparent;border:none;padding:8px;border-radius:8px;cursor:pointer;color:var(--text-muted, #94a3b8);transition:all .15s ease;flex-shrink:0}.save-btn:hover{background:var(--bg-subtle, #f1f5f9);color:var(--primary, #10b981)}.save-btn.saved{color:var(--primary, #10b981)}.job-tags{display:flex;flex-wrap:wrap;gap:8px}.job-type-tag,.job-level-tag,.urgent-tag,.remote-tag{padding:6px 12px;border-radius:100px;font-size:.75rem;font-weight:600}.job-type-tag{background:var(--primary-light, #d1fae5);color:var(--primary-dark, #059669)}.job-type-tag.part-time{background:#fef3c7;color:#b45309}.job-type-tag.contract{background:#e0e7ff;color:#4338ca}.job-type-tag.freelance{background:#fce7f3;color:#be185d}.job-type-tag.internship{background:#f3e8ff;color:#7c3aed}.job-level-tag{background:var(--bg-subtle, #f1f5f9);color:var(--text-medium, #475569)}.urgent-tag{background:#fef2f2;color:#dc2626}.remote-tag{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0}.job-details{display:flex;flex-wrap:wrap;gap:16px}.detail-item{display:flex;align-items:center;gap:6px;font-size:.875rem;color:var(--text-medium, #475569)}.detail-item svg{color:var(--text-muted, #94a3b8);flex-shrink:0}.detail-item.salary{color:var(--primary-dark, #059669);font-weight:600}.detail-item.salary svg{color:var(--primary, #10b981)}.salary-period{font-weight:400;color:var(--text-light, #64748b)}.job-description{font-size:.875rem;color:var(--text-light, #64748b);line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.job-skills{display:flex;flex-wrap:wrap;gap:6px}.skill-tag{background:var(--white, #ffffff);color:var(--text-medium, #475569);border:1px solid var(--border, #e2e8f0);padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:500}.skill-more{color:var(--text-muted, #94a3b8);font-size:.75rem;padding:4px 8px}.job-benefits{display:flex;flex-wrap:wrap;gap:12px}.benefit-item{display:flex;align-items:center;gap:4px;font-size:.8rem;color:var(--text-light, #64748b)}.benefit-item svg{color:var(--primary, #10b981)}.job-card-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 24px 24px;border-top:1px solid var(--border-light, #f1f5f9);margin-top:auto}.job-meta{display:flex;align-items:center;gap:16px}.posted-date{font-size:.8rem;color:var(--text-muted, #94a3b8)}.applicants{display:flex;align-items:center;gap:4px;font-size:.8rem;color:var(--text-light, #64748b)}.applicants svg{color:var(--text-muted, #94a3b8)}.apply-btn{display:flex;align-items:center;gap:6px;background:var(--primary, #10b981);color:#fff;border:none;padding:10px 20px;border-radius:100px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s ease}.apply-btn:hover{background:var(--primary-dark, #059669);transform:translate(2px)}.apply-btn svg{transition:transform .15s ease}.apply-btn:hover svg{transform:translate(3px)}@media(max-width:640px){.job-card{padding:18px}.company-logo{width:44px;height:44px}.job-title{font-size:1rem}.job-details{flex-direction:column;gap:8px}.job-card-footer{flex-direction:column;gap:12px;align-items:stretch}.job-meta{justify-content:space-between}.apply-btn{justify-content:center}}:root{--primary: #10b981;--primary-dark: #059669;--primary-light: #d1fae5;--white: #ffffff;--bg-light: #f8fafb;--bg-subtle: #f1f5f9;--text-dark: #1e293b;--text-medium: #475569;--text-light: #64748b;--text-muted: #94a3b8;--border: #e2e8f0;--border-light: #f1f5f9}.job-listing-section{padding:48px 24px 80px;background:transparent;position:relative}.listing-bg-decoration{position:absolute;top:100px;right:0;width:400px;height:400px;opacity:.05;pointer-events:none;background-image:url(https://images.unsplash.com/photo-1522071820081-009f0129c71c?w=800);background-size:cover;background-position:center;border-radius:50%;filter:grayscale(100%)}.listing-bg-decoration-2{position:absolute;bottom:200px;left:0;width:300px;height:300px;opacity:.04;pointer-events:none;background-image:url(https://images.unsplash.com/photo-1600880292203-757bb62b4baf?w=800);background-size:cover;background-position:center;border-radius:50%;filter:grayscale(100%)}.job-listing-container{max-width:1200px;margin:0 auto}.listing-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px;flex-wrap:wrap;gap:16px}.header-left{flex:1}.listing-title{font-size:1.75rem;font-weight:700;color:var(--text-dark);margin:0 0 8px}.listing-subtitle{font-size:.95rem;color:var(--text-light);margin:0}.job-count{color:var(--primary);font-weight:600}.header-right{display:flex;align-items:center;gap:16px}.sort-dropdown{display:flex;align-items:center;gap:8px}.sort-dropdown label{font-size:.875rem;color:var(--text-light)}.sort-dropdown select{padding:10px 16px;border:1px solid var(--border);border-radius:8px;background:var(--white);color:var(--text-dark);font-size:.875rem;cursor:pointer;outline:none;transition:border-color .15s ease}.sort-dropdown select:hover,.sort-dropdown select:focus{border-color:var(--primary)}.listing-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:32px}.filter-chip{display:flex;align-items:center;gap:6px;padding:10px 18px;border:1px solid var(--border);border-radius:100px;background:var(--white);color:var(--text-medium);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.filter-chip:hover{border-color:var(--primary);color:var(--primary)}.filter-chip.active{background:var(--primary);border-color:var(--primary);color:#fff}.filter-count{background:#00000014;padding:2px 8px;border-radius:100px;font-size:.75rem}.filter-chip.active .filter-count{background:#fff3}.job-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:24px}.load-more-container{display:flex;justify-content:center;margin-top:48px}.load-more-btn{display:flex;align-items:center;gap:8px;padding:14px 32px;background:var(--white);border:2px solid var(--primary);border-radius:100px;color:var(--primary);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.load-more-btn svg{transition:transform .2s ease}.load-more-btn:hover svg{transform:translateY(3px)}.empty-state{text-align:center;padding:80px 20px;background:var(--white);border-radius:16px;border:1px dashed var(--border)}.empty-icon{margin-bottom:16px;color:var(--text-muted);opacity:.5}.empty-state h3{font-size:1.25rem;color:var(--text-dark);margin:0 0 8px}.empty-state p{color:var(--text-light);margin:0}@media(max-width:900px){.job-cards-grid{grid-template-columns:1fr}}@media(max-width:640px){.job-listing-section{padding:32px 16px 60px}.listing-header{flex-direction:column;align-items:flex-start}.listing-title{font-size:1.5rem}.listing-filters{overflow-x:auto;flex-wrap:nowrap;padding-bottom:8px;margin-bottom:24px;-webkit-overflow-scrolling:touch}.filter-chip{flex-shrink:0}.header-right,.sort-dropdown{width:100%}.sort-dropdown select{flex:1}}.community-hero{position:relative;min-height:85vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:140px 40px 60px;overflow:hidden}.community-hero-bg{position:absolute;inset:0;background-image:url(https://images.unsplash.com/photo-1522071820081-009f0129c71c?auto=format&fit=crop&w=2000&q=80);filter:blur(5px);background-size:cover;background-position:center;background-attachment:fixed}.community-hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg)}.community-hero-wrapper{position:relative;z-index:2;max-width:1200px;width:100%;margin:0 auto;text-align:center}.community-hero-content{max-width:850px;margin:0 auto 50px}.community-hero-badge{display:inline-flex;align-items:center;gap:8px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:10px 20px;border-radius:50px;color:#fff;font-size:.9rem;font-weight:500;margin-bottom:24px;border:1px solid rgba(255,255,255,.2)}.community-hero-badge svg{width:16px;height:16px}.community-hero-title{font-size:3.5rem;font-weight:800;line-height:1.2;color:#fff;margin-bottom:24px;text-shadow:0 4px 20px rgba(0,0,0,.3)}.community-hero-title .community-highlight{display:block;background:linear-gradient(135deg,#a7f3d0,#6ee7b7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;padding:5px 0}.community-hero-subtitle{font-size:1.2rem;color:#ffffffe6;line-height:1.7;max-width:700px;margin:0 auto 32px}.community-hero-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.community-primary-btn,.community-secondary-btn{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.community-primary-btn{background:#fff;color:var(--primary);border:none;box-shadow:0 8px 30px #0003}.community-primary-btn:hover{transform:translateY(-3px);box-shadow:0 12px 40px #0000004d}.community-secondary-btn{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.4)}.community-secondary-btn:hover{background:#ffffff1a;border-color:#fff9}.community-hero-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1000px;margin:0 auto}.community-stats-card{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:24px;display:flex;align-items:center;gap:16px;transition:all .3s ease}.community-stats-card:hover{background:#ffffff26;transform:translateY(-5px)}.stats-card-icon{width:48px;height:48px;border-radius:12px;background:#ffffff26;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stats-card-icon svg{width:24px;height:24px;color:#a7f3d0}.stats-card-info{display:flex;flex-direction:column;text-align:left}.stats-card-number{font-size:1.4rem;font-weight:700;color:#fff}.stats-card-label{font-size:.85rem;color:#ffffffb3}.community-hero-search-container{position:relative;z-index:2;max-width:800px;width:100%;margin:50px auto 0}.community-search-box{display:flex;align-items:center;background:#fff;border-radius:16px;padding:8px 8px 8px 24px;box-shadow:0 20px 60px #0000004d;gap:12px}.community-search-icon{color:#9ca3af;flex-shrink:0}.community-search-box input{flex:1;border:none;outline:none;font-size:1rem;color:#1f2937;background:transparent}.community-search-box input::placeholder{color:#9ca3af}.community-search-btn{display:flex;align-items:center;gap:8px;background:var(--primary);color:#fff;border:none;padding:14px 28px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.community-search-btn:hover{background:var(--primary-dark)}.community-popular-tags{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:20px;flex-wrap:wrap}.tags-label{color:#fffc;font-size:.9rem}.tags-list{display:flex;gap:8px;flex-wrap:wrap}.popular-tag{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff;padding:8px 16px;border-radius:20px;font-size:.85rem;cursor:pointer;transition:all .2s ease}.popular-tag:hover{background:#ffffff40}@media(max-width:1024px){.community-hero-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.community-hero{padding:120px 20px 40px;min-height:100vh}.community-hero-title{font-size:2.2rem}.community-hero-subtitle{font-size:1rem}.community-hero-actions{flex-direction:column;align-items:center}.community-primary-btn,.community-secondary-btn{width:100%;justify-content:center;max-width:300px}.community-hero-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.community-stats-card{padding:16px;flex-direction:column;text-align:center;gap:10px}.stats-card-info{text-align:center}.stats-card-number{font-size:1.2rem}.community-search-box{flex-direction:column;padding:20px;gap:16px}.community-search-box input{width:100%;text-align:center}.community-search-btn{width:100%;justify-content:center}.community-popular-tags{flex-direction:column}}.community-category-sidebar{width:280px;flex-shrink:0}.category-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #0000000d;position:sticky;top:100px}.category-card-title{display:flex;align-items:center;gap:10px;font-size:1.1rem;font-weight:600;color:#1f2937;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.category-card-title svg{color:var(--primary)}.category-list{list-style:none;padding:0;margin:0 0 24px}.category-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;cursor:pointer;transition:all .2s ease;margin-bottom:4px}.category-item:hover{background:#f3f4f6}.category-item.active{background:#10b9811a;color:var(--primary)}.category-icon{font-size:1.2rem}.category-name{flex:1;font-size:.95rem;font-weight:500}.category-count{background:#f3f4f6;color:#6b7280;font-size:.8rem;padding:4px 10px;border-radius:20px}.category-item.active .category-count{background:var(--primary);color:#fff}.create-post-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px;background:var(--primary);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.create-post-btn:hover{background:var(--primary-dark);transform:translateY(-2px)}@media(max-width:1024px){.community-category-sidebar{width:100%}.category-card{position:static}.category-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.category-item{margin-bottom:0}}@media(max-width:640px){.category-list{grid-template-columns:1fr}}.post-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #0000000d;transition:all .3s ease;border:1px solid transparent}.post-card:hover{border-color:var(--primary);box-shadow:0 8px 30px #10b9811a}.post-card.pinned{background:linear-gradient(135deg,#10b9810d,#fff);border-color:#10b9814d}.post-pinned-badge{display:inline-flex;align-items:center;gap:6px;background:var(--primary);color:#fff;font-size:.75rem;font-weight:600;padding:4px 12px;border-radius:20px;margin-bottom:16px}.post-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.post-author{display:flex;align-items:center;gap:12px}.author-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid #e5e7eb}.author-info{display:flex;flex-direction:column}.author-name{font-weight:600;color:#1f2937;font-size:.95rem}.post-meta{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#6b7280}.meta-dot{color:#d1d5db}.post-category-tag{background:#f3f4f6;padding:2px 10px;border-radius:12px;font-size:.8rem}.post-status.hot{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706;font-size:.8rem;font-weight:600;padding:6px 12px;border-radius:20px}.post-content{margin-bottom:20px}.post-title{font-size:1.2rem;font-weight:700;color:#1f2937;margin-bottom:10px;line-height:1.4;cursor:pointer;transition:color .2s ease}.post-title:hover{color:var(--primary)}.post-excerpt{color:#6b7280;line-height:1.6;font-size:.95rem;margin-bottom:16px}.post-tags{display:flex;flex-wrap:wrap;gap:8px}.post-tag{background:#f3f4f6;color:#6b7280;padding:6px 12px;border-radius:8px;font-size:.85rem;transition:all .2s ease;cursor:pointer}.post-tag:hover{background:var(--primary);color:#fff}.post-footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid #f3f4f6}.post-stats{display:flex;gap:20px}.stat-item{display:flex;align-items:center;gap:6px;color:#6b7280;font-size:.9rem}.stat-item svg{color:#9ca3af}.read-more-btn{display:flex;align-items:center;gap:6px;background:transparent;color:var(--primary);border:none;font-size:.9rem;font-weight:600;cursor:pointer;transition:gap .2s ease}.read-more-btn:hover{gap:10px}@media(max-width:640px){.post-card{padding:20px}.post-header{flex-direction:column;gap:12px}.post-title{font-size:1.1rem}.post-footer{flex-direction:column;gap:16px;align-items:flex-start}}.community-post-feed{flex:1;min-width:0}.feed-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.feed-title{display:flex;align-items:center;gap:10px;font-size:1.3rem;font-weight:700;color:#1f2937}.feed-title svg{color:var(--primary)}.feed-filters{display:flex;gap:8px;flex-wrap:wrap}.filter-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;font-size:.9rem;color:#6b7280;cursor:pointer;transition:all .2s ease}.filter-btn:hover{border-color:var(--primary);color:var(--primary)}.filter-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.filter-btn.active svg{color:#fff}.posts-list{display:flex;flex-direction:column;gap:20px}.no-posts{text-align:center;padding:60px 40px;background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000000d}.no-posts svg{color:#d1d5db;margin-bottom:20px}.no-posts h3{font-size:1.2rem;color:#1f2937;margin-bottom:8px}.no-posts p{color:#6b7280}.load-more-container{text-align:center;margin-top:32px}.load-more-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 32px;background:#fff;border:2px solid var(--primary);color:var(--primary);border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.load-more-btn:hover{background:var(--primary);color:#fff}@media(max-width:640px){.feed-header{flex-direction:column;align-items:flex-start}.feed-filters{width:100%;justify-content:flex-start}.filter-btn{padding:8px 12px;font-size:.85rem}}.community-right-sidebar{width:300px;flex-shrink:0;display:flex;flex-direction:column;gap:24px}.sidebar-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #0000000d}.sidebar-card-title{display:flex;align-items:center;gap:10px;font-size:1rem;font-weight:600;color:#1f2937;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.sidebar-card-title svg{color:var(--primary)}.trending-list{list-style:none;padding:0;margin:0}.trending-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:all .2s ease}.trending-item:last-child{border-bottom:none}.trending-item:hover{padding-left:8px}.trending-rank{font-size:.8rem;font-weight:700;color:var(--primary);min-width:30px}.trending-info{display:flex;flex-direction:column}.trending-tag{font-weight:600;color:#1f2937;font-size:.95rem}.trending-posts{font-size:.8rem;color:#6b7280}.contributors-list{list-style:none;padding:0;margin:0}.contributor-item{display:flex;align-items:center;gap:12px;padding:10px 0}.contributor-rank{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;font-size:.75rem;font-weight:700;border-radius:50%}.contributor-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover}.contributor-info{display:flex;flex-direction:column}.contributor-name{font-weight:600;color:#1f2937;font-size:.9rem}.contributor-points{font-size:.8rem;color:var(--primary)}.cta-card{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;text-align:center}.cta-icon{width:64px;height:64px;background:#ffffff26;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.cta-title{font-size:1.1rem;font-weight:700;margin-bottom:8px}.cta-description{font-size:.9rem;opacity:.9;line-height:1.5;margin-bottom:20px}.cta-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;background:#fff;color:var(--primary);border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0003}@media(max-width:1200px){.community-right-sidebar{display:none}}:root{--primary: #10b981;--primary-dark: #059669;--primary-light: #d1fae5}.community-page{min-height:100vh;background:linear-gradient(180deg,#f8fafb,#f0f4f8)}.community-main{padding:60px 40px 80px;background:linear-gradient(180deg,#f8fafb,#f0f4f8)}.community-container{max-width:1400px;margin:0 auto;display:flex;gap:30px}@media(max-width:1200px){.community-container{flex-direction:column}}@media(max-width:768px){.community-main{padding:40px 20px 60px}.community-container{gap:24px}}*{box-sizing:border-box}.settings-page{min-height:100vh;background-color:#f8f9fa;padding-top:80px}.settings-container{display:flex;max-width:1400px;margin:0 auto}.settings-content{flex:1;padding:24px;min-height:calc(100vh - 80px)}.settings-mobile-header{display:none;position:fixed;top:80px;left:0;right:0;height:56px;background:#fff;border-bottom:1px solid #e5e5e5;padding:0 16px;align-items:center;gap:12px;z-index:100}.mobile-menu-toggle{background:none;border:none;cursor:pointer;color:#333;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center}.mobile-menu-toggle:hover{background:#f5f5f5}.mobile-title{font-size:18px;font-weight:600;color:#333;margin:0}.settings-panel{background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000a;overflow:hidden}.panel-header{padding:28px 32px;border-bottom:1px solid #e5e5e5}.panel-title{margin:0 0 8px;font-size:22px;font-weight:600;color:#333}.panel-description{margin:0;font-size:14px;color:#888}.panel-content{padding:32px}.panel-footer{display:flex;justify-content:space-between;align-items:center;padding:20px 32px;border-top:1px solid #e5e5e5;background-color:#fafafa}.footer-right{display:flex;gap:12px}.form-section{margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid #f0f0f0}.form-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-title{margin:0 0 16px;font-size:16px;font-weight:600;color:#333}.section-header .section-title{margin-bottom:0}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.textarea-field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.input-textarea{width:100%;padding:12px 14px;font-size:14px;font-family:inherit;color:#333;background-color:#fff;border:1px solid #e5e5e5;border-radius:8px;outline:none;resize:vertical;min-height:100px;transition:all .2s ease}.input-textarea:focus{border-color:#2ecc71;box-shadow:0 0 0 3px #2ecc7126}.input-textarea::placeholder{color:#999}.profile-photo-section{display:flex;align-items:center;gap:20px;margin-bottom:28px;padding-bottom:28px;border-bottom:1px solid #f0f0f0}.profile-photo{width:100px;height:100px;border-radius:50%;overflow:hidden;background:#f5f5f5;flex-shrink:0}.profile-photo img{width:100%;height:100%;object-fit:cover}.profile-photo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#bbb}.profile-photo-actions{display:flex;gap:10px}.btn-primary{padding:12px 24px;font-size:14px;font-weight:500;color:#fff;background-color:#2ecc71;border:1px solid #2ecc71;border-radius:10px;cursor:pointer;transition:all .2s ease}.btn-primary:hover:not(:disabled){background-color:#27ae60;border-color:#27ae60}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{padding:12px 24px;font-size:14px;font-weight:500;color:#333;background-color:#f5f5f5;border:1px solid #e5e5e5;border-radius:10px;cursor:pointer;transition:all .2s ease}.btn-secondary:hover:not(:disabled){background-color:#eee}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-outline{padding:12px 24px;font-size:14px;font-weight:500;color:#555;background-color:transparent;border:1px solid #e5e5e5;border-radius:10px;cursor:pointer;transition:all .2s ease}.btn-outline:hover:not(:disabled){border-color:#ccc;background-color:#fafafa}.btn-outline:disabled{opacity:.5;cursor:not-allowed}.btn-small{padding:8px 16px;font-size:13px}.btn-full{width:100%}.btn-text{padding:8px 12px;font-size:14px;font-weight:500;color:#2ecc71;background:none;border:none;cursor:pointer;transition:color .2s ease}.btn-text:hover{color:#27ae60}.btn-text-danger{padding:8px 12px;font-size:13px;font-weight:500;color:#e74c3c;background:none;border:none;cursor:pointer;transition:color .2s ease}.btn-text-danger:hover{color:#c0392b}.btn-icon{padding:8px;background:none;border:none;cursor:pointer;color:#888;border-radius:6px;transition:all .2s ease}.btn-icon:hover{background:#f5f5f5;color:#e74c3c}.security-card{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#f8f9fa;border-radius:12px;margin-bottom:16px}.security-card-info{display:flex;align-items:center;gap:16px}.security-icon{width:48px;height:48px;background:#2ecc711a;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#2ecc71}.security-card-title{margin:0 0 4px;font-size:15px;font-weight:600;color:#333}.security-card-desc{margin:0;font-size:13px;color:#888}.twofa-options{display:flex;flex-direction:column;gap:12px;padding:16px;background:#f8f9fa;border-radius:10px}.radio-option{display:flex;align-items:flex-start;gap:12px;cursor:pointer}.radio-option input[type=radio]{margin-top:4px;accent-color:#2ecc71}.radio-label{display:flex;flex-direction:column;gap:2px}.radio-label strong{font-size:14px;color:#333}.radio-label span{font-size:12px;color:#888}.session-list{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.session-item{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#f8f9fa;border-radius:10px}.session-item.active{background:#2ecc7114;border:1px solid rgba(46,204,113,.2)}.session-icon{width:40px;height:40px;background:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#666}.session-info{flex:1;display:flex;flex-direction:column;gap:2px}.session-device{font-size:14px;font-weight:500;color:#333}.session-location{font-size:12px;color:#888}.session-badge{padding:4px 10px;font-size:11px;font-weight:500;color:#2ecc71;background:#2ecc711a;border-radius:20px}.balance-card{display:flex;justify-content:space-between;align-items:center;padding:24px;background:linear-gradient(135deg,#2ecc71,#27ae60);border-radius:16px;margin-bottom:28px}.balance-info{display:flex;flex-direction:column;gap:4px}.balance-label{font-size:14px;color:#fffc}.balance-amount{font-size:32px;font-weight:700;color:#fff}.balance-actions .btn-primary{background:#fff3;border-color:#ffffff4d;color:#fff}.balance-actions .btn-primary:hover{background:#ffffff4d}.bank-account-list{display:flex;flex-direction:column;gap:12px}.bank-account-card{display:flex;align-items:center;gap:16px;padding:16px;background:#f8f9fa;border-radius:12px}.bank-logo{width:48px;height:48px;border-radius:10px;background-color:#fff;background-size:contain;background-position:center;background-repeat:no-repeat}.bank-logo.kbank{background:linear-gradient(135deg,#138f2d,#0b5e1c)}.bank-info{flex:1;display:flex;flex-direction:column;gap:2px}.bank-name{font-size:14px;font-weight:600;color:#333}.bank-number{font-size:13px;color:#666;font-family:monospace}.bank-holder{font-size:12px;color:#888}.bank-actions{display:flex;align-items:center;gap:10px}.primary-badge{padding:4px 10px;font-size:11px;font-weight:500;color:#2ecc71;background:#2ecc711a;border-radius:20px}.promptpay-card{display:flex;align-items:flex-start;gap:16px;padding:20px;background:#f8f9fa;border-radius:12px}.promptpay-icon{width:56px;height:56px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#666}.promptpay-form{flex:1}.promptpay-form .input-field{margin-bottom:0}.transaction-table-wrapper{overflow-x:auto;border-radius:10px;border:1px solid #e5e5e5}.transaction-table{width:100%;border-collapse:collapse;font-size:14px}.transaction-table th,.transaction-table td{padding:14px 16px;text-align:left}.transaction-table th{background:#f8f9fa;font-weight:600;color:#555;border-bottom:1px solid #e5e5e5}.transaction-table tr:not(:last-child) td{border-bottom:1px solid #f0f0f0}.tx-date{color:#888;white-space:nowrap}.tx-desc{color:#333}.tx-amount{font-weight:600;font-family:monospace;white-space:nowrap}.tx-amount.positive{color:#2ecc71}.tx-amount.negative{color:#e74c3c}.tx-status{padding:4px 10px;font-size:12px;font-weight:500;border-radius:20px;white-space:nowrap}.tx-status.completed{color:#2ecc71;background:#2ecc711a}.tx-status.pending{color:#f39c12;background:#f39c121a}.store-status-card{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:#f8f9fa;border-radius:12px;margin-bottom:28px}.store-status-info{display:flex;flex-direction:column;gap:6px}.store-status-label{font-size:13px;color:#888}.store-status-value{display:flex;align-items:center}.verified-badge{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:#2ecc71}.pending-badge{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:#f39c12}.unverified-badge{font-size:14px;font-weight:500;color:#888}.image-upload-row{display:flex;gap:24px}.image-upload-item{flex:1}.image-upload-item.banner{flex:2}.logo-upload-box{width:160px;height:160px;border:2px dashed #e5e5e5;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;overflow:hidden}.logo-upload-box:hover{border-color:#2ecc71;background:#2ecc7108}.banner-upload-box{width:100%;height:160px;border:2px dashed #e5e5e5;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;overflow:hidden}.banner-upload-box:hover{border-color:#2ecc71;background:#2ecc7108}.upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;color:#999}.upload-placeholder span{font-size:13px}.preview-logo,.preview-banner{width:100%;height:100%;object-fit:cover}.theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.theme-option{cursor:pointer}.theme-option input{display:none}.theme-preview{padding:12px;border:2px solid #e5e5e5;border-radius:12px;margin-bottom:10px;transition:all .2s ease}.theme-option.selected .theme-preview,.theme-option:hover .theme-preview{border-color:#2ecc71}.theme-demo{width:100%;height:80px;border-radius:8px;overflow:hidden;position:relative}.theme-demo.light{background:#f8f9fa}.theme-demo.light .demo-header,.theme-demo.light .demo-sidebar{background:#fff}.theme-demo.light .demo-content{background:#f8f9fa}.theme-demo.light .demo-line{background:#e5e5e5}.theme-demo.dark{background:#1a1a2e}.theme-demo.dark .demo-header,.theme-demo.dark .demo-sidebar{background:#16213e}.theme-demo.dark .demo-content{background:#1a1a2e}.theme-demo.dark .demo-line{background:#0f3460}.theme-demo.system{background:linear-gradient(135deg,#f8f9fa 50%,#1a1a2e 50%)}.demo-header{height:12px;border-bottom:1px solid rgba(0,0,0,.1)}.demo-sidebar{position:absolute;top:12px;left:0;width:30%;bottom:0;border-right:1px solid rgba(0,0,0,.1)}.demo-content{position:absolute;inset:20px 10px 10px 35%}.demo-line{height:6px;border-radius:3px;margin-bottom:6px}.demo-line.short{width:60%}.theme-info{display:flex;align-items:center;gap:8px;justify-content:center}.theme-icon{font-size:18px}.theme-label{font-size:14px;font-weight:500;color:#333}.language-options{display:flex;flex-direction:column;gap:10px}.language-option{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#f8f9fa;border:2px solid transparent;border-radius:10px;cursor:pointer;transition:all .2s ease}.language-option:hover{border-color:#e5e5e5}.language-option.selected{border-color:#2ecc71;background:#2ecc710d}.language-option input{display:none}.language-flag{font-size:24px}.language-label{flex:1;font-size:14px;font-weight:500;color:#333}.check-icon{color:#2ecc71}.font-size-selector{display:flex;align-items:center;gap:16px;margin-bottom:8px}.font-label{font-weight:600;color:#666}.font-label.small{font-size:12px}.font-label.large{font-size:20px}.font-slider{flex:1;height:6px;-webkit-appearance:none;appearance:none;background:#e5e5e5;border-radius:3px;outline:none}.font-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:#2ecc71;border-radius:50%;cursor:pointer;transition:transform .2s ease}.font-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.font-size-value{font-size:13px;color:#888}.accessibility-options{display:flex;flex-direction:column;gap:12px}.checkbox-option{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:#f8f9fa;border-radius:10px;cursor:pointer;transition:background .2s ease}.checkbox-option:hover{background:#f0f0f0}.checkbox-option input[type=checkbox]{margin-top:2px;accent-color:#2ecc71;width:18px;height:18px}.checkbox-label{display:flex;flex-direction:column;gap:2px}.checkbox-label strong{font-size:14px;color:#333}.checkbox-label span{font-size:12px;color:#888}.social-accounts-list{display:flex;flex-direction:column;gap:14px;margin-bottom:24px}.social-account-card{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#f8f9fa;border-radius:12px}.social-account-info{display:flex;align-items:center;gap:16px}.social-icon{width:48px;height:48px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center}.social-details{display:flex;flex-direction:column;gap:2px}.social-name{font-size:15px;font-weight:600;color:#333}.social-connected-info{font-size:13px;color:#2ecc71}.social-not-connected{font-size:13px;color:#888}.social-actions{display:flex;align-items:center;gap:12px}.connected-badge{display:flex;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:500;color:#2ecc71;background:#2ecc711a;border-radius:20px}.security-notice{display:flex;gap:14px;padding:16px 20px;background:#3498db14;border-radius:10px;border-left:4px solid #3498db}.notice-icon{color:#3498db;flex-shrink:0}.notice-content strong{display:block;margin-bottom:4px;font-size:14px;color:#333}.notice-content p{margin:0;font-size:13px;color:#666;line-height:1.5}@media(max-width:900px){.settings-mobile-header{display:flex}.settings-page{padding-top:136px}.settings-content{padding:16px}.panel-header,.panel-content{padding:20px}.panel-footer{padding:16px 20px;flex-direction:column;gap:12px}.footer-right{width:100%;justify-content:stretch}.footer-right button{flex:1}.panel-footer>.btn-outline{width:100%}.form-grid,.theme-options{grid-template-columns:1fr}.image-upload-row{flex-direction:column}.logo-upload-box{width:120px;height:120px}.balance-card{flex-direction:column;gap:16px;text-align:center}.balance-amount{font-size:28px}.store-status-card,.social-account-card{flex-direction:column;gap:16px;text-align:center}.social-account-info{flex-direction:column}.social-actions{flex-direction:column;width:100%}.social-actions .btn-secondary{width:100%}.security-card{flex-direction:column;gap:16px;text-align:center}.security-card-info{flex-direction:column}.transaction-table{font-size:13px}.transaction-table th,.transaction-table td{padding:10px 12px}.profile-photo-section{flex-direction:column;text-align:center}.profile-photo-actions{flex-direction:column;width:100%}.profile-photo-actions button{width:100%}}@media(max-width:480px){.panel-title{font-size:18px}.section-title{font-size:15px}.balance-amount{font-size:24px}}.section-description{color:#777;font-size:13px;margin-top:-8px;margin-bottom:16px}.select-field{margin-bottom:16px}.select-field label{display:block;font-size:14px;color:#333;margin-bottom:6px;font-weight:500}.input-select{width:100%;padding:12px 40px 12px 14px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;color:#333;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.input-select:focus{outline:none;border-color:#2ecc71;box-shadow:0 0 0 3px #2ecc711a}.input-select:hover{border-color:#2ecc71}.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.benefit-checkbox{display:flex;align-items:center;gap:10px;padding:12px 14px;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:10px;cursor:pointer;transition:all .2s ease}.benefit-checkbox:hover{background-color:#e8f5e9;border-color:#2ecc71}.benefit-checkbox input[type=checkbox]{display:none}.benefit-checkbox.checked{background-color:#e8f5e9;border-color:#2ecc71}.benefit-checkbox .benefit-icon{font-size:20px;flex-shrink:0}.benefit-checkbox .benefit-text{font-size:13px;color:#333;line-height:1.3}.benefit-checkbox .checkmark{margin-left:auto;width:20px;height:20px;border:2px solid #ddd;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.benefit-checkbox.checked .checkmark{background-color:#2ecc71;border-color:#2ecc71}.benefit-checkbox.checked .checkmark:after{content:"✓";color:#fff;font-size:12px;font-weight:700}@media(max-width:900px){.benefits-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.benefits-grid{grid-template-columns:1fr}.benefit-checkbox{padding:10px 12px}.benefit-checkbox .benefit-icon{font-size:18px}.benefit-checkbox .benefit-text{font-size:12px}}.settings-sidebar{width:280px;min-width:280px;background:#fff;border-right:1px solid #e5e5e5;height:calc(100vh - 80px);position:sticky;top:80px;overflow-y:auto}.sidebar-header{padding:24px;border-bottom:1px solid #e5e5e5;display:flex;justify-content:space-between;align-items:center}.sidebar-title{margin:0;font-size:20px;font-weight:600;color:#333}.sidebar-close{display:none;background:none;border:none;cursor:pointer;color:#666;padding:4px;border-radius:6px}.sidebar-close:hover{background:#f5f5f5}.sidebar-nav{padding:16px 12px;display:flex;flex-direction:column;gap:4px}.sidebar-menu-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:none;border:none;border-radius:10px;cursor:pointer;transition:all .2s ease;width:100%;text-align:left}.sidebar-menu-item:hover{background:#f5f5f5}.sidebar-menu-item.active{background:#2ecc711a;color:#2ecc71}.menu-icon{display:flex;align-items:center;justify-content:center;color:#666;transition:color .2s ease}.sidebar-menu-item:hover .menu-icon,.sidebar-menu-item.active .menu-icon{color:#2ecc71}.menu-label{font-size:14px;font-weight:500;color:#333;transition:color .2s ease}.sidebar-menu-item.active .menu-label{color:#2ecc71;font-weight:600}.sidebar-overlay{display:none}@media(max-width:900px){.settings-sidebar{position:fixed;top:0;left:-300px;width:280px;height:100vh;z-index:1100;transition:left .3s ease;box-shadow:none}.settings-sidebar.mobile-open{left:0;box-shadow:5px 0 30px #00000026}.sidebar-close{display:block}.sidebar-overlay{display:block;position:fixed;inset:0;background:#0006;z-index:1050}}.input-field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.input-label{font-size:14px;font-weight:500;color:#333}.required-star{color:#e74c3c;margin-left:4px}.input-control{width:100%;padding:12px 14px;font-size:14px;color:#333;background-color:#fff;border:1px solid #e5e5e5;border-radius:8px;outline:none;transition:all .2s ease;box-sizing:border-box}.input-control:focus{border-color:#2ecc71;box-shadow:0 0 0 3px #2ecc7126}.input-control::placeholder{color:#999}.input-control.input-error{border-color:#e74c3c}.input-control.input-error:focus{box-shadow:0 0 0 3px #e74c3c26}.input-control.input-disabled{background-color:#f5f5f5;cursor:not-allowed;color:#888}.error-text{font-size:12px;color:#e74c3c}.helper-text{font-size:12px;color:#888}.toggle-switch-container{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid #f0f0f0}.toggle-switch-container:last-child{border-bottom:none}.toggle-switch-container.disabled{opacity:.5;pointer-events:none}.toggle-info{display:flex;flex-direction:column;gap:4px}.toggle-label{font-size:14px;font-weight:500;color:#333}.toggle-description{font-size:12px;color:#888}.toggle-switch{position:relative;display:inline-block;width:48px;height:26px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#ddd;transition:.3s ease;border-radius:26px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s ease;border-radius:50%;box-shadow:0 2px 4px #00000026}.toggle-switch input:checked+.toggle-slider{background-color:#2ecc71}.toggle-switch input:checked+.toggle-slider:before{transform:translate(22px)}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 0 3px #2ecc7133}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-container{background:#fff;border-radius:12px;width:100%;max-width:420px;box-shadow:0 20px 50px #00000026;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e5e5}.modal-title{margin:0;font-size:18px;font-weight:600;color:#333}.modal-close{background:none;border:none;cursor:pointer;color:#888;padding:4px;border-radius:6px;transition:all .2s ease}.modal-close:hover{background-color:#f5f5f5;color:#333}.modal-body{padding:24px}.modal-message{margin:0;font-size:14px;color:#555;line-height:1.6}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e5e5e5;background-color:#fafafa;border-radius:0 0 12px 12px}.modal-btn{padding:10px 20px;font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s ease}.modal-btn-cancel{background:#fff;border:1px solid #e5e5e5;color:#555}.modal-btn-cancel:hover{background:#f5f5f5;border-color:#ddd}.modal-btn-confirm{background:#2ecc71;border:1px solid #2ecc71;color:#fff}.modal-btn-confirm:hover{background:#27ae60;border-color:#27ae60}.modal-btn-danger{background:#e74c3c;border-color:#e74c3c}.modal-btn-danger:hover{background:#c0392b;border-color:#c0392b}.notification{position:fixed;top:24px;right:24px;display:flex;align-items:center;gap:12px;padding:14px 18px;background:#fff;border-radius:10px;box-shadow:0 10px 30px #0000001f;z-index:3000;animation:slideInRight .3s ease;border-left:4px solid}@keyframes slideInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.notification-success{border-left-color:#2ecc71}.notification-success .notification-icon{color:#2ecc71}.notification-error{border-left-color:#e74c3c}.notification-error .notification-icon{color:#e74c3c}.notification-warning{border-left-color:#f39c12}.notification-warning .notification-icon{color:#f39c12}.notification-info{border-left-color:#3498db}.notification-info .notification-icon{color:#3498db}.notification-icon{display:flex;align-items:center;justify-content:center}.notification-message{font-size:14px;font-weight:500;color:#333}.notification-close{background:none;border:none;cursor:pointer;color:#888;padding:4px;margin-left:8px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.notification-close:hover{background-color:#f5f5f5;color:#333}@media(max-width:480px){.notification{left:16px;right:16px;top:16px}}