/* Shared RahatLand / Cineans components. Change the theme, keep the behavior. */
:root{--ds-font:"Helvetica Neue",Helvetica,Arial,sans-serif;--ds-serif:Georgia,"Times New Roman",serif;--ds-radius:4px;--ds-fast:180ms;--ds-slow:550ms;--ds-ease:cubic-bezier(.2,.65,.3,1);--ds-ink:#142d3e;--ds-muted:#5b6b73;--ds-accent:#edb88f;--ds-focus:#9a522f;--ds-dark:#122b3d;--ds-light:#fbfaf6;--ds-line:#ccd3d6;--ds-hover:#e9eef0;--ds-on-dark:#edb88f;--ds-shadow:rgb(8 27 42 / 12%)}
body[data-site="cineans"]{--ds-ink:#171717;--ds-muted:#606060;--ds-accent:#dcdcdc;--ds-focus:#575757;--ds-dark:#171717;--ds-light:#fff;--ds-line:#d6d6d6;--ds-hover:#ededed;--ds-on-dark:#fff;--ds-shadow:rgb(0 0 0 / 12%)}
body{font-family:var(--ds-font)}
a,button,input,select,summary{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--ds-focus);outline-offset:5px}
.hero a:focus-visible,.support :focus-visible,.contact a:focus-visible,body[data-site="registar"] .details-panel :focus-visible{outline-color:var(--ds-on-dark)}
.button,.register-nav{border-radius:var(--ds-radius);min-height:48px;justify-content:center;gap:0;text-align:center;transition:background-color var(--ds-fast) ease,color var(--ds-fast) ease,border-color var(--ds-fast) ease,box-shadow 220ms ease,transform var(--ds-fast) ease}
.button:active,.register-nav:active{transform:translateY(1px);box-shadow:none}
.text-link,.privacy-link,.return-stories,.back-link{min-height:48px;display:inline-flex;align-items:center;transition:color var(--ds-fast) ease,opacity var(--ds-fast) ease,transform var(--ds-fast) ease}
.text-link,.privacy-link,.return-stories{border-bottom:0;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
.desktop-nav a,.footer-top nav a,.footer-bottom a,.footer-row a,.footer-bottom button,.footer-links a{display:inline-flex;align-items:center;min-height:44px;transition:color var(--ds-fast) ease,opacity var(--ds-fast) ease}
.section-heading:before,.benefits li:before,.intro-panel .eyebrow>span{display:none}
.media-link img,.film-visual img{transition:transform var(--ds-slow) var(--ds-ease),filter 400ms ease}
.register-visual{transition:background-color 240ms ease,box-shadow 220ms ease}
.play-button{transition:background-color 200ms ease,color 200ms ease,box-shadow 250ms ease,transform 250ms var(--ds-ease)}
input:not([type="checkbox"]),select{font-family:var(--ds-font);font-size:16px;min-height:50px;border-radius:var(--ds-radius);transition:border-color var(--ds-fast) ease,box-shadow var(--ds-fast) ease,background-color var(--ds-fast) ease}
input:not([type="checkbox"]):focus-visible,select:focus-visible{outline:2px solid var(--ds-focus);outline-offset:3px;box-shadow:0 0 0 4px rgb(237 184 143 / 18%)}
.checkbox-label{min-height:44px;align-items:flex-start}
.checkbox-label input{border-radius:3px;transition:border-color var(--ds-fast) ease,background-color var(--ds-fast) ease,box-shadow var(--ds-fast) ease}
.faq summary{border-radius:var(--ds-radius);padding-inline:8px;transition:background-color var(--ds-fast) ease,color var(--ds-fast) ease}
.faq details>p{padding-inline:8px}
.faq summary svg{transition:transform var(--ds-fast) ease}
.mobile-form-jump{display:none}
.back-link svg,.privacy-link svg{display:none}
.form-panel .button{min-height:54px}
.form-panel .field-error,.form-heading>p:last-child,.error-summary p,.error-summary ul{font-size:13px}
.benefits li{gap:0}
@media(hover:hover) and (pointer:fine){
 .button:hover,.register-nav:hover{transform:translateY(-2px);box-shadow:0 8px 20px var(--ds-shadow)}
 .text-link:hover,.privacy-link:hover,.return-stories:hover,.back-link:hover{transform:translateX(3px)}
 .media-link:hover img,.film-visual:hover img{transform:scale(1.035)}
 .film-visual:hover img{filter:grayscale(1) brightness(1.07)}
 input:not([type="checkbox"]):hover,select:hover{border-color:var(--ds-ink)}
 .checkbox-label:hover input{border-color:var(--ds-ink);box-shadow:0 0 0 3px rgb(237 184 143 / 15%)}
 .faq summary:hover{background:rgb(255 255 255 / 7%)}
}
@media(max-width:760px){
 .mobile-form-jump{display:inline-flex;width:100%;margin-top:22px;background:var(--ds-accent);color:var(--ds-ink)}
 .intro-panel h1{font-size:40px}
 .form-panel .form-heading>p:last-child{font-size:13px}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 .button,.register-nav,.text-link,.privacy-link,.return-stories,.back-link,.media-link img,.film-visual img,.play-button{transform:none!important}
}