.header{background:#000;padding:15px 0;color:white}.header-content{display:flex;justify-content:space-between;align-items:center}.logo a{display:block}.logo img{width:120px;height:auto}.main-nav{display:flex;align-items:center;gap:20px}.nav-link{color:#fff;text-decoration:none;font-family:Inter,sans-serif;font-size:16px;font-weight:500;padding:8px 16px;border-radius:6px;transition:all .3s ease;border:2px solid transparent;background:none;cursor:pointer}.nav-link:hover{color:#2CC3F0;border-color:#2CC3F0}.header-actions{gap:30px}.auth-links,.header-actions{display:flex;align-items:center}.auth-links{gap:20px}.auth-link{color:#fff;background-color:#2CC3F0;text-decoration:none;font-family:Inter,sans-serif;font-size:16px;font-weight:500;padding:8px 16px;border-radius:6px;transition:all .3s ease}.auth-link:hover{background:#a5dced}.user-info{color:#fff;font-family:Inter,sans-serif;font-size:14px;font-weight:500;margin-right:10px;transition:color .2s ease}.user-info.clickable:hover{color:#3498db}.logout-btn{background:#dc2626;border:1px solid #dc2626;color:#fff;display:flex;align-items:center;gap:6px;cursor:pointer;font-family:Inter,sans-serif;font-size:14px;font-weight:500;padding:8px 16px;border-radius:6px;transition:all .3s ease}.logout-btn:hover{background:#b91c1c;border-color:#b91c1c}.contact-link{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;font-size:16px;font-weight:400;transition:opacity .3s ease}.contact-link:hover{opacity:.8}.contact-link span{font-family:Inter,sans-serif}@media (max-width:1024px){.header-actions{gap:20px}.auth-links{gap:15px}}@media (max-width:768px){.header{padding:12px 0}.header-content{flex-wrap:wrap;gap:10px}.contact-link span{display:none}.logo img{width:100px}.header-actions{gap:15px}.auth-links{gap:10px}.auth-link{font-size:14px;padding:6px 12px;background-color:#2CC3F0}.user-info{font-size:12px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-btn{font-size:12px;padding:6px 10px}}@media (max-width:480px){.header{padding:10px 0}.logo img{width:80px}.auth-links{gap:8px}.auth-link{font-size:12px;padding:5px 8px;background-color:#2CC3F0}.header-actions{gap:10px}.user-info{display:none}.logout-btn{font-size:11px;padding:5px 8px;gap:4px}.logout-btn svg{width:14px;height:14px}.contact-link svg{width:18px;height:18px}}@media (max-width:360px){.logo img{width:70px}.auth-link{font-size:11px}.auth-link,.logout-btn{padding:4px 6px}}.footer{background:#165578;color:white;padding:48px 0 57px}.footer-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.footer-logo{height:40px;width:auto}.footer-right{display:flex;flex-direction:column;align-items:flex-end}.footer-links{display:flex;align-items:center;gap:20px;margin-bottom:27px}.footer-links a{color:white;text-decoration:none;font-size:16px;font-family:Inter,sans-serif;transition:opacity .3s ease}.footer-links a:hover{opacity:.8}.footer-contact{gap:6px}.footer-apps,.footer-contact{display:flex;align-items:center}.footer-apps{gap:10px;justify-content:flex-end}.donate-button{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#667eea,#764ba2);color:white;padding:10px 20px;border-radius:8px;font-size:16px;font-weight:600;font-family:Inter,sans-serif;text-decoration:none;transition:all .3s ease;height:40px}.donate-button:hover{background:linear-gradient(135deg,#5568d3,#6a3f8f);transform:scale(1.05)}.app-link img{height:40px;width:auto;transition:transform .3s ease}.app-link:hover img{transform:scale(1.05)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f2f4f8;padding-top:32px}.footer-bottom p{font-size:14px;font-weight:400;line-height:150%;font-family:Inter,sans-serif;margin:0}.social-icons{display:flex;gap:15px}.social-icons a{color:white;transition:all .3s ease;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center}.social-icons a:hover{background:rgba(255,255,255,.1);transform:translateY(-2px)}@media (max-width:1024px){.footer-links{gap:15px}.footer-links a{font-size:15px}}@media (max-width:768px){.footer{padding:30px 0 40px}.footer-top{flex-direction:column;gap:25px}.footer-logo{display:block;height:35px}.footer-right{align-items:center;width:100%}.footer-links{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:20px}.footer-links a{font-size:14px}.footer-apps{justify-content:center;flex-wrap:wrap;gap:8px}.donate-button{font-size:14px;padding:8px 16px;height:35px}.app-link img{height:35px}.footer-bottom{flex-direction:column-reverse;gap:14px;padding-top:24px}.footer-bottom p{margin:0;text-align:center}}@media (max-width:480px){.footer{padding:25px 0 35px}.footer-top{gap:20px}.footer-logo{height:30px}.footer-links{gap:10px 15px;margin-bottom:15px}.footer-links a{font-size:13px}.footer-contact{width:100%;justify-content:center}.footer-apps{gap:6px}.donate-button{font-size:13px;padding:7px 14px;height:32px}.app-link img{height:32px}.footer-bottom{gap:12px;padding-top:20px}.footer-bottom p{font-size:12px}.social-icons{gap:10px}.social-icons a{padding:6px}.social-icons a svg{width:16px;height:16px}}@media (max-width:360px){.footer{padding:20px 0 30px}.footer-links a{font-size:12px}.donate-button{font-size:12px;padding:6px 12px;height:30px}.app-link img{height:28px}.footer-bottom p{font-size:11px}}