*{box-sizing:border-box}body{margin:0;background:#000;color:#f5f5f5;font-family:Arial,Helvetica,sans-serif;font-size:14px}.page{min-height:calc(100vh - 55px);display:flex;justify-content:center;align-items:center;gap:70px;padding:35px 20px}.visual{width:470px;height:600px;position:relative;display:flex;align-items:center;justify-content:center}.phone{width:270px;height:540px;border:8px solid #202020;border-radius:34px;background:#111;overflow:hidden;box-shadow:0 0 0 1px #333;transform:rotate(-4deg)}.phone-top{height:35px;border-bottom:1px solid #292929}.story-row{display:flex;gap:12px;padding:18px}.story-row i{width:43px;height:43px;border-radius:50%;border:2px solid #777}.post{margin:0 15px 20px;border:1px solid #292929;border-radius:8px;overflow:hidden}.post-head{height:42px;display:flex;align-items:center;gap:9px;padding:8px}.post-head span{width:25px;height:25px;border-radius:50%;background:#ddd}.post-head b{width:60px;height:7px;background:#444;border-radius:8px}.post-photo{height:180px;background:linear-gradient(135deg,#444,#161616 55%,#666)}.post-lines{height:45px}.post.small .post-photo{height:130px}.visual-copy{position:absolute;left:0;bottom:0;display:flex;flex-direction:column;gap:5px;color:#999}.visual-copy strong{font-size:24px;color:#fff}.auth{width:350px}.card,.signup{border:1px solid #262626;background:#000}.card{padding:42px 40px 28px;text-align:center}.logo{font-family:Georgia,serif;font-style:italic;font-size:42px;font-weight:bold;margin-bottom:35px;letter-spacing:-2px}.auth input,.signup-card input{width:100%;height:42px;margin-bottom:7px;background:#171717;border:1px solid #333;border-radius:4px;color:#fff;padding:0 11px;outline:none}.login{width:100%;height:36px;margin-top:10px;border:0;border-radius:7px;background:#fff;color:#000;font-weight:bold;cursor:pointer}.or{display:flex;align-items:center;gap:15px;color:#777;font-size:12px;margin:24px 0}.or span{height:1px;background:#292929;flex:1}.google,.forgot{background:none;border:0;color:#ddd;cursor:pointer}.google{font-weight:bold;font-size:14px}.forgot{display:block;margin:25px auto 0;font-size:12px}.signup{margin-top:10px;padding:22px;text-align:center}.signup a{color:#fff;text-decoration:none;font-weight:bold}.get{text-align:center;color:#bbb}.badges{display:flex;justify-content:center;gap:8px}.badges span{border:1px solid #555;border-radius:6px;padding:8px 12px;font-size:11px}.message{display:none;color:#ff8e8e;font-size:13px;margin-top:15px}.terms{color:#777;font-size:11px;line-height:17px}.signup-page{width:350px;margin:8vh auto}.signup-card{text-align:center;padding:40px}.signup-card h2{font-size:15px;color:#aaa;font-weight:normal;line-height:20px;margin:-20px 10px 25px}.top{height:65px;border-bottom:1px solid #222;display:flex;align-items:center;justify-content:space-between;padding:0 30px}.top button{background:#fff;border:0;border-radius:6px;padding:9px 14px}.home{min-height:calc(100vh - 65px);display:grid;place-items:center}.home-card{text-align:center;border:1px solid #282828;padding:55px 90px}.avatar{width:80px;height:80px;background:#fff;color:#000;border-radius:50%;display:grid;place-items:center;margin:auto;font-size:30px;font-weight:bold}@media(max-width:800px){.page{gap:0}.visual{display:none}.auth{width:350px}}footer{text-align:center;color:#666;font-size:11px;padding:20px}@media(max-width:390px){.auth,.signup-page{width:100%}.card,.signup-card{border-left:0;border-right:0}.page{padding:20px 0}}