/* Lumine sinihall kujundus: valge, härmatis, üks vaoshoitud aktsent (teras-sinihall). */
:root{--bg:#eef4fb;--card:#fff;--ink:#1b2a3a;--mut:#46607a;--line:#d6e3f1;--tl:#3f6e9e;--em:#3f6e9e;--soft:#dfeaf6;--ice:#e8f0f9;--acc2:#5d8fc2}
body{color:var(--ink);font-size:18px;background:
 radial-gradient(1.2px 1.2px at 20px 30px,rgba(93,143,194,.18) 50%,transparent 51%) 0 0/90px 90px,
 radial-gradient(1px 1px at 60px 70px,rgba(93,143,194,.14) 50%,transparent 51%) 0 0/130px 130px,
 linear-gradient(180deg,#dfeaf6 0,#eef4fb 380px,#f6f9fd 100%) fixed}
header{background:rgba(255,255,255,.82)!important;backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.brand{color:var(--tl)!important}.brand span{color:var(--ink)!important}
.card{border-radius:22px;border:1px solid var(--line);box-shadow:0 8px 28px rgba(31,45,58,.06)}
.hero{position:relative;overflow:hidden;background:linear-gradient(165deg,#d3e4f6 0,#e9f2fc 45%,#fff 100%)!important;color:var(--ink)!important;border:1px solid var(--line)}
.hero p{color:var(--mut)!important}.hero h1{color:var(--ink)!important;font-size:34px;line-height:1.15}.hero .btn{background:var(--tl);color:#fff}
.hero::after{content:"";position:absolute;inset:auto -10% -40px -10%;height:90px;background:radial-gradient(60% 100% at 50% 100%,#fff 0,rgba(255,255,255,0) 70%);pointer-events:none}
.snow{position:absolute;inset:0;pointer-events:none}.hero>*:not(.snow){position:relative;z-index:1}
.btn{background:var(--tl);border-radius:16px;min-height:58px;font-size:18px;box-shadow:0 6px 16px rgba(63,110,158,.22)}.btn:hover{background:#335c86}
.btn.sec,.btn.g{background:#fff!important;color:var(--tl)!important;border:2px solid var(--line)!important;box-shadow:none}
a{color:var(--tl)}a.btn{text-decoration:none}.tag{background:var(--soft)!important;color:var(--tl)!important}.tag.demo{background:#f6efe4!important;color:#7a4d12!important}
.pk.on{border-color:var(--tl)!important;background:#eef4fb!important}.msg.yhistu{background:var(--soft)!important}.slots button.on{border-color:var(--tl)!important}
.steps i.on{background:var(--tl)!important}input:focus{border-color:var(--acc2)!important}
nav button.on{background:var(--soft)!important;color:var(--tl)!important}
@media (min-width:900px){.hero{padding:44px}.hero h1{font-size:44px}}
header{position:sticky;overflow:hidden}
header::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.35;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='60'%3E%3Cg fill='none' stroke='%235d8fc2' stroke-width='1.2' stroke-linecap='round'%3E%3Cg transform='translate(40 20)'%3E%3Cpath id='a' d='M0-9V9M-7.8-4.5 7.8 4.5M-7.8 4.5 7.8-4.5M0-9l-2.5-2.5M0-9l2.5-2.5M0 9l-2.5 2.5M0 9l2.5 2.5'/%3E%3C/g%3E%3Cg transform='translate(150 38) scale(.6)'%3E%3Cuse href='%23a'/%3E%3C/g%3E%3Cg transform='translate(205 14) scale(.45)'%3E%3Cuse href='%23a'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") right center/240px 60px no-repeat}
header>*{position:relative;z-index:1}