@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap";*,html,body{margin:0;padding:0}body{background:linear-gradient(to bottom right,#ff966d,#fa538d,#89379c);justify-content:center;align-items:center;height:100vh;font-family:Poppins,sans-serif;display:flex}.container{background:#fff;border-radius:20px;grid-template-columns:100%;grid-template-areas:"login";width:50vw;height:60vh;display:grid;overflow:hidden;box-shadow:0 0 17px 10px #0000004d}.design{grid-area:design;display:none;position:relative}.rotate-45{transform:rotate(-45deg)}.design .pill-1{background:linear-gradient(#ff966d,#fa538d,#89379c);border-radius:40px;width:80px;height:200px;position:absolute;bottom:0;left:-40px}.design .pill-2{background:linear-gradient(#ff966d,#fa538d,#89379c);border:30px solid #e2c5e2;border-radius:200px;width:220px;height:450px;position:absolute;top:-100px;left:-80px}.design .pill-3{background:linear-gradient(#ff966d,#fa538d,#89379c);border-radius:70px;width:100px;height:200px;position:absolute;top:-100px;left:160px}.design .pill-4{background:linear-gradient(#ff966d,#fa538d);border-radius:70px;width:120px;height:300px;position:absolute;bottom:-180px;left:220px}.login{background:#fff;flex-direction:column;grid-area:login;justify-content:center;align-items:center;display:flex;position:relative}.login h3.title{margin:15px 0}.text-input{background:#e6e6e6;border-radius:10px;align-items:center;width:60%;height:40px;margin:5px 0;padding:0 15px;display:flex}.text-input input{background:0 0;border:none;outline:none;width:100%;height:100%;margin-left:10px}.text-input i{color:#686868}::placeholder{color:#9a9a9a}.login-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#ff966d,#fa538d,#89379c);border:none;border-radius:20px;width:68%;margin-top:10px;padding:10px}a{color:#9a9a9a;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:12px;text-decoration:none}a.forgot{margin-top:15px}.create{align-items:center;display:flex;position:absolute;bottom:30px}.create i{color:#9a9a9a;margin-left:10px}@media (width>=768px){.container{grid-template-columns:50% 50%;grid-template-areas:"design login"}.design{display:block}}.google-btn{color:#1f2937;cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;outline:none;justify-content:center;align-items:center;width:100%;margin-top:16px;padding:12px 24px;font-family:Inter,Noto Sans JP,sans-serif;font-size:16px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.google-btn:hover{background-color:#f9fafb;border-color:#d1d5db;transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.google-btn:active{background-color:#f3f4f6;transform:translateY(0);box-shadow:0 1px 2px #0000000d}.google-icon-wrapper{justify-content:center;align-items:center;margin-right:12px;display:flex}.google-icon{width:20px;height:20px}