*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0;padding:0}body{color:#0f0f0f;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow-x:hidden}button,input{font-family:inherit}button{cursor:pointer}.page{flex-direction:column;min-height:100vh;display:flex}.main{flex:1;grid-template-columns:56% 44%;min-height:820px;display:grid}.hero{border-right:1px solid #ddd;justify-content:center;align-items:center;padding:80px 90px;display:flex;position:relative}.hero-content{text-align:center;width:100%;max-width:720px;position:relative}.desktop-logo{width:70px;height:70px;position:absolute;top:-55px;left:0}.desktop-logo img{object-fit:contain;width:100%;height:100%}.hero h1{max-width:680px;margin:50px auto 0;font-size:40px;font-weight:400;line-height:1.22}.hero h1 span{background:linear-gradient(90deg,#ff6243,#f00086);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:43px;display:block}.phone-stack{width:570px;height:420px;margin:65px auto 0;position:relative}.phone{background:#ddd;border:7px solid #fff;border-radius:28px;width:235px;height:390px;position:absolute;overflow:hidden;box-shadow:0 18px 35px #0000002e}.phone img{object-fit:cover;width:100%;height:100%;display:block}.phone-one{z-index:1;top:65px;left:20px;transform:rotate(-5deg)}.phone-two{z-index:3;top:0;left:168px}.phone-three{z-index:2;top:65px;right:20px;transform:rotate(5deg)}.story-line{background:#ffffffd9;border-radius:10px;height:4px;position:absolute;top:14px;left:14px;right:14px}.bottom-heart{color:#fff;font-size:35px;position:absolute;bottom:12px;right:18px}.reaction{z-index:10;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;box-shadow:0 8px 20px #0003}.heart{color:#fff;background:linear-gradient(135deg,#ff3040,#ff0084);width:60px;height:60px;font-size:31px;bottom:90px;left:-5px}.star{color:#fff;background:#20c766;width:58px;height:58px;font-size:25px;top:110px;right:-8px}.emoji{background:#fff;border-radius:22px;width:58px;height:42px;font-size:23px;top:20px;left:72px}.login-section{justify-content:center;align-items:center;padding:70px 50px;display:flex}.mobile-logo{display:none}.login-box{width:100%;max-width:610px}.login-box h2{letter-spacing:-.2px;margin:0 0 30px;font-size:20px;font-weight:600}.login-box input{color:#111;background:#fff;border:1px solid #d0d0d0;border-radius:18px;outline:none;width:100%;height:60px;margin-bottom:14px;padding:0 19px;font-size:17px;display:block}.login-box input::placeholder{color:#737780;font-weight:500}.login-box input:focus{border-color:#999}.login-btn{color:#fff;background:#9dbdeb;border:none;border-radius:28px;width:100%;height:52px;margin-top:12px;font-size:16px;font-weight:600}.login-btn:hover{background:#8eb2e8}.message{text-align:center;color:#555;margin:14px 0 0;font-size:14px}.forgot{color:#111;background:0 0;border:none;width:100%;margin:26px 0 58px;font-size:15px;font-weight:500;display:block}.divider{color:#737373;align-items:center;gap:16px;margin-bottom:25px;font-size:13px;display:flex}.divider:before,.divider:after{content:"";background:#ddd;flex:1;height:1px}.facebook-btn{color:#111;background:#f2f2f4;border:none;border-radius:27px;width:100%;height:51px;font-size:16px;font-weight:500}.facebook-icon{color:#fff;background:#1877f2;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;margin-right:8px;font-size:13px;font-weight:700;display:inline-flex}.create-btn{color:#0064e0;background:#fff;border:1px solid #1877f2;border-radius:27px;width:100%;height:51px;margin-top:14px;font-size:16px;font-weight:600}.meta{text-align:center;color:#424242;margin-top:32px;font-size:19px;font-weight:600}footer{color:#737373;border-top:1px solid #ddd;padding:25px 40px 30px;font-size:14px}.footer-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:11px 19px;max-width:1250px;margin:auto;display:flex}.footer-bottom{justify-content:center;gap:25px;margin-top:22px;display:flex}@media (width<=1400px){.hero{padding-left:60px;padding-right:60px}.login-section{padding-left:80px;padding-right:80px}.hero h1,.hero h1 span{font-size:39px}.phone-stack{transform:scale(.9)}}@media (width<=1100px){.main{min-height:auto;display:block}.hero{display:none}.login-section{width:100%;min-height:100vh;padding:50px 30px}.login-box{max-width:500px}}@media (width<=600px){.main{width:100%;min-height:auto;display:block}.login-section{flex-direction:column;justify-content:flex-start;align-items:center;width:100%;min-height:auto;padding:0;display:flex}.mobile-logo{border-bottom:1px solid #ddd;justify-content:center;align-items:center;width:100%;height:165px;display:flex}.mobile-logo img{object-fit:contain;width:125px;height:125px;display:block}.login-box{width:100%;max-width:530px;padding:55px 20px 70px}.login-box h2{text-align:center;margin:0 0 32px;font-size:22px;font-weight:600;line-height:1.2}.login-box input{border:1px solid #d0d2d5;border-radius:16px;width:100%;height:62px;margin-bottom:16px;padding:0 18px;font-size:16px}.login-box input::placeholder{white-space:nowrap;text-overflow:ellipsis;font-size:16px;overflow:hidden}.login-btn{border-radius:30px;width:100%;height:55px;margin-top:12px;font-size:17px}.forgot{margin:28px 0 75px;font-size:16px}.divider{display:none}.facebook-btn{border-radius:30px;width:100%;height:55px;font-size:17px}.create-btn{border-radius:30px;width:100%;height:55px;margin-top:15px;font-size:17px}.meta{margin-top:35px;font-size:20px}footer{width:100%;padding:32px 18px 35px;font-size:13px}.footer-links{text-align:center;gap:12px 16px;width:100%;max-width:500px;line-height:1.3}.footer-bottom{display:none}}@media (width<=430px){.mobile-logo{height:150px}.mobile-logo img{width:80px;height:80px}.login-box{padding:42px 20px 60px}.login-box h2{text-align:start;margin-top:50px;margin-bottom:28px;font-size:18px;font-weight:500}.login-box input{border-radius:14px;height:58px;padding:0 16px;font-size:15px}.login-box input::placeholder{font-size:15px}.login-btn,.facebook-btn,.create-btn{height:52px;font-size:16px}.forgot{margin:26px 0 65px;font-size:15px}.meta{margin-top:32px;font-size:19px}footer{padding:28px 15px 32px;font-size:12px}.footer-links{gap:10px 13px}}