:root{--color-gold: #d49700;--color-gold-hover: #b58200;--color-bg-start: #F5F0E8;--color-bg-end: #FAFAFA;--color-black: #17252a;--color-white: #FFFFFF;--color-error: #D32F2F;--color-success: #2E7D32}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:Roboto,Inter,system-ui,sans-serif;font-size:16px;line-height:1.6;color:var(--color-black);background:var(--color-bg-start);-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:inherit}.app-shell{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.app-header{position:sticky;top:0;z-index:100;background:var(--color-white);border-bottom:1px solid rgba(0,0,0,.08);padding:.625rem 1rem;flex-shrink:0}.app-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:1rem 1rem 1.5rem}.app-footer{position:sticky;bottom:0;z-index:100;background:var(--color-white);border-top:1px solid rgba(0,0,0,.08);padding:.75rem 1rem;flex-shrink:0}.content-inner{max-width:600px;margin:0 auto}.btn{display:inline-block;padding:.875rem 2rem;border:none;border-radius:30px;font-size:1rem;font-weight:500;transition:background .2s,opacity .2s;text-align:center}.btn:hover{opacity:.9}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--color-gold);color:var(--color-white)}.btn-primary:hover{background:var(--color-gold-hover)}.btn-outline{background:transparent;border:2px solid var(--color-black);color:var(--color-black)}.input-field{width:100%;padding:.75rem 1rem;border:2px solid #D1D5DB;border-radius:8px;font-size:1rem;transition:border-color .2s}.input-field:focus{outline:none;border-color:var(--color-gold)}.label{display:block;margin-bottom:.375rem;font-weight:500;font-size:.9375rem}h1,h2,h3{font-family:Playfair Display,serif}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}