*{margin:0;padding:0;box-sizing:border-box;font-family:sans-serif}.app{display:flex;height:100vh;background:#000}.left{width:50%;color:#fff;padding:60px;position:relative}.logo{font-size:40px;margin-bottom:40px}.left h1{font-size:36px;line-height:1.4}.left span{background:linear-gradient(90deg,orange,pink);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.cards{position:relative;margin-top:50px}.card{position:absolute;border-radius:20px}.c1{left:0;transform:rotate(-10deg)}.c2{left:80px;top:20px}.c3{left:160px;transform:rotate(10deg)}.right{width:50%;background:#121212;display:flex;justify-content:center;align-items:center}.form{width:350px}.form h3{color:#fff;margin-bottom:20px}.form input{width:100%;padding:14px;margin-bottom:12px;border-radius:10px;border:1px solid #333;background:#1e1e1e;color:#fff}.login{width:100%;padding:14px;background:#1877f2;border:none;border-radius:25px;color:#fff;margin-top:10px;cursor:pointer;text-decoration:none}.logins{text-decoration:none;color:#fff}.forgot{color:#aaa;text-align:center;margin:15px 0;font-size:14px}.facebook{width:100%;padding:12px;border-radius:25px;background:transparent;border:1px solid #444;color:#fff;margin-bottom:10px;cursor:pointer}.signup{width:100%;padding:12px;border-radius:25px;background:transparent;border:1px solid #1877f2;color:#1877f2;cursor:pointer}.meta{text-align:center;color:#777;margin-top:20px;font-size:12px}.profile{width:628px;max-width:400px;margin:auto;font-family:Poppins,sans-serif}.top-bar{display:flex;justify-content:space-between;align-items:center;padding:10px}.profile-info{display:flex;align-items:center;gap:20px;padding:15px}.avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(45deg,#feda75,#d62976,#962fbf);padding:3px}.avatar:after{content:"";display:block;width:100%;height:100%;background:#ddd;border-radius:50%}.stats{display:flex;gap:20px}.stats h4{margin:0}.stats p{margin:0;font-size:12px;color:gray}.bio{padding:0 15px}.bio a{color:#3897f0;text-decoration:none}.menu{font-size:23px}.bell{position:relative;font-size:25px;left:60px}.buttons{display:flex;gap:5px;padding:15px}.buttons{flex:1;padding:8px;border-radius:8px;cursor:pointer}.follow{width:116px;height:32px;background:#3597f0;border:none;color:#fff;border-radius:12px}.message,.contact{width:116px;height:32px;border:none;border-radius:12px}.user-plus{display:flex;align-items:center;justify-content:center;width:40px;height:35px;background:#efefef;border-radius:12px}.users{font-size:24px}.back{font-size:23px}.box{display:flex;flex-direction:column;width:80px;height:80px;border-radius:50%;border:2px solid #ccc;padding:3px}.design{font-family:Poppins,sans-serif;margin-top:10px;font-size:15px}.container{display:flex;align-items:center;justify-content:center;gap:15px}.top-icons{position:relative;display:flex;justify-content:space-around;padding:10px 0;border-bottom:1px solid #ddd;margin-top:30px;gap:30px;left:20px}.top-icons svg{font-size:24px;color:#999;cursor:pointer}.top-icons .active{color:#000}.galareya{display:flex;gap:5px}.galareya img{width:100%;max-width:300px}.footer{display:flex;align-items:center;justify-content:center;gap:60px;width:433px;height:70px;box-shadow:#0e3f7e0a 0 0 0 1px,#2a33450a 0 1px 1px -.5px,#2a33460a 0 3px 3px -1.5px,#2a33460a 0 6px 6px -3px,#0e3f7e0a 0 12px 12px -6px,#0e3f7e0a 0 24px 24px -12px}.footer-icons{display:flex;align-items:center;justify-content:center;gap:60px;font-size:30px}.profile-image{width:30px;height:30px}*{margin:0;padding:0;box-sizing:border-box}.header{position:relative;display:flex;flex-direction:column;justify-content:center;margin-left:540px;margin-top:10px}.container-stories-two{position:absolute;top:20px;left:20px;display:flex;align-items:center;gap:10px;z-index:1}.container h3{background:transparent}.footers{width:428px;height:80px;background:#000}.stories-image{width:428px;height:760px}.footers{display:flex;align-items:center}.envia{width:309px;height:44px;border-radius:40px;border:1px solid #9A9A9A;background:transparent;padding:0 16px;color:#fff;font-size:14px;outline:none;margin-left:10px;margin-top:5px}.fa-heart{color:#fff;font-size:25px}.fa-solid{color:#fff;font-size:20px}.like-send{display:flex;align-items:center;justify-content:center;gap:5px;margin-left:30px}