/* Clínica Salak Design System — tokens y componentes */
:root{
/* Brand — sampled from logo */
--salak-aqua:#4BC4CF;
--salak-malva:#A599A6;
/* Aqua scale */
--aqua-50:#EEF9FA;--aqua-100:#D6F1F4;--aqua-200:#AEE4E9;--aqua-300:#82D6DE;--aqua-400:#63CCD6;--aqua-500:#4BC4CF;--aqua-600:#2FA6B2;--aqua-700:#1F8792;--aqua-800:#186A73;--aqua-900:#134F56;--aqua-950:#0B3237;
/* Malva scale */
--malva-50:#F8F6F8;--malva-100:#EEEAEE;--malva-200:#DCD5DC;--malva-300:#C4BAC5;--malva-400:#B3A8B4;--malva-500:#A599A6;--malva-600:#87798A;--malva-700:#6B5F6E;--malva-800:#514754;--malva-900:#3A323C;--malva-950:#241E26;
/* Neutrals */
--ink:#221C25;--paper:#FBFAF9;--white:#FFFFFF;--sand:#F4F0EC;
/* Semantic */
--success-50:#EAF6EF;--success-500:#2E9E6B;--success-700:#1F7550;
--warning-50:#FDF4E4;--warning-500:#E3A33B;--warning-700:#9A6511;
--danger-50:#FBECEC;--danger-500:#D2555A;--danger-700:#A23439;
--info-50:var(--aqua-50);--info-500:var(--aqua-600);--info-700:var(--aqua-800);
/* Semantic aliases */
--text-1:var(--ink);--text-2:var(--malva-700);--text-3:var(--malva-600);--text-brand:var(--aqua-800);--text-inverse:var(--white);--text-on-aqua:var(--ink);
--surface-page:var(--paper);--surface-card:var(--white);--surface-aqua:var(--aqua-50);--surface-malva:var(--malva-50);--surface-sand:var(--sand);--surface-inverse:var(--ink);--surface-brand:var(--aqua-500);--surface-deep:var(--aqua-900);
--border-1:var(--malva-100);--border-2:var(--malva-200);--border-strong:var(--malva-400);--border-brand:var(--aqua-500);
--focus-ring:var(--aqua-500);
--action-primary:var(--aqua-500);--action-primary-hover:var(--aqua-400);--action-primary-press:var(--aqua-600);
--action-dark:var(--ink);--action-dark-hover:var(--malva-900);
--overlay:rgba(34,28,37,.48);
}

:root{
--font-display:'Bricolage Grotesque','Figtree',system-ui,sans-serif;
--font-body:'Figtree',system-ui,-apple-system,'Segoe UI',sans-serif;
--font-mono:'DM Mono',ui-monospace,monospace;
--fw-light:300;/* @kind other */--fw-regular:400;/* @kind other */--fw-medium:500;/* @kind other */--fw-semibold:600;/* @kind other */--fw-bold:700;/* @kind other */
--fs-display-xl:88px;--fs-display-l:64px;--fs-h1:48px;--fs-h2:36px;--fs-h3:28px;--fs-h4:22px;
--fs-body-l:19px;--fs-body:16px;--fs-body-s:14px;--fs-caption:12px;--fs-eyebrow:12px;
--lh-tight:0.98;/* @kind other */--lh-heading:1.1;/* @kind other */--lh-snug:1.3;/* @kind other */--lh-body:1.6;/* @kind other */
--ls-display:-0.035em;/* @kind other */--ls-heading:-0.02em;/* @kind other */--ls-body:0;/* @kind other */--ls-eyebrow:0.16em;/* @kind other */
/* semantic */
--type-display:var(--fw-medium) var(--fs-display-l)/var(--lh-tight) var(--font-display);/* @kind font */
--type-h1:var(--fw-medium) var(--fs-h1)/var(--lh-heading) var(--font-display);/* @kind font */
--type-h2:var(--fw-medium) var(--fs-h2)/var(--lh-heading) var(--font-display);/* @kind font */
--type-h3:var(--fw-medium) var(--fs-h3)/var(--lh-snug) var(--font-display);/* @kind font */
--type-body:var(--fw-regular) var(--fs-body)/var(--lh-body) var(--font-body);/* @kind font */
}

:root{
--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--space-10:128px;
--container:1200px;/* @kind spacing */--container-wide:1360px;/* @kind spacing */--gutter:24px;/* @kind spacing */--section-y:120px;/* @kind spacing */
--radius-xs:6px;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-xl:36px;--radius-pill:999px;
/* Signature leaf shape — echoes the petals of the symbol */
--radius-leaf:4px 48px 4px 48px;--radius-leaf-sm:3px 24px 3px 24px;--radius-petal:48px 48px 48px 4px;
--control-h-sm:36px;/* @kind spacing */--control-h-md:48px;/* @kind spacing */--control-h-lg:56px;/* @kind spacing */
}

:root{
--shadow-0:none;
--shadow-1:0 1px 2px rgba(36,30,38,.06),0 1px 1px rgba(36,30,38,.04);
--shadow-2:0 10px 28px -12px rgba(36,30,38,.16),0 2px 6px rgba(36,30,38,.04);
--shadow-3:0 28px 56px -20px rgba(36,30,38,.24),0 4px 12px rgba(36,30,38,.06);
--shadow-aqua:0 14px 32px -12px rgba(75,196,207,.65);
--shadow-focus:0 0 0 4px rgba(75,196,207,.35);
--blur-glass:saturate(160%) blur(18px);/* @kind other */
--glass-light:rgba(251,250,249,.72);/* @kind color */
--glass-dark:rgba(34,28,37,.56);/* @kind color */
--border-w:1px;/* @kind other */
}

:root{
--ease-out:cubic-bezier(.22,1,.36,1);/* @kind other */
--ease-in-out:cubic-bezier(.65,0,.35,1);/* @kind other */
--ease-spring:cubic-bezier(.34,1.56,.64,1);/* @kind other */
--ease-linear:linear;/* @kind other */
--dur-instant:120ms;/* @kind other */--dur-fast:200ms;/* @kind other */--dur-base:320ms;/* @kind other */--dur-slow:560ms;/* @kind other */--dur-slower:900ms;/* @kind other */
--stagger:80ms;/* @kind other */
}
@keyframes salak-fade-up{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes salak-fade-in{from{opacity:0}to{opacity:1}}
@keyframes salak-grow{from{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes salak-reveal-x{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes salak-bloom{0%{transform:scale(.6) rotate(-8deg);opacity:0}60%{opacity:1}100%{transform:none;opacity:1}}
@keyframes salak-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes salak-pulse{0%{box-shadow:0 0 0 0 rgba(75,196,207,.55)}100%{box-shadow:0 0 0 18px rgba(75,196,207,0)}}
@keyframes salak-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes salak-spin{to{transform:rotate(360deg)}}
@keyframes salak-toast-in{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}

/* Component styles — imported via styles.css. Class prefix: sk- */
.sk-icon{display:inline-block;flex:none;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center}
/* Button */
.sk-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:var(--control-h-md);padding:0 26px;border-radius:var(--radius-pill);border:1px solid transparent;font:600 15px/1 var(--font-body);letter-spacing:.01em;cursor:pointer;white-space:nowrap;text-decoration:none;transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),transform var(--dur-fast) var(--ease-out)}
.sk-btn:active{transform:scale(.97)}
.sk-btn .sk-btn__icon-r{transition:transform var(--dur-base) var(--ease-spring)}
.sk-btn:hover .sk-btn__icon-r{transform:translateX(4px)}
.sk-btn--sm{height:var(--control-h-sm);padding:0 18px;font-size:14px;gap:8px}
.sk-btn--lg{height:var(--control-h-lg);padding:0 32px;font-size:16px}
.sk-btn--block{display:flex;width:100%}
.sk-btn--primary{background:var(--aqua-500);color:var(--ink)}
.sk-btn--primary:hover{background:var(--aqua-400);color:var(--ink);box-shadow:var(--shadow-aqua);transform:translateY(-1px)}
.sk-btn--primary:active{background:var(--aqua-600)}
.sk-btn--dark{background:var(--ink);color:var(--white)}
.sk-btn--dark:hover{background:var(--malva-900);color:var(--white);box-shadow:var(--shadow-2);transform:translateY(-1px)}
.sk-btn--secondary{background:transparent;color:var(--ink);border-color:var(--ink)}
.sk-btn--secondary:hover{background:var(--ink);color:var(--white)}
.sk-btn--soft{background:var(--aqua-50);color:var(--aqua-800)}
.sk-btn--soft:hover{background:var(--aqua-100);color:var(--aqua-900)}
.sk-btn--ghost{background:transparent;color:var(--ink)}
.sk-btn--ghost:hover{background:var(--malva-50);color:var(--ink)}
.sk-btn--white{background:var(--white);color:var(--ink)}
.sk-btn--white:hover{background:var(--aqua-50);color:var(--ink);transform:translateY(-1px)}
.sk-btn--link{height:auto;padding:0 0 4px;border-radius:0;background:none;color:var(--ink);background-image:linear-gradient(var(--aqua-500),var(--aqua-500));background-size:100% 2px;background-position:0 100%;background-repeat:no-repeat;transition:background-size var(--dur-base) var(--ease-out),color var(--dur-fast)}
.sk-btn--link:hover{color:var(--aqua-800);background-size:40% 2px}
.sk-btn--link:active{transform:none}
.sk-btn:disabled,.sk-btn[aria-disabled="true"]{opacity:.4;pointer-events:none}
.sk-btn:focus-visible,.sk-iconbtn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}
/* IconButton */
.sk-iconbtn{display:inline-grid;place-items:center;width:var(--control-h-md);height:var(--control-h-md);border-radius:var(--radius-pill);border:1px solid transparent;cursor:pointer;padding:0;transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast),border-color var(--dur-fast),transform var(--dur-base) var(--ease-spring)}
.sk-iconbtn:hover{transform:rotate(-8deg) scale(1.06)}
.sk-iconbtn:active{transform:scale(.92)}
.sk-iconbtn--sm{width:var(--control-h-sm);height:var(--control-h-sm)}
.sk-iconbtn--lg{width:var(--control-h-lg);height:var(--control-h-lg)}
.sk-iconbtn--primary{background:var(--aqua-500);color:var(--ink)}.sk-iconbtn--primary:hover{background:var(--aqua-400)}
.sk-iconbtn--dark{background:var(--ink);color:var(--white)}.sk-iconbtn--dark:hover{background:var(--malva-900)}
.sk-iconbtn--secondary{background:transparent;border-color:var(--border-2);color:var(--ink)}.sk-iconbtn--secondary:hover{border-color:var(--ink)}
.sk-iconbtn--soft{background:var(--aqua-50);color:var(--aqua-800)}.sk-iconbtn--soft:hover{background:var(--aqua-100)}
.sk-iconbtn--ghost{background:transparent;color:var(--ink)}.sk-iconbtn--ghost:hover{background:var(--malva-50)}
.sk-iconbtn--white{background:var(--white);color:var(--ink)}
.sk-iconbtn:disabled{opacity:.4;pointer-events:none}
/* Badge */
.sk-badge{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:var(--radius-pill);font:600 12px/1 var(--font-body);letter-spacing:.02em;white-space:nowrap}
.sk-badge__dot{width:6px;height:6px;border-radius:50%;background:currentColor}
.sk-badge--neutral{background:var(--malva-100);color:var(--malva-800)}
.sk-badge--aqua{background:var(--aqua-100);color:var(--aqua-900)}
.sk-badge--malva{background:var(--malva-500);color:var(--white)}
.sk-badge--ink{background:var(--ink);color:var(--white)}
.sk-badge--success{background:var(--success-50);color:var(--success-700)}
.sk-badge--warning{background:var(--warning-50);color:var(--warning-700)}
.sk-badge--danger{background:var(--danger-50);color:var(--danger-700)}
/* Tag */
.sk-tag{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 16px;border-radius:var(--radius-pill);border:1px solid var(--border-2);background:var(--white);color:var(--ink);font:500 14px/1 var(--font-body);cursor:pointer;transition:all var(--dur-fast) var(--ease-out)}
.sk-tag:hover{border-color:var(--ink)}
.sk-tag--active{background:var(--ink);border-color:var(--ink);color:var(--white)}
.sk-tag__x{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:rgba(255,255,255,.16);margin-right:-6px}
/* Fields */
.sk-field{display:flex;flex-direction:column;gap:8px;min-width:0}
.sk-field__label{font:600 13px/1.2 var(--font-body);color:var(--ink);letter-spacing:.01em}
.sk-field__req{color:var(--aqua-700)}
.sk-field__hint{font:400 13px/1.4 var(--font-body);color:var(--text-2)}
.sk-field--error .sk-field__hint{color:var(--danger-700)}
.sk-control{position:relative;display:flex;align-items:center}
.sk-control__icon{position:absolute;left:16px;color:var(--text-3);pointer-events:none}
.sk-control__chev{position:absolute;right:16px;color:var(--ink);pointer-events:none;transition:transform var(--dur-base) var(--ease-out)}
.sk-input{width:100%;height:52px;padding:0 18px;border:1px solid var(--border-2);border-radius:var(--radius-md);background:var(--white);color:var(--ink);font:400 16px/1.4 var(--font-body);outline:none;appearance:none;-webkit-appearance:none;transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),background-color var(--dur-fast)}
.sk-input::placeholder{color:var(--malva-500)}
.sk-input:hover{border-color:var(--malva-400)}
.sk-input:focus{border-color:var(--aqua-500);box-shadow:var(--shadow-focus)}
.sk-input--icon{padding-left:46px}
.sk-input--select{padding-right:46px;cursor:pointer}
textarea.sk-input{height:auto;min-height:120px;padding:14px 18px;resize:vertical}
.sk-field--error .sk-input{border-color:var(--danger-500)}
.sk-field--error .sk-input:focus{box-shadow:0 0 0 4px rgba(210,85,90,.2)}
.sk-input:disabled{background:var(--malva-50);color:var(--text-3);cursor:not-allowed}
/* Checkbox / Radio */
.sk-check{display:inline-flex;align-items:flex-start;gap:12px;cursor:pointer;font:400 15px/1.45 var(--font-body);color:var(--ink);user-select:none}
.sk-check input{position:absolute;opacity:0;width:0;height:0}
.sk-check__box{flex:none;display:grid;place-items:center;width:22px;height:22px;margin-top:0;border:1.5px solid var(--malva-400);border-radius:7px;background:var(--white);color:var(--ink);transition:all var(--dur-fast) var(--ease-out)}
.sk-check__box .sk-icon{transform:scale(0);transition:transform var(--dur-base) var(--ease-spring)}
.sk-check:hover .sk-check__box{border-color:var(--ink)}
.sk-check input:checked+.sk-check__box{background:var(--aqua-500);border-color:var(--aqua-500)}
.sk-check input:checked+.sk-check__box .sk-icon{transform:scale(1)}
.sk-check input:focus-visible+.sk-check__box{box-shadow:var(--shadow-focus)}
.sk-check--radio .sk-check__box{border-radius:50%}
.sk-check__dot{width:10px;height:10px;border-radius:50%;background:var(--ink);transform:scale(0);transition:transform var(--dur-base) var(--ease-spring)}
.sk-check input:checked+.sk-check__box .sk-check__dot{transform:scale(1)}
.sk-check--disabled{opacity:.45;pointer-events:none}
.sk-check__desc{display:block;font-size:13px;color:var(--text-2)}
/* Switch */
.sk-switch{display:inline-flex;align-items:center;gap:12px;cursor:pointer;font:500 15px/1.3 var(--font-body);color:var(--ink);user-select:none}
.sk-switch input{position:absolute;opacity:0;width:0;height:0}
.sk-switch__track{position:relative;flex:none;width:46px;height:28px;border-radius:var(--radius-pill);background:var(--malva-200);transition:background-color var(--dur-base) var(--ease-out)}
.sk-switch__thumb{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:var(--white);box-shadow:0 2px 6px rgba(36,30,38,.2);transition:transform var(--dur-base) var(--ease-spring)}
.sk-switch input:checked+.sk-switch__track{background:var(--aqua-500)}
.sk-switch input:checked+.sk-switch__track .sk-switch__thumb{transform:translateX(18px)}
.sk-switch input:focus-visible+.sk-switch__track{box-shadow:var(--shadow-focus)}
/* Card */
.sk-card{position:relative;display:flex;flex-direction:column;gap:16px;padding:32px;border-radius:var(--radius-lg);background:var(--white);color:var(--ink);transition:transform var(--dur-slow) var(--ease-out),box-shadow var(--dur-slow) var(--ease-out),background-color var(--dur-base) var(--ease-out),border-color var(--dur-base)}
.sk-card--outline{border:1px solid var(--border-1)}
.sk-card--elevated{box-shadow:var(--shadow-2)}
.sk-card--aqua{background:var(--aqua-50)}
.sk-card--malva{background:var(--malva-50)}
.sk-card--sand{background:var(--sand)}
.sk-card--inverse{background:var(--ink);color:var(--white)}
.sk-card--brand{background:var(--aqua-500);color:var(--ink)}
.sk-card--leaf{border-radius:var(--radius-leaf)}
.sk-card--compact{padding:24px;gap:12px}
.sk-card--interactive{cursor:pointer}
.sk-card--interactive:hover{transform:translateY(-4px);box-shadow:var(--shadow-3)}
/* SpecialtyCard */
.sk-spec{position:relative;display:flex;flex-direction:column;gap:20px;padding:28px;min-height:300px;border-radius:var(--radius-lg);background:var(--white);border:1px solid var(--border-1);color:var(--ink);text-decoration:none;cursor:pointer;overflow:hidden;transition:background-color var(--dur-base) var(--ease-out),border-color var(--dur-base),transform var(--dur-slow) var(--ease-out)}
.sk-spec:hover{background:var(--aqua-50);border-color:var(--aqua-200);color:var(--ink);transform:translateY(-4px)}
.sk-spec__top{display:flex;justify-content:space-between;align-items:flex-start}
.sk-spec__num{font:500 13px/1 var(--font-mono);color:var(--text-3)}
.sk-spec__icon{display:grid;place-items:center;width:56px;height:56px;border-radius:var(--radius-leaf-sm);background:var(--aqua-50);color:var(--aqua-800);transition:background-color var(--dur-base) var(--ease-out),color var(--dur-base),border-radius var(--dur-slow) var(--ease-out)}
.sk-spec:hover .sk-spec__icon{background:var(--aqua-500);color:var(--ink);border-radius:24px 3px 24px 3px}
.sk-spec__body{display:flex;flex-direction:column;gap:10px;margin-top:auto}
.sk-spec__title{font:500 24px/1.15 var(--font-display);letter-spacing:-.02em}
.sk-spec__desc{font:400 15px/1.55 var(--font-body);color:var(--text-2)}
.sk-spec__arrow{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--border-2);transition:transform var(--dur-base) var(--ease-spring),background-color var(--dur-base),border-color var(--dur-base)}
.sk-spec:hover .sk-spec__arrow{transform:rotate(-45deg);background:var(--ink);border-color:var(--ink);color:var(--white)}
/* DoctorCard */
.sk-doc{display:flex;flex-direction:column;gap:16px;color:var(--ink);cursor:pointer}
.sk-doc__media{position:relative;aspect-ratio:4/5;border-radius:var(--radius-leaf);overflow:hidden;background:var(--malva-100)}
.sk-doc__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--dur-slower) var(--ease-out)}
.sk-doc:hover .sk-doc__media img{transform:scale(1.05)}
.sk-doc__ph{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(160deg,var(--malva-100),var(--aqua-50))}
.sk-doc__ph img{width:38%;height:auto;opacity:.35}
.sk-doc__badge{position:absolute;left:14px;bottom:14px}
.sk-doc__name{font:500 21px/1.2 var(--font-display);letter-spacing:-.015em}
.sk-doc__role{font:500 12px/1 var(--font-body);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--aqua-800)}
.sk-doc__meta{font:400 13px/1.4 var(--font-body);color:var(--text-2)}
/* Accordion */
.sk-acc{display:flex;flex-direction:column;border-top:1px solid var(--border-2)}
.sk-acc__item{border-bottom:1px solid var(--border-2)}
.sk-acc__btn{display:flex;width:100%;align-items:center;justify-content:space-between;gap:24px;padding:24px 0;background:none;border:0;cursor:pointer;text-align:left;color:var(--ink);font:500 20px/1.3 var(--font-display);letter-spacing:-.01em;transition:color var(--dur-fast)}
.sk-acc__btn:hover{color:var(--aqua-800)}
.sk-acc__plus{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--malva-50);transition:transform var(--dur-base) var(--ease-spring),background-color var(--dur-base)}
.sk-acc__item--open .sk-acc__plus{transform:rotate(45deg);background:var(--aqua-500)}
.sk-acc__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--dur-slow) var(--ease-out)}
.sk-acc__item--open .sk-acc__panel{grid-template-rows:1fr}
.sk-acc__inner{overflow:hidden}
.sk-acc__content{padding:0 60px 24px 0;font:400 16px/1.65 var(--font-body);color:var(--text-2)}
/* Tabs */
.sk-tabs{display:flex;gap:4px;flex-wrap:wrap}
.sk-tabs--pill{display:inline-flex;padding:4px;border-radius:var(--radius-pill);background:var(--malva-50);border:1px solid var(--border-1)}
.sk-tab{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 18px;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--text-2);font:500 14px/1 var(--font-body);cursor:pointer;transition:background-color var(--dur-base) var(--ease-out),color var(--dur-fast)}
.sk-tab:hover{color:var(--ink)}
.sk-tabs--pill .sk-tab--active{background:var(--ink);color:var(--white)}
.sk-tabs--underline{gap:28px;border-bottom:1px solid var(--border-2)}
.sk-tabs--underline .sk-tab{position:relative;height:48px;padding:0;border-radius:0;font-size:15px}
.sk-tabs--underline .sk-tab::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--aqua-500);transform:scaleX(0);transform-origin:left;transition:transform var(--dur-base) var(--ease-out)}
.sk-tabs--underline .sk-tab--active{color:var(--ink)}
.sk-tabs--underline .sk-tab--active::after{transform:scaleX(1)}
/* Dialog */
.sk-dialog{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:24px;background:var(--overlay);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:salak-fade-in var(--dur-base) var(--ease-out)}
.sk-dialog--inline{position:relative;inset:auto;min-height:100%}
.sk-dialog__panel{position:relative;width:100%;max-width:520px;max-height:calc(100vh - 48px);overflow:auto;padding:40px;border-radius:var(--radius-xl);background:var(--white);box-shadow:var(--shadow-3);animation:salak-toast-in var(--dur-slow) var(--ease-out)}
.sk-dialog__close{position:absolute;top:20px;right:20px}
.sk-dialog__title{font:500 28px/1.15 var(--font-display);letter-spacing:-.02em;margin:0 40px 12px 0}
.sk-dialog__body{font:400 16px/1.6 var(--font-body);color:var(--text-2)}
.sk-dialog__actions{display:flex;gap:12px;justify-content:flex-end;margin-top:32px;flex-wrap:wrap}
/* Toast */
.sk-toast{display:flex;align-items:flex-start;gap:14px;width:100%;max-width:400px;padding:16px 16px 16px 18px;border-radius:var(--radius-md);background:var(--ink);color:var(--white);box-shadow:var(--shadow-3);animation:salak-toast-in var(--dur-slow) var(--ease-out)}
.sk-toast__icon{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--aqua-500);color:var(--ink)}
.sk-toast--success .sk-toast__icon{background:var(--success-500);color:var(--white)}
.sk-toast--warning .sk-toast__icon{background:var(--warning-500);color:var(--ink)}
.sk-toast--danger .sk-toast__icon{background:var(--danger-500);color:var(--white)}
.sk-toast--light{background:var(--white);color:var(--ink);border:1px solid var(--border-1)}
.sk-toast__text{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;padding-top:2px}
.sk-toast__title{font:600 15px/1.3 var(--font-body)}
.sk-toast__msg{font:400 14px/1.45 var(--font-body);opacity:.78}
.sk-toast__close{flex:none;background:none;border:0;color:inherit;opacity:.6;cursor:pointer;padding:4px;display:grid;place-items:center}
.sk-toast__close:hover{opacity:1}
/* Tooltip */
.sk-tip{position:relative;display:inline-flex}
.sk-tip__bubble{position:absolute;left:50%;bottom:calc(100% + 10px);z-index:20;padding:8px 12px;border-radius:10px;background:var(--ink);color:var(--white);font:500 13px/1.35 var(--font-body);white-space:nowrap;pointer-events:none;opacity:0;transform:translate(-50%,6px);transition:opacity var(--dur-fast) var(--ease-out),transform var(--dur-base) var(--ease-out)}
.sk-tip__bubble::after{content:"";position:absolute;left:50%;top:100%;margin-left:-5px;border:5px solid transparent;border-top-color:var(--ink)}
.sk-tip--bottom .sk-tip__bubble{bottom:auto;top:calc(100% + 10px);transform:translate(-50%,-6px)}
.sk-tip--bottom .sk-tip__bubble::after{top:auto;bottom:100%;border-top-color:transparent;border-bottom-color:var(--ink)}
.sk-tip:hover .sk-tip__bubble,.sk-tip:focus-within .sk-tip__bubble,.sk-tip--open .sk-tip__bubble{opacity:1;transform:translate(-50%,0)}
/* SectionHeading */
.sk-sh{display:flex;flex-direction:column;gap:18px;max-width:720px}
.sk-sh--center{align-items:center;text-align:center;margin-inline:auto}
.sk-eyebrow{display:inline-flex;align-items:center;gap:10px;font:600 12px/1 var(--font-body);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--aqua-800)}
.sk-eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--aqua-500)}
.sk-sh__title{font:500 clamp(34px,4.4vw,56px)/1.04 var(--font-display);letter-spacing:-.03em;color:var(--ink);text-wrap:balance}
.sk-sh__title em{font-style:normal;color:var(--aqua-700)}
.sk-sh__lede{font:400 18px/1.6 var(--font-body);color:var(--text-2);text-wrap:pretty}
.sk-sh--inverse .sk-sh__title{color:var(--white)}.sk-sh--inverse .sk-sh__lede{color:rgba(255,255,255,.72)}.sk-sh--inverse .sk-eyebrow{color:var(--aqua-300)}
.sk-sh--inverse .sk-sh__title em{color:var(--aqua-400)}
/* Logo */
.sk-logo{display:inline-block;line-height:0}
.sk-logo img{display:block;height:100%;width:auto}
.sk-logo--animated img{animation:salak-grow var(--dur-slower) var(--ease-out) both}