.navbar{align-items:center;height:100px;background-color:#ffe2dc;display:flex;justify-content:space-between;padding:12px 40px}.navbar .logo-link{display:flex;align-items:center;gap:5px;text-decoration:none}.navbar .pomelo{width:50px}.navbar .logo-text{font-size:1.6rem;font-weight:700;color:#5c2f2f}.navbar .input-text{width:50%;height:50px;padding:8px 12px;border:2px solid #FFB3AB;border-radius:8px;font-size:1rem;color:#5c2f2f;background-color:#fff}.navbar .input-text:focus{outline:none;border-color:#ff8578;box-shadow:0 0 5px #ffb3ab99}.navbar .input-text::placeholder{color:#a05151;font-style:italic}.navbar .login-btn{padding:8px 16px;margin-left:8px;border:none;border-radius:20px;background-color:#ffb3ab;color:#fff;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .3s ease}.navbar .login-btn:hover{background-color:#ff8e82;box-shadow:0 4px 6px #0000001a}.navbar .login-btn:active{transform:scale(.97)}.navbar .signup-btn{padding:8px 16px;margin-left:8px;border:2px solid #FFB3AB;border-radius:20px;background-color:#fff;color:#ffb3ab;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .3s ease}.navbar .signup-btn:hover{background-color:#ffb3ab;color:#fff;box-shadow:0 4px 6px #0000001a}.navbar .signup-btn:active{transform:scale(.97)}.user-name{margin-right:12px;font-weight:700;color:#5c2f2f;font-size:1rem;background-color:#ffb3ab33;padding:6px 12px;border-radius:20px}.logout-btn{padding:8px 16px;margin-left:8px;border:none;border-radius:20px;background-color:#fff;color:#ffb3ab;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .3s ease;border:2px solid #FFB3AB}.logout-btn:hover{background-color:#ffb3ab;color:#fff;box-shadow:0 4px 6px #0000001a}.logout-btn:active{transform:scale(.97)}*{margin:0;padding:0;box-sizing:border-box}* .movieCard{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:50px;background-color:#fff7f5}* .movieCard .card{width:250px;flex:0 0 auto;display:flex;flex-direction:column;align-items:center}* .movieCard .img{width:100%;max-width:350px;height:auto;aspect-ratio:2/3;object-fit:cover;border-radius:8px;box-shadow:0 2px 10px #0000001a;cursor:pointer}* .movieCard .title{margin-top:10px;font-size:1.2rem;text-align:center}* .movieCard .vote{font-size:.9rem;text-align:center;color:#777}.flex{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#fff0ec}.login-container{width:90%;max-width:500px;min-width:320px;height:500px;margin:50px auto;background:#fff7f5;padding:2rem;border-radius:16px;box-shadow:0 0 10px #0000001a;text-align:center;display:flex;flex-direction:column;justify-content:center}.login-text{margin-bottom:45px}.login-form input{display:block;width:100%;margin-bottom:1rem;padding:12px;border:1px solid #ffd1c4;border-radius:8px;font-size:1rem}.email-login-btn{background-color:#ffb3ab;border:none;padding:12px;width:100%;color:#fff;border-radius:8px;font-weight:700;cursor:pointer;margin-bottom:1rem;transition:background .3s}.email-login-btn:hover{background-color:#ff8578}.divider{margin:1.5rem 0;color:#999;font-size:.9rem}.social-buttons{display:flex;flex-direction:column;gap:10px}.kakao-btn{background-color:#fae100;color:#3c1e1e;font-weight:700;padding:12px;border:none;border-radius:8px;cursor:pointer}.google-btn{background-color:#a6d6a1;color:#444;font-weight:700;border:1px solid #ccc;padding:12px;border-radius:8px;cursor:pointer}.error-msg{color:#ff6b6b;font-size:.9rem;margin-top:-.6rem;margin-bottom:.8rem;text-align:left}.flex{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#fff0ec}.signup-container{max-width:480px;width:90%;background:#fff7f5;padding:2.5rem;border-radius:16px;box-shadow:0 4px 20px #0000001a;text-align:center}.signup-container h2{margin-bottom:1.5rem;font-size:1.8rem;color:#333}.signup-form input{width:100%;padding:14px;margin-bottom:1rem;font-size:1rem;border:1px solid #ffd1c4;border-radius:8px;box-sizing:border-box}.input-error{border-color:#ff5c5c;background-color:#fff0f0}.error-message{margin-top:-.75rem;margin-bottom:.5rem;font-size:.85rem;color:#ff5c5c;text-align:left;padding-left:4px}.signup-click{width:100%;padding:14px;font-size:1rem;background-color:#ffa4a4;border:none;border-radius:8px;color:#fff;font-weight:700;cursor:pointer;transition:background .3s}.signup-click:hover{background-color:#ff8c8c}.input-group{margin:20px 0}