.page-container.svelte-12re8sn.svelte-12re8sn{background-color:#f1f1f5;min-height:100vh;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.poppins.svelte-12re8sn.svelte-12re8sn{font-family:Poppins,sans-serif}.blue.svelte-12re8sn.svelte-12re8sn{color:#3732ff}.red.svelte-12re8sn.svelte-12re8sn{color:#ff506e}.fade.svelte-12re8sn.svelte-12re8sn{opacity:.1}.hex-background.svelte-12re8sn.svelte-12re8sn{position:fixed;top:0;right:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:hidden}.hex-grid.svelte-12re8sn.svelte-12re8sn{position:absolute;top:-10%;right:-20%;width:70%;height:130%;display:flex;flex-wrap:wrap;transform:rotate(-15deg)}.hexagon.svelte-12re8sn.svelte-12re8sn{position:absolute;clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%)}.hexagon.svelte-12re8sn.svelte-12re8sn:nth-child(1){top:15%;right:20%;width:200px;height:180px;background-color:#3732ff}.hexagon.svelte-12re8sn.svelte-12re8sn:nth-child(2){top:40%;right:10%;width:180px;height:160px;background-color:#ff506e}.hexagon.svelte-12re8sn.svelte-12re8sn:nth-child(3){top:65%;right:25%;width:160px;height:140px;background-color:#3732ff}.hexagon.svelte-12re8sn.svelte-12re8sn:nth-child(4){top:30%;right:35%;width:140px;height:120px;background-color:#ff506e}.hexagon.blue.svelte-12re8sn.svelte-12re8sn{background-color:#3732ff}.hexagon.red.svelte-12re8sn.svelte-12re8sn{background-color:#ff506e}.logo-container.svelte-12re8sn.svelte-12re8sn{display:flex;justify-content:center}.logo.svelte-12re8sn.svelte-12re8sn{max-width:200px;height:auto}.banner-shadow.svelte-12re8sn.svelte-12re8sn{position:relative;z-index:1;max-width:500px;width:100%;margin:20px}.login-banner.svelte-12re8sn.svelte-12re8sn{background-color:#fff;border-radius:15px;box-shadow:10px 10px 0 5px #ff506e;overflow:hidden;padding:5px 25px}.login-container.svelte-12re8sn.svelte-12re8sn{width:100%}h1.svelte-12re8sn.svelte-12re8sn{text-align:center;color:#2f2f2f;font-weight:700;margin-bottom:30px}.form.svelte-12re8sn.svelte-12re8sn{display:flex;align-items:center;flex-direction:column;width:100%}.form-group.svelte-12re8sn.svelte-12re8sn{margin-bottom:20px;width:100%}label.svelte-12re8sn.svelte-12re8sn{display:block;margin-bottom:8px;font-weight:500;color:#2f2f2f}input.svelte-12re8sn.svelte-12re8sn{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:10px;font-family:Poppins,sans-serif;font-size:16px;transition:border-color .3s,box-shadow .3s;box-sizing:border-box}.password-input-container.svelte-12re8sn.svelte-12re8sn{position:relative;width:100%}.password-input-container.svelte-12re8sn input.svelte-12re8sn{padding-right:50px}.password-toggle.svelte-12re8sn.svelte-12re8sn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:#666;transition:color .3s}.password-toggle.svelte-12re8sn.svelte-12re8sn:hover{color:#3732ff}.password-toggle.svelte-12re8sn .material-symbols-outlined.svelte-12re8sn{font-size:20px}input.svelte-12re8sn.svelte-12re8sn:focus{border-color:#3732ff;outline:none;box-shadow:0 0 0 3px #3732ff33}.error.svelte-12re8sn.svelte-12re8sn{color:#ff506e;margin:10px 0;font-weight:500}.success.svelte-12re8sn.svelte-12re8sn{color:#4caf50;margin:10px 0;font-weight:500}.register-link.svelte-12re8sn.svelte-12re8sn{text-align:center;margin-top:30px;color:#2f2f2f}.register-link.svelte-12re8sn a.svelte-12re8sn{color:#3732ff;text-decoration:none;font-weight:600;transition:text-decoration .3s}.register-link.svelte-12re8sn a.svelte-12re8sn:hover{text-decoration:underline}.forgot-password-link.svelte-12re8sn.svelte-12re8sn{text-align:right;margin-top:8px}.forgot-password-link.svelte-12re8sn a.svelte-12re8sn{color:#3732ff;text-decoration:none;font-size:.9rem;font-weight:500;transition:text-decoration .3s}.forgot-password-link.svelte-12re8sn a.svelte-12re8sn:hover{text-decoration:underline}@media (max-width: 768px){.login-banner.svelte-12re8sn.svelte-12re8sn{box-shadow:5px 5px 0 3px #ff506e;padding:30px}.hex-background.svelte-12re8sn.svelte-12re8sn{opacity:.5}}@media (max-width: 480px){.login-banner.svelte-12re8sn.svelte-12re8sn{padding:20px;box-shadow:3px 3px 0 2px #ff506e}.logo.svelte-12re8sn.svelte-12re8sn{max-width:120px}}