.site-tour { position:fixed; inset:0; z-index:100000; font-family:inherit; color:#14304d; }
.site-tour *, .site-tour *::before, .site-tour *::after { box-sizing:border-box; }
.site-tour-blocker { position:absolute; inset:0; }
.site-tour-spot { position:fixed; border:2px solid #28a8f2; border-radius:17px; box-shadow:0 0 0 9999px #16375480,0 0 0 5px #ffffffb3; pointer-events:none; }
.site-tour.is-centered .site-tour-blocker { background:#16375480; }
.site-tour.is-centered .site-tour-spot { display:none; }
.site-tour-card { position:fixed; width:min(380px,calc(100vw - 24px)); max-height:calc(100dvh - 24px); overflow:auto; padding:23px; border:1px solid #c9e9fb; border-radius:24px; background:#fff; box-shadow:0 20px 80px #123e6438; outline:none; }
.site-tour.is-centered .site-tour-card { left:50%!important; top:50%!important; transform:translate(-50%,-50%); }
.site-tour-head { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.site-tour-label { color:#087dbf; font-size:12px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; }
.site-tour button { font:inherit; cursor:pointer; border:1px solid #c9e7f8; border-radius:12px; color:#086ead; background:#edf8ff; min-height:44px; padding:9px 16px; font-weight:750; }
.site-tour button:focus-visible { outline:3px solid #0079ba; outline-offset:3px; }
.site-tour button:disabled { opacity:.6; cursor:wait; }
.site-tour .site-tour-close { border:0; background:transparent; padding:0; width:40px; height:40px; min-height:40px; font-size:26px; color:#69859c; flex-shrink:0; }
.site-tour-card h2 { font-size:24px; line-height:1.2; margin:12px 0; }
.site-tour-card p { font-size:15px; line-height:1.65; margin:0 0 20px; color:#4c687f; }
.site-tour-actions { display:flex; gap:10px; margin-top:20px; }
.site-tour .site-tour-next { flex:1; color:#fff; background:linear-gradient(100deg,#169ee9,#0478bc); border-color:transparent; }
.site-tour .site-tour-skip { display:block; width:100%; border:0; margin-top:8px; color:#52768e; background:transparent; font-weight:500; font-size:14px; }
.site-tour-dots { display:flex; gap:5px; }
.site-tour-dots i { flex:1; height:4px; border-radius:4px; background:#e1eef7; }
.site-tour-dots i.done { background:#169ee9; }
.site-tour-exams { display:flex; gap:9px; margin-top:16px; }
.site-tour-exams button { flex:1; }
.site-tour-exams button[aria-pressed=true] { color:#fff; background:#078cda; border-color:#078cda; }
body.site-tour-open, body.site-tour-open * { scroll-behavior:auto!important; }
@media(max-width:600px) { .site-tour-card { padding:18px; border-radius:20px; } .site-tour-card h2 { font-size:22px; } .site-tour-card p { font-size:14px; line-height:1.55; margin-bottom:15px; } }
@media(prefers-reduced-motion:reduce) { .site-tour * { animation:none!important; transition:none!important; } }