@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";body{font-family:Poppins,serif;padding:0;margin:0;background-color:#333}.login-container{display:flex;background:#fff;height:500px;width:800px;box-shadow:0 4px 10px #0000001a;overflow:hidden}.image-container{flex:1;background-image:url(/assets/SignBg1-BJwIzHoF.jpg);background-size:cover;background-repeat:no-repeat;background-position:center}.form-container h4 a{text-decoration:none;color:#444;font-weight:lighter}#link{margin-top:-10px}.login-form{display:flex;flex-direction:column;gap:20px}.login-form input{height:40px;width:100%;background-color:#f2f2f2;border:none;padding:0 10px;box-sizing:border-box}.login-form button{height:40px;width:175px;background:linear-gradient(to right,#13375c,#000);background-size:200%;background-position:left;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:16px;font-weight:700;transition:background-position .5s ease,transform .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;overflow:hidden}.login-form button:after{content:"➔";transition:transform .3s ease;transform:translate(-5px);opacity:0}.login-form button:hover{background-position:right;transform:scale(1.05)}.login-form button:hover:after{transform:translate(0);opacity:1}@media (max-width: 768px){.main-container{padding:0}.login-container{flex-direction:column;height:100vh;width:100vw}.image-container{flex:1;width:100%}.form-container{flex:1;box-sizing:border-box;width:100%;padding:20px;justify-content:center}.login-form input,.login-form button{width:100%}}.main-container{display:flex;min-height:100vh;background:#f9f9f9;justify-content:center;align-items:center;padding:20px}.register-container{display:flex;background:#fff;height:500px;width:800px;box-shadow:0 4px 10px #0000001a;overflow:hidden}.image-container{flex:1;background-image:url(/assets/SignBg1-BJwIzHoF.jpg);background-size:cover;background-repeat:no-repeat;background-position:center}.form-container{flex:1;display:flex;flex-direction:column;padding:30px;justify-content:center;color:#13375c}.register-form{display:flex;flex-direction:column;gap:20px}.register-form input{height:40px;width:100%;background-color:#f2f2f2;border:none;padding:0 10px;box-sizing:border-box}.register-form button{height:40px;width:175px;background:linear-gradient(to right,#13375c,#000);background-size:200%;background-position:left;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:16px;font-weight:700;transition:background-position .5s ease,transform .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;overflow:hidden}.register-form button:after{content:"➔";transition:transform .3s ease;transform:translate(-5px);opacity:0}.register-form button:hover{background-position:right;transform:scale(1.05)}.register-form button:hover:after{transform:translate(0);opacity:1}.input-container{position:relative}.input-container .icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#13375c;font-size:18px}.input-container input{padding:0 10px 0 35px;border:1px solid #ccc;border-radius:5px;width:100%;box-sizing:border-box}@media (max-width: 768px){.main-container{padding:0}.register-container{flex-direction:column;height:100vh;width:100vw}.image-container{flex:1;width:100%}.form-container{flex:1;box-sizing:border-box;width:100%;padding:20px;justify-content:center}.register-form input,.register-form button{width:100%}}.error-message{color:red;font-size:14px;margin-top:5px}.profile-container{display:flex}.left-container{display:flex;flex-direction:column;padding:10px;flex:1;min-height:100vh;background-color:#222;color:#fff}.right-container{display:flex;flex-direction:column;padding:10px;flex:4;min-height:100vh;background-color:#333}.poem-container{position:relative;flex:3;display:flex;justify-content:center;align-items:center;text-align:center;font-size:18px;white-space:pre-wrap;line-height:1;padding:15px}.poem{position:relative;padding-top:20px;width:800px;height:100%;border-radius:10px;background-color:#444;text-indent:10px;color:#fff}.prompt-container{flex:1;display:flex;justify-content:center;align-items:center}.form-container2{display:flex;flex-direction:column;gap:5px;justify-content:center;align-items:center}.input-container2{position:relative;display:flex;width:800px;height:40px;border-radius:10px;background-color:#555;border:none;text-indent:10px;color:#fff}.generate-btn{position:absolute;display:flex;right:105px;height:30px;padding:10px 15px;background:#fff;color:#000;border:none;cursor:pointer;border-radius:10px;justify-content:center;align-items:center}.generate-btn:hover{background:#000;color:#fff}.input-container2::placeholder{color:#fff;font-style:italic;opacity:.8}.welcome-container h4{font-weight:lighter}.history-container{height:100%}.history-container{margin-top:20px}.history-container ul{list-style:none;padding:0}.history-container li{padding:5px;font-size:14px;cursor:pointer}.history-container li:hover{background-color:#333}.copy-btn{position:absolute;top:10px;right:15px;background:transparent;border-radius:5px;border:none;cursor:pointer;font-size:18px;color:#fff;transition:color .2s ease-in-out}.copy-btn:hover{color:#333}.copy-success{display:block;z-index:1000;color:green;font-size:14px;margin-top:5px}.copy-popup{position:fixed;top:20px;left:50%;transform:translate(-50%);background-color:#28a745;color:#fff;padding:10px 20px;border-radius:8px;font-size:16px;font-weight:700;box-shadow:0 4px 10px #0003;animation:fadeInOut 2s ease-in-out;z-index:1000}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,-10px)}10%{opacity:1;transform:translate(-50%)}90%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-10px)}}@media (max-width: 768px){.profile-container{flex-direction:column}.left-container{position:fixed;top:0;left:-100%;width:250px;height:100vh;background:#222;transition:left .3s ease-in-out;z-index:10}.left-container.show{left:0}.right-container{box-sizing:border-box;width:100%;height:100vh;flex-grow:1;display:flex;flex-direction:column}.form-container2,.input-container2{width:100%}.generate-btn{right:30px}.poem-container{height:100%;border-radius:5px;background-color:#444}.poem{height:100%;width:100%;font-size:15px}.menu-btn{position:absolute;top:15px;right:15px;background:none;border:none;color:#fff;font-size:24px;cursor:pointer}.menu-btn:hover{color:#ccc}}@media (min-width: 769px){.menu-btn{display:none}}@media (max-width: 480px){.left-container{width:200px}.right-container{box-sizing:border-box}.poem{width:100%;font-size:11px}.input-container2{width:90%}.menu-btn{font-size:20px}}.header-container{display:flex;padding:10px;color:#ffb135;font-weight:700}