:root{--color-surface: #fff;--color-text: #1a1a2e;--color-border: #e2e5e9;--color-primary: #6366f1;--color-primary-hover: #4f46e5;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;color:var(--color-text);background:#f8f9fa}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px}#root{max-width:720px;margin:0 auto;padding:32px 24px}h1{font-size:1.75rem;line-height:1.2;font-weight:600;margin:0}label{font-size:.875rem;font-weight:500}input,select{border:1px solid var(--color-border);border-radius:6px;font:inherit;font-size:.95rem;color:var(--color-text);background:var(--color-surface);outline:none;transition:border-color .2s,box-shadow .2s}input:focus,select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f126}button{border-radius:6px;border:1px solid var(--color-border);padding:.5em 1em;font-size:.9rem;font-weight:500;font-family:inherit;background:var(--color-surface);color:var(--color-text);cursor:pointer;transition:background .2s,border-color .2s,box-shadow .2s}button:hover{background:#f3f4f6;border-color:#d1d5db}button:focus-visible{outline:none;box-shadow:0 0 0 3px #6366f126}.hotel-card{transition:box-shadow .2s}.hotel-card:hover{box-shadow:0 4px 12px #00000014}.btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn-primary:disabled{background:#d1d5db;border-color:#d1d5db;color:#9ca3af;cursor:not-allowed}.btn-secondary{color:#6b7280}.btn-secondary:hover{color:var(--color-text)}