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