.login-screen{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);z-index:9999}.login-background{position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.3}.login-container{position:relative;z-index:1;width:100%;max-width:450px;padding:20px}.login-card{background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:40px;box-shadow:0 20px 60px #0000004d}.bp5-dark .login-card{background:#1e1e1efa}.login-header{text-align:center;margin-bottom:30px}.login-header h1{margin:16px 0 8px;font-size:28px;font-weight:600;color:#2c3e50}.bp5-dark .login-header h1{color:#ecf0f1}.login-header p{margin:0;font-size:14px}.login-main,.login-actions{margin-top:24px}.login-links{display:flex;justify-content:space-between;margin-top:12px}.oauth-buttons{display:flex;flex-direction:column;gap:12px;margin-top:20px}.login-footer{text-align:center;margin-top:24px}.login-footer a{color:#fffc;text-decoration:none;margin:0 8px}.login-footer a:hover{color:#fff;text-decoration:underline}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-card{animation:fadeIn .5s ease-out}@media (max-width: 480px){.login-container{padding:10px}.login-card{padding:24px}.login-header h1{font-size:24px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;color:#fff;overflow:hidden}#root{width:100vw;height:100vh}canvas{display:block;touch-action:none;-webkit-user-select:none;user-select:none}.loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:18px;color:#0f0;text-shadow:0 0 10px #00ff00;font-family:Courier New,monospace;letter-spacing:2px}.text-overlay{position:absolute;bottom:100px;left:50%;transform:translate(-50%);font-size:24px;color:#fff;text-align:center;text-shadow:0 2px 10px rgba(0,0,0,.8);pointer-events:none;animation:fadeIn 1s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.action-buttons{position:absolute;bottom:50px;left:50%;transform:translate(-50%);display:flex;gap:20px;animation:fadeIn 1s ease-in-out .5s both}.action-buttons button{padding:15px 30px;font-size:16px;font-weight:600;color:#0f0;background:#000c;border:2px solid #00ff00;border-radius:4px;cursor:pointer;transition:all .3s ease;font-family:Courier New,monospace;letter-spacing:1px}.action-buttons button:hover{background:#00ff001a;box-shadow:0 0 20px #00ff0080;transform:scale(1.05)}.action-buttons button:active{transform:scale(.95)}.skip-button{position:absolute;top:20px;right:20px;padding:10px 20px;font-size:14px;color:#666;background:transparent;border:1px solid #666;border-radius:4px;cursor:pointer;transition:all .3s ease;font-family:Courier New,monospace}.skip-button:hover{color:#0f0;border-color:#0f0}