html,body{margin:0;padding:0;font-family:Segoe UI,sans-serif;background:transparent;height:100%;width:100%;overflow:hidden}.hero-container{position:relative;width:100vw;height:100vh;overflow:hidden}#bg-video{position:fixed;top:0;left:0;width:100vw;height:100vh;object-fit:cover;z-index:-1}.overlay{position:relative;z-index:2;width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:2vh 2vw;box-sizing:border-box;overflow:auto}.frame{background:#0000004d;border-radius:16px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 0 20px #0006;border:1px solid rgba(255,255,255,.15);width:100%;max-width:600px;max-height:90vh;text-align:center;color:#fff;padding:4vh 4vw;margin-bottom:10vh;display:flex;flex-direction:column;justify-content:space-between;overflow-y:auto}.logo{height:auto;max-height:120px;width:80%;max-width:250px;margin:0 auto 2vh}h1{margin:1vh 0;font-size:4vh;line-height:1.2}p{font-size:2vh;margin-bottom:2vh}.login-buttons{display:flex;justify-content:center;gap:3vw;margin:3vh 0;flex-wrap:wrap}.login-image{cursor:pointer;width:35vw;max-width:200px;min-width:100px;transition:transform .3s ease}.login-image:hover{transform:scale(1.05)}.links{margin-top:2vh;display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.links a,.links button{color:#fff;background:none;border:none;text-decoration:underline;cursor:pointer;font-size:1.4vh}body.dark{background-color:#0d1117;color:#fff}.dark .links a,.dark .links button{color:#ccc}@media (max-width: 768px){h1{font-size:3.5vh}p{font-size:2vh}.login-image{width:60vw}.frame{max-height:90vh;padding:3vh 5vw}.links a,.links button{font-size:2.5vw}}@media (orientation: landscape) and (max-height: 500px){.frame{max-height:85vh;overflow-y:auto;padding:2vh 4vw}.login-image{width:30vw}h1{font-size:3vh}.links a,.links button{font-size:1.2vh}}