.video-portal-container{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;background:#000;z-index:9999}.video-background{position:absolute;top:0;left:50%;transform:translate(-50%);min-width:100%;min-height:100%;width:auto;height:auto;object-fit:cover;object-position:center 20%;opacity:1;transition:opacity 1.5s ease;z-index:1}@media (max-width: 768px){.video-background{top:0;min-height:100%;object-position:center 20%}}@media (max-width: 896px) and (orientation: landscape){.video-background{width:100vw;height:auto;min-height:100vh;object-position:center 25%}}.video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,#0003,#0009);z-index:2}.loading-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:1.25rem;z-index:10}.loading-spinner{width:60px;height:60px;border:4px solid rgba(139,92,246,.2);border-top-color:#8b5cf6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:#8b5cf6;font-size:1.1rem;letter-spacing:.08em;font-weight:600;margin:0}.loading-username{color:#c084fc;font-size:1.5rem;font-weight:700;letter-spacing:.05em;margin:0;animation:pulse-text 1.5s ease infinite}@keyframes pulse-text{0%,to{opacity:.7}50%{opacity:1}}.portal-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:5;animation:fadeIn 1s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.portal-logo{display:flex;flex-direction:column;align-items:center;gap:2.5rem;cursor:pointer;transition:transform .3s ease}.portal-logo:hover{transform:scale(1.05)}.portal-logo:active{transform:scale(.98)}.logo-container{position:relative;animation:float 4s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.logo-image{width:200px;height:auto;filter:drop-shadow(0 0 40px rgba(139,92,246,.6)) drop-shadow(0 0 80px rgba(139,92,246,.3));animation:pulse-logo 3s ease-in-out infinite}@keyframes pulse-logo{0%,to{filter:drop-shadow(0 0 40px rgba(139,92,246,.6)) drop-shadow(0 0 80px rgba(139,92,246,.3))}50%{filter:drop-shadow(0 0 60px rgba(139,92,246,.8)) drop-shadow(0 0 120px rgba(139,92,246,.5))}}@media (max-width: 768px){.logo-image{width:150px}}@media (max-width: 480px){.logo-image{width:120px}}.enter-text{font-size:1.5rem;font-weight:600;color:#fff;letter-spacing:.1em;text-shadow:0 0 20px rgba(139,92,246,.8),0 0 40px rgba(139,92,246,.4);animation:breathe-text 3s ease-in-out infinite}@keyframes breathe-text{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@media (max-width: 768px){.enter-text{font-size:1.25rem}}@media (max-width: 480px){.enter-text{font-size:1.1rem}}.portal-footer{position:absolute;bottom:3rem;left:50%;transform:translate(-50%);font-size:1rem;font-weight:700;letter-spacing:.3em;color:#fff9;text-transform:uppercase;animation:fadeInFooter 1s ease .5s both}@keyframes fadeInFooter{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media (max-width: 768px){.portal-footer{bottom:2rem;font-size:.9rem}}@media (max-width: 480px){.portal-footer{font-size:.8rem;letter-spacing:.2em}}.transition-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;background:radial-gradient(circle at center,#8b5cf64d,#000);animation:portalExpand 1.5s ease forwards}@keyframes portalExpand{0%{opacity:0;transform:scale(0);border-radius:50%}50%{opacity:1;transform:scale(1.5);border-radius:30%}to{opacity:1;transform:scale(3);border-radius:0%}}@media (prefers-reduced-motion: reduce){.logo-container,.enter-text,.logo-image,.transition-overlay,.loading-username{animation:none!important}.portal-logo:hover{transform:none}}@media (hover: none) and (pointer: coarse){.portal-logo{-webkit-tap-highlight-color:transparent}.portal-logo:active{transform:scale(.95)}}@media (max-height: 500px) and (orientation: landscape){.logo-image{width:100px}.enter-text{font-size:1rem}.portal-footer{bottom:1rem;font-size:.75rem}.loading-text{font-size:.9rem}.loading-username{font-size:1.2rem}}