/* Dreams Business Resources footer — boxed Electric Blueprint companion to the AI Learning Lab Signal Garden route. */
:root { --dreams-teal: #00d6b2; --dreams-gold: #eba941; --dreams-ink: #03070d; --dreams-line: rgba(101, 231, 216, .15); }
.dreams-return-top { position: fixed; z-index: 35; top: 94px; right: max(18px, calc((100vw - 1180px) / 2)); display: inline-flex; align-items: center; gap: 8px; padding: 10px 13px; border: 1px solid rgba(0, 214, 178, .34); border-radius: 999px; background: rgba(3, 10, 17, .87); box-shadow: 0 10px 28px rgba(0, 0, 0, .28); color: #baf9ef; font-family: Manrope, Arial, sans-serif; font-size: 10px; font-weight: 800; letter-spacing: .4px; text-decoration: none; backdrop-filter: blur(12px); transition: transform .16s ease, border-color .16s ease, color .16s ease; }
.dreams-return-top:hover { border-color: var(--dreams-gold); color: var(--dreams-gold); transform: translateY(-2px); }
.dreams-return-top:active { transform: scale(.97); }
.dreams-footer-shell { margin: 0; padding: 26px 0 34px; background: #02050a; color: #cae4e5; font-family: Manrope, Arial, sans-serif; }
.dreams-footer { width: min(1180px, calc(100% - 48px)); margin: 0 auto; padding: 30px 34px 24px; border: 1px solid rgba(77, 208, 203, .14); background: linear-gradient(135deg, rgba(0, 214, 178, .045), transparent 38%), #03070d; box-shadow: 0 24px 52px rgba(0, 0, 0, .28); }
.dreams-footer-main { display: grid; grid-template-columns: minmax(240px, .95fr) minmax(470px, 1.35fr); gap: 32px; align-items: center; }
.dreams-brand { display: flex; align-items: center; gap: 12px; color: #f3fbfb; text-decoration: none; }
.dreams-mark { display: grid; place-items: center; flex: 0 0 auto; width: 54px; height: 54px; border: 2px solid var(--dreams-teal); border-radius: 50%; color: var(--dreams-gold); font-size: 27px; line-height: 1; box-shadow: 0 0 18px rgba(0, 214, 178, .22); }
.dreams-brand-copy strong { display: block; font-size: 17px; font-weight: 900; letter-spacing: -.35px; }
.dreams-brand-copy strong span:first-child { color: var(--dreams-teal); }.dreams-brand-copy strong span:last-child { color: #f4fbfb; }
.dreams-brand-copy small { display: block; margin-top: 3px; color: #91abae; font-size: 7px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; }
.dreams-network { display: flex; justify-content: flex-end; align-items: center; flex-wrap: wrap; gap: 14px 28px; }
.dreams-network a { color: var(--dreams-teal); font-size: 12px; font-weight: 800; text-decoration: none; transition: color .16s ease, transform .16s ease; }.dreams-network a:hover { color: var(--dreams-gold); transform: translateY(-2px); }
.dreams-network .dreams-network-gold { padding: 7px 12px; border: 1px solid rgba(235, 169, 65, .6); border-radius: 999px; color: var(--dreams-gold); }
.dreams-footer-subline { margin: 24px 0 20px; padding-bottom: 20px; border-bottom: 1px solid var(--dreams-line); color: #769094; font-size: 12px; }
.dreams-footer-bottom { display: flex; justify-content: space-between; gap: 24px; align-items: center; }.dreams-footer-bottom p { max-width: 650px; margin: 0; color: #71858a; font-size: 10px; line-height: 1.55; }.dreams-footer-bottom a { color: var(--dreams-teal); font-weight: 800; text-decoration: none; }
.dreams-return-bottom { display: inline-flex; align-items: center; gap: 8px; padding: 12px 15px; border-radius: 4px; background: linear-gradient(90deg, var(--dreams-teal), #4d9dff); color: #031319 !important; font-size: 10px; font-weight: 900; letter-spacing: .75px; box-shadow: 0 8px 26px rgba(0, 214, 178, .22); transition: transform .16s ease; }.dreams-return-bottom:hover { transform: translateY(-2px); }.dreams-return-bottom:active { transform: scale(.97); }
@media (max-width: 800px) { .dreams-return-top { top: 83px; right: 14px; padding: 8px 10px; font-size: 9px; }.dreams-footer { width: calc(100% - 28px); padding: 24px 19px 20px; }.dreams-footer-main { grid-template-columns: 1fr; gap: 22px; }.dreams-network { justify-content: flex-start; gap: 13px 18px; }.dreams-network a { font-size: 11px; }.dreams-footer-bottom { align-items: flex-start; flex-direction: column; }.dreams-footer-bottom p { font-size: 9px; } }
