.App{flex-direction:column;height:100vh;display:flex}.footer{color:#fff;background:#020617;border-top:1px solid #1e293b;padding:80px 80px 30px}.footer-container{flex-wrap:wrap;justify-content:space-between;gap:80px;margin-bottom:60px;display:flex}.footer-brand{max-width:420px}.footer-logo{margin-bottom:20px;font-size:32px}.footer-description{color:#94a3b8;font-size:16px;line-height:1.8}.footer-links{flex-wrap:wrap;gap:80px;display:flex}.footer-link-group{flex-direction:column;gap:14px;display:flex}.footer-link-group h3{color:#60a5fa;margin-bottom:10px;font-size:18px}.footer-link-group a{color:#94a3b8;text-decoration:none;transition:all .3s}.footer-link-group a:hover{color:#fff}.footer-bottom{text-align:center;border-top:1px solid #1e293b;padding-top:24px}.footer-bottom p{color:#64748b;font-size:14px}@media (width<=768px){.footer{padding:60px 24px 24px}.footer-container{flex-direction:column;gap:48px}.footer-links{gap:48px}.footer-logo{font-size:26px}}.NavBar{justify-content:space-between;align-items:center;display:flex}.menus ul{justify-content:space-between;gap:2rem;list-style:none;display:flex}.menus ul li{font-size:18px;font-weight:600}.nav_btn button{color:#fff;cursor:pointer;background-color:#007bff;border:none;border-radius:4px;padding:.5rem 1rem;font-size:16px;font-weight:600}.bread_btn{display:none}@media (width<=768px){.menus,.resume_btn{display:none}.bread_btn{display:block}}@media (width<=768px){.mytools-section{padding:80px 24px}.mytools-header h1{font-size:42px}.category-title{font-size:26px}}.hero-section{color:#fff;background-color:#0f172a;align-items:center;min-height:100vh;padding:0 80px;display:flex}.hero-content{justify-content:row;flex-direction:column;width:100%;display:flex}.hero-badge{color:#94a3b8;align-items:center;gap:12px;margin-bottom:24px;font-size:16px;display:flex}.hero-icon{font-size:20px}.hero-title{text-align:center;margin-bottom:24px;font-size:72px;font-weight:700;line-height:1.1}.highlight{color:#60a5fa}.hero-description{color:#94a3b8;max-width:700px;margin-bottom:48px;font-size:20px;line-height:1.7}.hero-carousel-wrapper{align-items:center;gap:16px;display:flex}.hero-carousel-label{color:#64748b;font-size:32px;font-weight:600}.hero-carousel{height:60px;overflow:hidden}.carousel-text{color:#60a5fa;margin:0;font-size:40px;font-weight:700}@media (width<=768px){.hero-section{padding:0 24px}.hero-title{font-size:42px}.hero-description{font-size:18px}.hero-carousel-label{font-size:24px}.carousel-text{font-size:28px}}.mytools-section{color:#fff;background:#020617;min-height:100vh;padding:100px 80px}.mytools-header{margin-bottom:80px}.mytools-header h1{margin-bottom:16px;font-size:64px}.mytools-header p{color:#94a3b8;max-width:700px;font-size:18px;line-height:1.8}.tool-category{margin-bottom:80px}.category-title{color:#60a5fa;margin-bottom:32px;font-size:32px}.tool-card{background:#0f172a;border:1px solid #1e293b;border-radius:20px;height:100%;padding:24px;transition:all .3s}.tool-card:hover{border-color:#60a5fa;transform:translateY(-6px)}.tool-icon{object-fit:contain;width:60px;height:60px;margin-bottom:20px}.tool-name{margin-bottom:12px;font-size:22px}.tool-description{color:#94a3b8;line-height:1.6}@media (width<=768px){.mytools-section{padding:80px 24px}.mytools-header h1{font-size:42px}.category-title{font-size:26px}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}