html{--shield-background:#252c37;--border:#5ed4ff;--skew:-45deg;--inverse-skew:45deg}body,html{background:#000;margin:0;padding:0}#futuristic-footer,#futuristic-header{position:fixed;left:0;width:100vw;z-index:1000;pointer-events:none;overflow:hidden}#futuristic-header{top:0}#futuristic-footer{bottom:0}#futuristic-footer .box,#futuristic-header .box{width:100%;height:46vh;background:var(--shield-background);transition:height 2s ease-out;transition-delay:1.5s}#futuristic-footer.ready .box,#futuristic-header.ready .box{height:3vh}#futuristic-footer .curve,#futuristic-header .curve{display:flex;width:100%;height:4vh}#futuristic-footer .left,#futuristic-footer .right,#futuristic-header .left,#futuristic-header .right{position:relative;width:50%;height:100%;background:var(--shield-background)}#futuristic-footer .center,#futuristic-header .center{width:0;height:100%;transition:width 1s ease-out}#futuristic-header.ready .center{width:100%;border-top:1.3px solid var(--border)}#futuristic-footer.ready .center{width:100%;border-bottom:1.3px solid var(--border)}#futuristic-footer .left>div,#futuristic-footer .right>div,#futuristic-header .left>div,#futuristic-header .right>div{position:absolute;width:100%;height:100%;background:var(--shield-background)}#futuristic-header.ready .left>div{transform:skew(var(--skew)) translateX(6%);border-right:1.3px solid var(--border);border-bottom:1.3px solid var(--border)}#futuristic-header.ready .right>div{transform:skew(var(--inverse-skew)) translateX(-6.8%);border-left:1.3px solid var(--border);border-bottom:1.3px solid var(--border)}#futuristic-footer.ready .left>div{transform:skew(var(--inverse-skew)) translateX(6%);border-right:1.3px solid var(--border);border-top:1.3px solid var(--border)}#futuristic-footer.ready .right>div{transform:skew(var(--skew)) translateX(-6.8%);border-left:1.3px solid var(--border);border-top:1.3px solid var(--border)}#terminal{position:relative;z-index:10;opacity:0;transform:translateY(10px);transition:opacity .6s ease,transform .6s ease}#terminal.visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){#futuristic-footer .box,#futuristic-footer .center,#futuristic-header .box,#futuristic-header .center,#terminal{transition:none}}#futuristic-footer.closing .box,#futuristic-header.closing .box{height:46vh;transition-delay:0s}#futuristic-footer.closing .center,#futuristic-header.closing .center{width:0}#terminal.closing{opacity:0}#futuristic-header.closing .left>div{border-right-color:transparent}#futuristic-header.closing .right>div{border-left-color:transparent}#futuristic-footer.closing .left>div{border-right-color:transparent}#futuristic-footer.closing .right>div{border-left-color:transparent}