@import url("assets/manara-pulse-colors.css");

html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,"Segoe UI",sans-serif;color:#0E2A47;background:#fff;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
a{color:#1E678A;text-decoration:none}
a:hover{color:#00A8E8}
button,input,select{font:inherit}
[hidden]{display:none !important}

@keyframes mpTravel{from{left:-10%}to{left:105%}}
@keyframes mpPulse{0%{r:6px;opacity:.75}100%{r:30px;opacity:0}}
.mp-pulse{animation:mpPulse 2.8s ease-out infinite}

/* Hover states (the design's style-hover rules) */
.nav-link{color:#B8C4CE}
.nav-link.nav-ai{color:#00A8E8}
.nav-link:hover{color:#fff}

.btn-primary{background:#00A8E8}
.btn-primary:hover{background:#33BAEE}

.btn-ghost{border:1px solid rgba(184,196,206,.35);color:#fff}
.btn-ghost:hover{border-color:#00A8E8;color:#fff}

.btn-icon{background:rgba(255,255,255,.08)}
.btn-icon:hover{background:rgba(255,255,255,.16)}

.btn-white{background:#fff}
.btn-white:hover{background:#EEF4F8}

.btn-dark{background:#0E2A47}
.btn-dark:hover{background:#1E678A}

/* Legal pages */
.legal-link{color:#B8C4CE}
.legal-link.is-current{color:#fff}
.legal-link.back{color:#00A8E8}
.legal-link:hover{color:#fff}
.toc-link{font-size:13.5px;color:#33485C;padding:7px 0 7px 16px;margin-left:-2px;border-left:2px solid transparent;line-height:1.4}
.toc-link:hover{color:#1E678A;border-left-color:#00A8E8}
.legal-section{display:flex;flex-direction:column;gap:12px;scroll-margin-top:96px}
.legal-section h2{font-family:Montserrat,sans-serif;font-weight:600;font-size:22px;margin:0;display:flex;gap:12px;align-items:baseline}
.legal-section h2 span{color:#00A8E8;font-size:15px}
.legal-section p{font-size:15.5px;line-height:1.72;color:#33485C;margin:0;text-wrap:pretty}
.legal-list{display:flex;flex-direction:column;gap:8px;padding-left:4px}
.legal-list div{display:flex;gap:12px;font-size:15px;line-height:1.6;color:#33485C}
.legal-list div::before{content:"";width:6px;height:6px;border-radius:50%;background:#00A8E8;flex:0 0 auto;margin-top:10px}

#modal:not([hidden]){display:flex}
#form-done:not([hidden]){display:flex}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .mp-pulse{animation:none}
}