body,html{margin:0;padding:0;height:100%;overflow:hidden;font-family:Poppins,sans-serif}.container.svelte-1uha8ag{display:flex;flex-direction:row;height:100vh;width:100%}.left-side.svelte-1uha8ag{flex:1;background-color:#fff;display:flex;justify-content:center;align-items:center;padding:40px 20px}.login-box.svelte-1uha8ag{width:100%;max-width:380px;text-align:center}.mode-selector.svelte-1uha8ag{display:flex;background:#f0f0f0;border-radius:50px;padding:6px;margin-bottom:40px;width:fit-content;margin-left:auto;margin-right:auto;box-shadow:inset 0 2px 10px #0000000d}.mode-btn.svelte-1uha8ag{padding:10px 32px;border:none;border-radius:50px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;background:transparent;color:#666}.mode-btn.active.svelte-1uha8ag{background:#000;color:#fff;box-shadow:0 4px 15px #0003}.subtitle.svelte-1uha8ag{color:#000;font-size:16px;margin-bottom:40px;opacity:.8}.phone-display.svelte-1uha8ag{display:flex;justify-content:center;align-items:center;gap:12px;margin-bottom:48px;font-size:32px;font-weight:500}.country-code.svelte-1uha8ag{color:#000;opacity:.9}.phone-number.svelte-1uha8ag{letter-spacing:4px;color:#000;opacity:.8}.keypad.svelte-1uha8ag{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:300px;margin:0 auto 40px}.key.svelte-1uha8ag{aspect-ratio:1;border-radius:20px;border:none;font-size:28px;font-weight:500;color:#333;cursor:pointer;transition:all .3s ease;background:#ffffff40;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000001a}.key.svelte-1uha8ag:hover{transform:translateY(-6px);background:#fff6;box-shadow:0 15px 35px #00c3ff33}.key.svelte-1uha8ag:active{transform:translateY(-2px)}.key.delete.svelte-1uha8ag{color:#ff6b6b;display:flex;align-items:center;justify-content:center}.key.empty.svelte-1uha8ag{background:transparent;border:none;box-shadow:none;cursor:default}.btn-login.svelte-1uha8ag{width:100%;padding:18px;background:linear-gradient(to right,#00c3ff,#007bff);color:#fff;border:none;border-radius:50px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s}.btn-login.guest.svelte-1uha8ag{background:#333}.btn-login.disabled.svelte-1uha8ag{opacity:.5;cursor:not-allowed}.btn-login.svelte-1uha8ag:hover:not(.disabled){transform:translateY(-3px);box-shadow:0 15px 30px #007bff66}.non-member-content.svelte-1uha8ag{margin-top:60px}.guest-message.svelte-1uha8ag{font-size:18px;color:#000;margin-bottom:40px;opacity:.9}.signup-text.svelte-1uha8ag{margin-top:40px;color:#000;font-size:15px;opacity:.8}.signup-text.svelte-1uha8ag a:where(.svelte-1uha8ag){color:#00c3ff;text-decoration:none;font-weight:500}.signup-text.svelte-1uha8ag a:where(.svelte-1uha8ag):hover{text-decoration:underline}.right-side.svelte-1uha8ag{flex:1;background:#f8f8f8;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.image-container.svelte-1uha8ag{position:relative;width:90%;height:90%;border-radius:30px;overflow:hidden;background:url(https://images.unsplash.com/photo-1559925393-8be0ec4767c8?ixlib=rb-4.0.3&auto=format&fit=crop&w=2942&q=80) center/cover no-repeat;box-shadow:0 20px 40px #0000001a}.spotlight-effect.svelte-1uha8ag{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,#fff6,#fff3 30%,#0000001a 70%,#0000004d);z-index:1}.logo-container.svelte-1uha8ag{position:absolute;bottom:40px;right:40px;display:flex;flex-direction:column;align-items:flex-end;z-index:3}.aw-logo.svelte-1uha8ag{font-size:60px;font-weight:700;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.4)}@media(max-width:1024px){.container.svelte-1uha8ag{flex-direction:column}.left-side.svelte-1uha8ag{flex:1;padding:60px 20px}.right-side.svelte-1uha8ag{flex:1;min-height:40vh}.aw-logo.svelte-1uha8ag{font-size:48px}}@media(max-width:768px){.right-side.svelte-1uha8ag{display:none}.left-side.svelte-1uha8ag{padding:40px 20px}.phone-display.svelte-1uha8ag{font-size:28px}.keypad.svelte-1uha8ag{gap:15px;max-width:280px}.key.svelte-1uha8ag{font-size:24px}.mode-btn.svelte-1uha8ag{padding:8px 24px;font-size:15px}.aw-logo.svelte-1uha8ag{font-size:40px}.subtitle.svelte-1uha8ag,.guest-message.svelte-1uha8ag{font-size:15px}.btn-login.svelte-1uha8ag{padding:16px;font-size:17px}}@media(max-width:480px){.login-box.svelte-1uha8ag{max-width:100%;padding:0 10px}.phone-display.svelte-1uha8ag{font-size:24px}.keypad.svelte-1uha8ag{gap:12px}.key.svelte-1uha8ag{font-size:22px}.mode-selector.svelte-1uha8ag{margin-bottom:30px}.aw-logo.svelte-1uha8ag{font-size:36px}}