@import "https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700&display=swap";
*{box-sizing:border-box;margin:0;padding:0}html,body{color:#2c2416;-webkit-font-smoothing:antialiased;background-color:#f5f0e8;height:100%;font-family:Cairo,sans-serif}:root{--color-bg:#f5f0e8;--color-surface:#fff;--color-border:#e8dfd0;--color-sand-mid:#c9b99a;--color-sand-deep:#a08b6e;--color-accent:#8b6f47;--color-text:#2c2416;--color-text-muted:#7a6a55;--color-error:#c0392b;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-pill:999px}.city-sketch-container{pointer-events:none;background:linear-gradient(#0000 0%,#a08b6e26 100%);width:100%;height:35vh;position:absolute;bottom:0;left:0;overflow:hidden}.city-sketch{opacity:.6;z-index:0;background-color:#3d1f0a;width:100%;height:100%;display:block;transform:translateY(40px);-webkit-mask-image:url(/city-sketch.svg);mask-image:url(/city-sketch.svg);-webkit-mask-position:bottom;mask-position:bottom;-webkit-mask-size:cover;mask-size:cover}.city-sketch-gradient{z-index:1;pointer-events:none;background:linear-gradient(#0000 0%,#6e411908 25%,#6e41191a 50%,#6e411933 75%,#6e411959 100%);position:absolute;inset:0}