body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);margin:0;transition:background-color .3s}.container{width:100%;max-width:400px;padding:20px;box-sizing:border-box}#password-container{background-color:rgba(255,255,255,.95);padding:30px;border-radius:15px;box-shadow:0 10px 25px rgba(0,0,0,.2);backdrop-filter:blur(10px);animation:.5s fadeIn}.logo{margin-bottom:15px;text-align:center}.logo img{max-width:150px;height:auto;display:block;margin:0 auto}h2{color:#333;margin:0 0 25px;font-weight:600;text-align:center}.input-group{display:flex;gap:10px;margin-bottom:15px}input[type=password]{flex:1;padding:12px 15px;border:2px solid #e1e1e1;border-radius:8px;font-size:16px;transition:border-color .3s;outline:0}input[type=password]:focus{border-color:#764ba2}button{padding:12px 25px;background:#764ba2;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:16px;transition:transform .2s,background .3s}button:hover{background:#8659b5;transform:translateY(-2px)}button:active{transform:translateY(0)}#error-message{color:#e74c3c;margin:10px 0 0;font-size:14px;min-height:20px}@keyframes fadeIn{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}#video-container{width:100%;max-width:90vw;max-height:85vh;margin:0 auto;border-radius:15px;overflow:hidden;box-shadow:0 10px 25px rgba(0,0,0,.2)}#protected-video{width:100%;height:100%;display:block;object-fit:contain}.container.video-mode{max-width:90vw}#protected-video::-webkit-media-controls{display:flex!important;opacity:1!important}#protected-video::-webkit-media-controls-enclosure{display:flex!important;opacity:1!important}.video-name{color:#666;text-align:center;margin:20px 0 0;font-size:14px}div#password-form{display:flex;flex-direction:column;align-items:center}