*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}:root{--gray-900: #232323;--gray-600: #495057;--gray-500: #555555;--gray-400: #6c757d;--gray-100: #e9ecef;--gray-200: #dddddd;--blue-700: #3f37c9;--orange-500: #ff6b6b;--orange-600: #ef5350;--orange-700: #e74c3c;--yellow-100: #ffecb3;--yellow-700: #f39c12;--green-500: #66bb6a;--green-600: #2ecc71;--green-50: #c8e6c9;--red-500: #ff3627;--error-color: #f72585;--white: #ffffff;--shadow-light: rgba(0, 0, 0, .1);--shadow-dark: rgba(0, 0, 0, .25);--box-shadow: 0 4px 12px rgba(0, 0, 0, .15);--border-radius: 12px;--transition: all .3s ease}.header{height:70px;background-color:var(--gray-900);font-weight:700;display:flex;align-items:center;justify-content:space-between;padding:0 50px}.header .logo-container{display:flex;align-items:center;text-decoration:none}.header .tools-icon{width:20px;height:20px;color:var(--white)}.header .logo{color:var(--white);margin-left:7px;font-size:20px;-webkit-user-select:none;user-select:none}.header .logo span{color:var(--red-500)}.toggle-menu-button{position:absolute;top:17px;right:30px;border:none;outline:none;cursor:pointer;display:none;flex-direction:column;justify-content:space-between;width:30px;height:22px;background-color:transparent;z-index:1}.toggle-menu-button .line{display:block;width:28px;height:3.4px;background:var(--white);border-radius:2px;transform-origin:4px 0px;transition:transform .5s cubic-bezier(.77,.2,.05,1),background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease}.toggle-menu-button .line-top-checked{transform:rotate(45deg) translate(-2px,-1px);transform-origin:0% 0%;background:var(--gray-900)}.toggle-menu-button .line-middle-checked{opacity:0;transform:rotate(0) scale(.2)}.toggle-menu-button .line-bottom-checked{transform:rotate(-45deg) translateY(-1px);transform-origin:0% 100%;background:var(--gray-900)}.toggle-theme-button{width:43px;height:18px;background:var(--white);border-radius:50px;display:flex;align-items:center;cursor:pointer;padding:0 5px}.toggle-theme-button .box{width:13px;height:13px;border-radius:50%;background:var(--gray-900);transition:var(--transition);transform:translate(0)}.toggle-theme-button-checked .box{transform:translate(20px)}.footer{background-color:var(--gray-900);color:var(--white);padding:3rem 3rem 1.5rem;margin-top:4rem;border-top:4px solid;border-image:linear-gradient(to right,var(--gray-900),var(--red-500)) 1}.footer-container{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:1200px;margin:0 auto;gap:2rem}.footer-branding{flex:1;min-width:280px}.footer-logo{display:flex;align-items:center;margin-bottom:1rem}.footer-logo .tools-icon{width:28px;height:28px;margin-right:.5rem}.footer-title{font-size:1.5rem;font-weight:700}.footer-title span{color:var(--red-500)}.footer-tagline{margin-bottom:1.5rem;font-size:.9rem;opacity:.8}.footer-links{display:flex;flex-wrap:wrap;gap:3rem}.footer-links-column{min-width:160px}.footer-links-column h4{font-size:1.1rem;margin-bottom:1rem;margin-left:10px;position:relative;padding-bottom:8px}.footer-links-column h4:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:3px;background:var(--red-500);border-radius:2px}.footer-links-column ul{list-style:none;padding:0;margin:0}.footer-links-column li{margin-bottom:.7rem;transition:transform .2s ease}.footer-links-column li:hover{transform:translate(3px)}.footer-links-column a{display:flex;align-items:center;color:inherit;text-decoration:none;transition:color .2s ease;font-size:.9rem;opacity:.85}.footer-links-column a .arrow{display:inline-block;margin-right:5px;font-size:1.2rem;line-height:0;opacity:0;transform:translate(-8px);transition:opacity .2s ease,transform .2s ease}.footer-links-column a:hover{color:var(--orange-500);opacity:1}.footer-links-column a:hover .arrow{opacity:1;transform:translate(0)}.footer-bottom{margin-top:3rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1);text-align:center}.copyright{font-size:.9rem;opacity:.8}.copyright a{color:var(--white);text-decoration:none}.heart{color:var(--red-500);font-size:1.1rem;animation:heartbeat 1.5s infinite;display:inline-block;position:relative;top:2px}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@media (max-width: 768px){.footer-container{flex-direction:column}.footer-links{width:100%;justify-content:space-between}}@media (max-width: 480px){.footer-links{flex-direction:column;gap:1.5rem}}