.Image-Card-Design{background:rgba(255,255,255,.3);border:1px solid rgba(255,255,255,.4);border-radius:10px;padding:7px;margin:10px;box-shadow:0 4px 10px rgba(0,0,0,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;overflow-y:hidden;max-height:400px}.Image-Card-Design::-webkit-scrollbar{display:none}.Image-Card-Design:hover{transform:translateY(-5px) scale(1.08);box-shadow:0 8px 20px rgba(0,0,0,.35);transition:transform .3s ease-in-out,box-shadow .3s ease-in-out}.Image_Cards_Image{height:60%;border-radius:8px;overflow:hidden}.Image_Cards_Image img{border:1px solid rgba(255,255,255,.4);width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:8px;filter:brightness(1.1) contrast(1.2) saturate(1.3);box-shadow:inset 0 0 10px rgba(255,255,255,.3);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.Image-Card-Design h3{font-size:1.2rem;color:black;margin:10px 0 5px;font-weight:600}.Image-Card-Design p{font-size:.9rem;color:rgba(0,0,0,.8);line-height:1.4;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;font-size:clamp(.9rem,2vw,1.2rem)}.Login-container{justify-content:center;height:100vh;background-color:#f5f5f5;padding:20px;overflow:hidden}.Login-card,.Login-container{display:flex;align-items:center}.Login-card{position:relative;padding:30px;background:white;border:1px solid #ddd;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.1);max-width:400px;min-height:400px;flex-direction:column}.Login-content{width:100%;text-align:center}.Logo h1{font-size:24px;font-weight:700;margin-bottom:15px;color:#333}.Login-heading{font-size:16px;font-weight:600;margin-bottom:15px;color:#666}.Input-field{width:100%;padding:10px;margin-bottom:10px;border:1px solid #ccc;border-radius:5px;font-size:14px}.btn-login,.btn-signup{width:100%;color:black;padding:16;border:1px solid rgba(0,0,0,.5);border-radius:8px;min-width:-moz-fit-content;min-width:fit-content;height:40px;font-weight:700;white-space:nowrap;text-align:center;transition:all .3s ease-in-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 10px rgba(0,0,0,.2);display:flex;align-items:center;justify-content:center;margin-bottom:10px}.btn-login{background-color:#ffc107;color:#222222;border:none}.btn-login:hover{background-color:#e0a800;transform:scale(1.01);background-color:rgba(255,235,102,.8);color:black;box-shadow:0 12px 30px rgba(0,0,0,.3);text-transform:bold}.btn-signup{background-color:#ffffff;color:#333;border:1px solid #ccc}.btn-signup:hover{background-color:#f8f9fa;transform:scale(1.01);color:black;box-shadow:0 12px 30px rgba(0,0,0,.3);text-transform:bold}.Signup-Container{display:flex;align-items:center;justify-content:left;min-height:100vh;min-width:50vh;padding:20px}.Signup-Card{background:white;padding:30px;border-radius:12px;box-shadow:0 4px 10px rgba(0,0,0,.1);width:100%;max-width:350px;min-width:280px}.Signup-Header{text-align:left;margin-bottom:15px}.Signup-Header h1{font-size:24px;font-weight:700;color:#333;margin-bottom:5px}.Signup-Header h2{font-size:16px;font-weight:600;color:#666}.Form-Group,.Signup-Form{display:flex;flex-direction:column}.Form-Group{margin-bottom:12px}.Form-Group label{font-size:14px;font-weight:600;margin-bottom:4px;color:#444;text-align:left}.Form-Group input{width:100%;padding:10px;border:1px solid #ccc;border-radius:5px;font-size:14px}.Signup-Button{width:100%;padding:12px;font-size:16px;font-weight:700;cursor:pointer;border-radius:5px;color:black;border:none;transition:.2s ease-in-out}.Signup-Button,.Signup-Button:hover{background-color:rgba(255,235,102,1)}.Signup-Button:hover{transform:scale(1.01);box-shadow:0 4px 10px rgba(0,0,0,.2)}.Signup-Divider{text-align:center;margin:15px 0;font-size:12px;color:gray}.Google-Button{width:100%;padding:12px;font-size:16px;font-weight:700;cursor:pointer;border-radius:5px;background:none;border:1px solid #ccc;transition:.2s ease-in-out}.Google-Button:hover{background-color:#f8f9fa;transform:scale(1.01);box-shadow:0 4px 10px rgba(0,0,0,.2)}.otp-container{display:flex;align-items:center;justify-content:center;min-width:50vh}.otp-card{background:white;padding:1.5rem;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.1);width:24rem;text-align:center}.otp-title{font-weight:700;margin-bottom:.5rem}.otp-instruction{margin-bottom:.75rem}.otp-validity{color:#6c757d}.otp-input-container,.otp-validity{margin-bottom:1rem}.otp-input{text-align:center}.otp-resend{text-align:right;margin-top:.25rem}.otp-resend a{font-size:.75rem;color:#6c757d;text-decoration:none}.otp-resend a:hover{color:#333}.otp-confirm{background-color:#ffc107;color:#222222;border:none;width:100%}.otp-confirm:hover{background-color:#e0a800;transform:scale(1.01);background-color:rgba(255,235,102,.8);color:black;box-shadow:0 12px 30px rgba(0,0,0,.3);text-transform:bold}.otp-download{display:flex;justify-content:space-between;margin-top:1rem}.otp-download-btn{display:block;width:48%;padding:.5rem;background:black;color:white;text-align:center;border-radius:5px;text-decoration:none}.otp-download-btn:hover{opacity:.8}