.ft-root{
    font-family:inherit;
    color:#cbd5e1;
    background:#0e1649;
    position:relative;
    overflow:hidden;
}
.ft-root::before{
    content:'';
    position:absolute;
    top:50%; left:10px;
    transform:translateY(-50%);
    width:480px; height:480px;
    background:url('{{ asset('Logo-Resmi-Unhas-White-Version-768x768-1.png') }}') no-repeat center/contain;
    opacity:.13;
    pointer-events:none;
    z-index:0;
}
.ft-main{padding:80px 0 64px;position:relative;z-index:1}
.ft-bottom{position:relative;z-index:1}
.ft-container{max-width:1160px;margin:0 auto;padding:0 28px}
.ft-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;align-items:start}
@media(max-width:1000px){.ft-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.ft-grid{grid-template-columns:1fr;gap:28px}}
.ft-brand-logo{display:flex;align-items:center;gap:14px;margin-bottom:24px}
.ft-brand-name{display:flex;flex-direction:column;line-height:1.3}
.ft-brand-univ{font-size:11px;color:#94a3b8;text-transform:uppercase;letter-spacing:.07em}
.ft-brand-prodi{font-size:15px;font-weight:800;color:#f1f5f9}
.ft-contact-list{display:flex;flex-direction:column;gap:12px}
.ft-contact-item{display:flex;align-items:flex-start;gap:12px;font-size:13px;line-height:1.5;color:#94a3b8}
.ft-contact-icon{width:30px;height:30px;border-radius:8px;flex-shrink:0;background:rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;color:#60a5fa;font-size:13px}
.ft-col-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#f1f5f9;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.08)}
.ft-links ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}
.ft-links a{display:flex;align-items:center;gap:10px;color:#94a3b8;text-decoration:none;font-size:13px;transition:.15s}
.ft-links a i{color:#60a5fa;font-size:14px;width:16px;text-align:center;flex-shrink:0}
.ft-links a:hover{color:#f1f5f9;padding-left:4px}
.ft-map-box{height:160px;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.1);margin-bottom:10px}
.ft-map-box iframe{display:block;filter:grayscale(30%) invert(90%) hue-rotate(180deg)}
.ft-map-link{display:inline-flex;align-items:center;font-size:11px;font-weight:600;color:#60a5fa;text-decoration:none;transition:.15s}
.ft-map-link:hover{color:#93c5fd}
.ft-bottom{border-top:1px solid rgba(255,255,255,.07);padding:16px 0;text-align:center;font-size:12px;color:#475569}
.ft-totop{position:fixed;bottom:24px;right:24px;z-index:999;width:44px;height:44px;border-radius:50%;background:#2563eb;color:#fff;border:none;display:flex;align-items:center;justify-content:center;font-size:18px;box-shadow:0 4px 16px rgba(37,99,235,.4);cursor:pointer;transition:.2s}
.ft-totop:hover{background:#1d4ed8;transform:translateY(-3px)}