body{background:url(../../../city-theme-bg.png) center/cover no-repeat;margin:0;padding:0;font-family:Georgia,serif;height:100vh;overflow:hidden}#page.svelte-1qdsyo8{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}#title.svelte-1qdsyo8{text-align:center;color:#f4e4bc;font-size:3.5em;margin-bottom:2rem;text-shadow:3px 3px 6px rgba(0,0,0,.8);font-weight:700;letter-spacing:2px}#container.svelte-1qdsyo8{background:linear-gradient(135deg,#2c1810f2,#1a0f08f2);border:2px solid #8b4513;border-radius:20px;padding:3rem;display:flex;flex-direction:column;align-items:center;gap:2rem;max-width:500px;width:90%;box-shadow:0 20px 40px #000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#top.svelte-1qdsyo8{width:100%}#top.svelte-1qdsyo8 input:where(.svelte-1qdsyo8){width:100%;box-sizing:border-box;padding:1rem;font-size:1.2em;border:2px solid #8b4513;border-radius:12px;background:#ffffffe6;color:#2c1810;font-family:Georgia,serif;transition:all .3s ease}#top.svelte-1qdsyo8 input:where(.svelte-1qdsyo8):focus{outline:none;border-color:#d4af37;box-shadow:0 0 15px #d4af3780;background:#fff}#top.svelte-1qdsyo8 input:where(.svelte-1qdsyo8)::placeholder{color:#8b4513;opacity:.7}#bottom.svelte-1qdsyo8{width:100%;display:flex;gap:1rem}#bottom.svelte-1qdsyo8 button:where(.svelte-1qdsyo8){flex:1;padding:1.2rem 2rem;font-size:1.1em;font-weight:700;border:2px solid #8b4513;border-radius:12px;background:linear-gradient(135deg,#d4af37,#b8860b);color:#2c1810;cursor:pointer;transition:all .3s ease;font-family:Georgia,serif;text-transform:uppercase;letter-spacing:1px}#bottom.svelte-1qdsyo8 button:where(.svelte-1qdsyo8):hover{background:linear-gradient(135deg,#f4d03f,#d4af37);transform:translateY(-2px);box-shadow:0 8px 20px #d4af3766}#bottom.svelte-1qdsyo8 button:where(.svelte-1qdsyo8):active{transform:translateY(0);box-shadow:0 4px 10px #d4af374d}.modal.svelte-1qdsyo8{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;display:flex;justify-content:center;align-items:center;z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content.svelte-1qdsyo8{background:linear-gradient(135deg,#2c1810,#4a2c1a);border:2px solid #8b4513;border-radius:20px;padding:2.5rem;max-width:450px;width:90%;box-sizing:border-box;text-align:center;box-shadow:0 20px 40px #000c}.modal-content.svelte-1qdsyo8 h2:where(.svelte-1qdsyo8){color:#d4af37;font-size:1.8em;margin:0 0 1.5rem;font-family:Georgia,serif;text-shadow:2px 2px 4px rgba(0,0,0,.7)}.modal-content.svelte-1qdsyo8 input:where(.svelte-1qdsyo8){width:100%;margin-top:1rem;padding:1rem;box-sizing:border-box;font-size:1.1em;border:2px solid #8b4513;border-radius:12px;background:#ffffffe6;color:#2c1810;font-family:Georgia,serif;transition:all .3s ease}.modal-content.svelte-1qdsyo8 input:where(.svelte-1qdsyo8):focus{outline:none;border-color:#d4af37;box-shadow:0 0 15px #d4af3780;background:#fff}.modal-content.svelte-1qdsyo8 input:where(.svelte-1qdsyo8)::placeholder{color:#8b4513;opacity:.7}.modal-actions.svelte-1qdsyo8{display:flex;gap:1rem;margin-top:2rem}.modal-actions.svelte-1qdsyo8 button:where(.svelte-1qdsyo8){flex:1;padding:1rem 1.5rem;font-size:1.1em;font-weight:700;border:2px solid #8b4513;border-radius:12px;cursor:pointer;transition:all .3s ease;font-family:Georgia,serif;text-transform:uppercase;letter-spacing:1px}.modal-actions.svelte-1qdsyo8 button:where(.svelte-1qdsyo8):first-child{background:linear-gradient(135deg,#d4af37,#b8860b);color:#2c1810}.modal-actions.svelte-1qdsyo8 button:where(.svelte-1qdsyo8):first-child:hover{background:linear-gradient(135deg,#f4d03f,#d4af37);transform:translateY(-2px);box-shadow:0 8px 20px #d4af3766}.modal-actions.svelte-1qdsyo8 button:where(.svelte-1qdsyo8):last-child{background:linear-gradient(135deg,#8b4513,#654321);color:#f4e4bc}.modal-actions.svelte-1qdsyo8 button:where(.svelte-1qdsyo8):last-child:hover{background:linear-gradient(135deg,sienna,#8b4513);transform:translateY(-2px);box-shadow:0 8px 20px #8b451366}.modal-actions.svelte-1qdsyo8 button:where(.svelte-1qdsyo8):active{transform:translateY(0)}@media (max-width: 600px){#title.svelte-1qdsyo8{font-size:2.5em;margin-bottom:1.5rem}#container.svelte-1qdsyo8{padding:2rem;margin:1rem}#bottom.svelte-1qdsyo8{flex-direction:column}.modal-content.svelte-1qdsyo8{padding:2rem;margin:1rem}.modal-actions.svelte-1qdsyo8{flex-direction:column}}