:root{font-size:16px}
html,body{height:100%}
body{font-family:Inter, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial; font-size:1rem; line-height:1.6; color:rgb(47,51,55); background-color:rgb(216,210,196)}
img,video,picture,figure{max-width:100%;height:auto;display:block;object-fit:cover}
.iconify{display:inline-block;vertical-align:middle;line-height:0}
.container img{max-width:100%;height:auto}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.no-scroll{overflow:hidden;height:100vh}
:focus{outline-offset:3px}
:focus-visible{outline:none}
.button-focus:focus-visible{box-shadow:0 0 0 4px rgba(11,59,92,0.12);border-radius:0.75rem}
.link-focus:focus-visible{box-shadow:0 0 0 4px rgba(11,59,92,0.10);border-radius:0.375rem}
h1,h2,h3,h4{line-height:1.15}
h1{font-family:Merriweather, serif;font-weight:700}
.card{border-radius:1rem}
.shadow-soft{box-shadow:0 8px 20px rgba(18,24,32,0.06)}
.cookie-hide{transform:translateY(12px);opacity:0;pointer-events:none}
.cookie-show{transform:none;opacity:1}
@keyframes beam{0%{transform:translateY(0) scale(1);opacity:0.85}50%{transform:translateY(-6px) scale(1.02);opacity:1}100%{transform:translateY(0) scale(1);opacity:0.95}}
@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}100%{opacity:1;transform:none}}
@keyframes slide-up{0%{opacity:0;transform:translateY(12px)}100%{opacity:1;transform:translateY(0)}}
@keyframes spin-slow{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
.animate-beam{animation:beam 3.8s ease-in-out infinite}
.animate-fade{animation:fade-in .6s ease forwards}
.animate-slide-up{animation:slide-up .6s cubic-bezier(.2,.9,.2,1) forwards}
.animate-spin-slow{animation:spin-slow 18s linear infinite}
.modal-backdrop{backdrop-filter:blur(6px)}
.header-sticky{backdrop-filter:blur(6px)}
.icon-decorative{opacity:.9;transition:transform .28s ease,opacity .28s ease}
.icon-decorative:hover{transform:rotate(6deg) scale(1.02);opacity:1}
kbd{background:rgba(47,51,55,0.06);border-radius:6px;padding:2px 6px;font-size:.9em}
button[disabled]{opacity:.6;cursor:not-allowed}
input,textarea,select{min-height:44px;font-size:1rem}
@media (prefers-reduced-motion:reduce){.animate-beam,.animate-fade,.animate-slide-up,.animate-spin-slow{animation:none}}
@media (max-width:640px){.cookie-consent{right:1rem;left:1rem;width:auto}}
