body{margin:0;font-family:Arial;background:#f1f5f9;}
.container{max-width:420px;margin:auto;background:white;min-height:100vh;}
.header{background:linear-gradient(135deg,#4facfe,#00f2fe);color:white;padding:15px;text-align:center;}
.content{padding:15px;}
.video-container{height:160px;border-radius:12px;overflow:hidden;margin-bottom:15px;}
.video-container video{width:100%;height:100%;object-fit:cover;}
.apps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.app{text-align:center;text-decoration:none;color:black;font-size:12px;}
.icon{width:65px;height:65px;background:white;border-radius:15px;margin:auto;display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 3px 8px rgba(0,0,0,0.15);}
.file{background:white;padding:12px;margin-bottom:8px;border-radius:10px;display:flex;justify-content:space-between;}
.search{width:100%;padding:12px;margin-bottom:10px;border:none;border-radius:10px;background:#eef2f7;}
.preview img,.preview iframe{width:100%;border-radius:10px;margin-top:10px;}
.login-body{display:flex;justify-content:center;align-items:center;height:100vh;}
.login-box{background:white;padding:20px;border-radius:10px;width:250px;}
.login-box input{width:100%;padding:10px;margin:5px 0;}
.login-box button{width:100%;padding:10px;background:blue;color:white;border:none;}
.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);max-width:420px;width:100%;background:white;display:flex;justify-content:space-around;padding:10px;box-shadow:0 -2px 10px rgba(0,0,0,0.1);}