.app-footer{margin-top:auto;position:relative;background:linear-gradient(180deg,transparent,rgba(0,0,0,.4))}.app-footer:before{content:"";position:absolute;top:0;left:5%;right:5%;height:1px;background:linear-gradient(90deg,transparent,var(--accent-cyan),var(--accent-emerald),transparent);opacity:.3}.footer-inner{max-width:1100px;margin:0 auto;padding:3.5rem 1.5rem 1.5rem}.footer-top{display:grid;grid-template-columns:1.1fr 2fr;gap:3rem;align-items:start}.footer-brand{display:flex;flex-direction:column;gap:1rem}.footer-logo{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;transition:opacity var(--transition-fast)}.footer-logo:hover{opacity:.85}.footer-logo-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);background:var(--gradient-main);font-size:.7rem;color:white;flex-shrink:0}.footer-logo-text{font-size:1.15rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.footer-tagline{color:var(--text-muted);font-size:.8rem;line-height:1.6;max-width:260px}.footer-social{gap:.5rem;margin-top:.25rem}.footer-social,.social-icon{display:flex;align-items:center}.social-icon{justify-content:center;width:34px;height:34px;border-radius:var(--radius-sm);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);color:var(--text-muted);transition:all var(--transition-normal)}.social-icon:hover{background:rgba(255,255,255,.1);color:var(--accent-cyan);border-color:rgba(37,244,238,.2);transform:translateY(-2px);box-shadow:0 4px 16px rgba(37,244,238,.12)}.footer-nav-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.footer-col-title{color:var(--text-primary);font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.9rem;position:relative}.footer-col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.55rem}.footer-col ul li a{color:var(--text-muted);font-size:.8rem;text-decoration:none;transition:all var(--transition-fast);display:inline-block}.footer-col ul li a:hover{color:var(--text-primary);transform:translateX(3px)}.footer-divider{height:1px;background:linear-gradient(90deg,transparent,var(--border-subtle),transparent);margin:2.5rem 0 1.25rem}.footer-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.footer-copyright{color:var(--text-muted);font-size:.72rem;opacity:.7}.footer-disclaimer{color:var(--text-muted);font-size:.68rem;opacity:.5;max-width:480px;text-align:right}@media (max-width:768px){.footer-inner{padding:2.5rem 1.25rem 1.25rem}.footer-top{grid-template-columns:1fr;gap:2rem}.footer-brand{align-items:center;text-align:center}.footer-tagline{max-width:300px}.footer-social{justify-content:center}.footer-nav-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem}.footer-col-title{font-size:.72rem}.footer-col ul li a{font-size:.75rem}.footer-bottom{flex-direction:column;text-align:center}.footer-disclaimer{max-width:100%;text-align:center}}@media (max-width:480px){.footer-nav-grid{grid-template-columns:1fr 1fr;gap:1.5rem}.footer-col:last-child{grid-column:1/-1}}.app-header{justify-content:space-between;padding:.75rem 1.25rem;border-radius:var(--radius-lg);flex-wrap:wrap;overflow:visible;position:relative;z-index:10}.app-header,.header-logo{display:flex;align-items:center;gap:.75rem}.logo-icon-wrapper{background:var(--gradient-main);width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:white;box-shadow:var(--shadow-glow)}.logo-title{font-size:1.25rem;margin:0;display:inline-block;font-weight:800}.logo-subtitle{color:var(--text-muted);font-size:.75rem;margin-top:.1rem}.header-right{display:flex;align-items:center;gap:.75rem}.platform-icons{display:flex;gap:.5rem}.platform-icon-box{width:32px;height:32px;border-radius:var(--radius-full);background:rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);border:1px solid var(--border-subtle);transition:all var(--transition-fast)}.platform-icon-box:hover{background:rgba(255,255,255,.1);color:var(--text-primary);transform:translateY(-2px);border-color:rgba(255,255,255,.2)}@media (max-width:600px){.app-header{flex-direction:row;padding:.75rem 1rem}.logo-title{font-size:1.1rem}.logo-subtitle{display:none}}