.callback-container,.login-container{align-items:center;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.callback-container:before,.login-container:before{background-image:url(/oceanica_background.jpeg);background-position:50%;background-repeat:no-repeat;background-size:cover;bottom:0;content:"";filter:blur(6px);left:0;position:absolute;right:0;top:0;transform:scale(1.1);z-index:1}.callback-container:after,.login-container:after{background:rgba(0,0,0,.3);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:2}.callback-container .login-box,.login-container .login-box{position:relative;z-index:3}.login-box{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.95);border:1px solid hsla(0,0%,100%,.2);border-radius:20px;box-shadow:0 20px 40px rgba(0,0,0,.1);max-width:420px;padding:3rem;position:relative;text-align:center;width:90%;z-index:2}.logo-section{margin-bottom:2rem}.logo{color:#17934d;font-size:2.5rem;font-weight:700;letter-spacing:1px;margin:0 0 1rem}.logo-divider{background:linear-gradient(90deg,#f6ad55,#ed8936);border-radius:2px;height:3px;margin:0 auto;width:60px}.welcome-section h2{color:#2d3748;font-size:1.8rem;font-weight:600;margin-bottom:.5rem}.welcome-section p{color:#4a5568;line-height:1.5;margin-bottom:.5rem}.security-note{color:#718096!important;font-size:.9rem;font-style:italic;margin-top:1rem}.login-button{border:none;border-radius:10px;box-shadow:0 4px 15px rgba(44,82,130,.3);color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;letter-spacing:.5px;margin-top:2rem;padding:15px 30px;transition:all .3s ease;width:100%}.login-button,.login-button:hover{background:linear-gradient(135deg,#019f46,#019f46)}.login-button:hover{box-shadow:0 6px 20px rgba(44,82,130,.4);transform:translateY(-2px)}.login-button:active{transform:translateY(0)}@media(max-width:480px){.login-box{margin:1rem;padding:2rem}.logo{font-size:2rem}.welcome-section h2{font-size:1.5rem}}#__nuxt,.nuxt{overflow:hidden}.app-container{display:flex;flex-direction:column;height:100vh}.app-header{background:#2c3e50;box-shadow:0 2px 4px rgba(0,0,0,.1);color:#fff;padding:0 1rem}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:1rem 0}.header-content h1{font-size:1.5rem;margin:0}.logout-button{background:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px}.logout-button:hover{background:#c0392b}.app-main{flex:1;position:relative}.blog-iframe{border:none;height:100%;width:100%}.login-content{align-items:center;display:flex;justify-content:center;padding:2rem;position:relative;width:100%;z-index:2}.loading-content{padding:1rem 0}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#2c5282;height:50px;margin:0 auto 1.5rem;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-content{padding:1rem 0}.error-icon{font-size:3rem;margin-bottom:1rem}.error-content h2{color:#e53e3e;margin-bottom:1rem}.error-content p{color:#718096;margin-bottom:2rem}#__layout,#__nuxt,body,html{height:100%!important;margin:0!important;overflow:hidden!important;padding:0!important;width:100%!important}