:where(html){--link:var(--indigo-7);--link-visited:var(--purple-7);--text-1:var(--gray-12);--text-2:var(--gray-7);--surface-1:var(--gray-0);--surface-2:var(--gray-2);--surface-3:var(--gray-3);--surface-4:var(--gray-4);--scrollthumb-color:var(--gray-7);-webkit-text-size-adjust:none;accent-color:var(--brand,var(--link));background-color:var(--surface-1);block-size:100%;caret-color:var(--brand,var(--link));color:var(--text-1);color-scheme:light;font-family:var(--font-system-ui);line-height:var(--font-lineheight-3);scrollbar-color:var(--scrollthumb-color) transparent}@media (dynamic-range:high) or (color-gamut:p3){@supports (color:color(display-p3 0 0 0)){:where(html){--link:color(display-p3 .1 .4 1);--link-visited:color(display-p3 .6 .2 1)}}}:where(html) :where(dialog){background-color:var(--surface-1)}:where(html) :where(button,.btn){--_highlight:var(--_highlight-light);--_bg:var(--_bg-light);--_ink-shadow:var(--_ink-shadow-light)}:where(html) :where(button,.btn) :where([type=reset]){--_text:var(--red-6);--_border:var(--red-3)}:where(html) :where(button,.btn,input:is([type=button],[type=submit],[type=reset]))[disabled]{--_text:var(--gray-6)}:where(html) :where(textarea,select,input:not([type=button],[type=submit],[type=reset])){background-color:var(--surface-2)}@media (prefers-color-scheme:dark){:where(html){--link:var(--indigo-3);--link-visited:var(--purple-3);--text-1:var(--gray-1);--text-2:var(--gray-4);--surface-1:var(--gray-9);--surface-2:var(--gray-8);--surface-3:var(--gray-7);--surface-4:var(--gray-6);--scrollthumb-color:var(--gray-6);--shadow-strength:10%;--shadow-color:220 40% 2%;color-scheme:dark}}:where(a[href]){color:var(--brand,var(--link))}:where(a[href]):where(:visited){color:var(--link-visited)}:focus-visible{outline-color:var(--brand,var(--link))}*,:after,:before{box-sizing:border-box}:where(:not(dialog)){margin:0}:where(:not(fieldset,progress,meter)){background-origin:border-box;background-repeat:no-repeat;border-style:solid;border-width:0}@media (prefers-reduced-motion:no-preference){:where(html){scroll-behavior:smooth}}@media (prefers-reduced-motion:no-preference){:where(:focus-visible){transition:outline-offset 145ms var(--ease-2)}:where(:not(:active):focus-visible){transition-duration:.25s}}:where(:not(:active):focus-visible){outline-offset:5px}:where(body){min-block-size:100%}:where(h1,h2,h3,h4,h5,h6){font-weight:var(--font-weight-9);line-height:var(--font-lineheight-1);text-wrap:balance}:where(h1){font-size:var(--font-size-8);max-inline-size:var(--size-header-1)}:where(h2){font-size:var(--font-size-6);max-inline-size:var(--size-header-2)}:where(h3){font-size:var(--font-size-5)}:where(h4){font-size:var(--font-size-4)}:where(h5){font-size:var(--font-size-3)}:where(h3,h4,h5,h6,dt){max-inline-size:var(--size-header-3)}:where(p,ul,ol,dl,h6){font-size:var(--font-size-2)}:where(a,u,ins,abbr){text-underline-offset:1px}@supports (-moz-appearance:none){:where(a,u,ins,abbr){text-underline-offset:2px}}:where(a[href],area,button,input:not([type=text],[type=email],[type=number],[type=password],[type=""],[type=tel],[type=url]),label[for],select,summary,[tabindex]:not([tabindex*="-"],pre)){cursor:pointer}:where(a[href],area,button,input,label[for],select,summary,textarea,[tabindex]:not([tabindex*="-"])){-webkit-tap-highlight-color:transparent;touch-action:manipulation}:where(a):where([href]){text-decoration-color:var(--indigo-2)}:where(a):where([href]):where(:visited){text-decoration-color:var(--purple-2)}:where(a):where(:not(:hover)){text-decoration:inherit}:where(img,svg,video,canvas,audio,iframe,embed,object){display:block}:where(img,svg,video){block-size:auto;max-inline-size:100%}:where(input,button,textarea,select),:where(input[type=file])::-webkit-file-upload-button{color:inherit;font:inherit;font-size:inherit;letter-spacing:inherit}::placeholder{color:var(--gray-7);opacity:.75}:where(input:not([type=range]),textarea){padding-block:var(--size-1);padding-inline:var(--size-2)}:where(select){padding-block:.75ch;padding-inline:var(--size-relative-4) 0}:where(textarea,select,input:not([type=button],[type=submit],[type=reset])){background-color:var(--surface-2);border-radius:var(--radius-2)}:where(textarea){resize:block}:where(input[type=checkbox],input[type=radio]){block-size:var(--size-3);inline-size:var(--size-3)}:where(svg:not([width])){inline-size:var(--size-10)}:where(code,kbd,samp,pre){font-family:var(--font-monospace-code),monospace}:where(:not(pre)>code,kbd){white-space:nowrap}:where(pre){direction:ltr;max-inline-size:max-content;min-inline-size:0;white-space:pre;writing-mode:lr}:where(:not(pre)>code){background:var(--surface-2);border-radius:var(--radius-2);padding:var(--size-1) var(--size-2);writing-mode:lr}:where(kbd,var){border-color:var(--surface-4);border-radius:var(--radius-2);border-width:var(--border-size-1);padding:var(--size-1) var(--size-2)}:where(mark){border-radius:var(--radius-2);padding-inline:var(--size-1)}:where(ol,ul){padding-inline-start:var(--size-8)}:where(li){padding-inline-start:var(--size-2)}:where(li,dd,figcaption){max-inline-size:var(--size-content-2)}:where(p){max-inline-size:var(--size-content-3);text-wrap:pretty}:where(dt,summary){font-weight:var(--font-weight-7)}:where(dt:not(:first-of-type)){margin-block-start:var(--size-5)}:where(small){font-size:max(.5em,var(--font-size-0));max-inline-size:var(--size-content-1)}:where(hr){background-color:var(--surface-3);height:var(--border-size-2);margin-block:var(--size-fluid-5)}:where(figure){display:grid;gap:var(--size-2);place-items:center}:where(figure)>:where(figcaption){font-size:var(--font-size-1);text-wrap:balance}:where(blockquote,:not(blockquote)>cite){border-inline-start-width:var(--border-size-3)}:where(blockquote){display:grid;gap:var(--size-3);max-inline-size:var(--size-content-2);padding-block:var(--size-3);padding-inline:var(--size-4)}:where(:not(blockquote)>cite){padding-inline-start:var(--size-2)}:where(summary){background:var(--surface-3);border-radius:var(--radius-2);margin:calc(var(--size-2)*-1) calc(var(--size-3)*-1);padding:var(--size-2) var(--size-3)}:where(details){background:var(--surface-2);border-radius:var(--radius-2);padding-block:var(--size-2);padding-inline:var(--size-3)}:where(details[open]>summary){border-end-end-radius:0;border-end-start-radius:0;margin-bottom:var(--size-2)}:where(fieldset){border:var(--border-size-1) solid var(--surface-4);border-radius:var(--radius-2)}:where(del){background:var(--red-9);color:var(--red-2)}:where(ins){background:var(--green-9);color:var(--green-1)}:where(abbr){text-decoration-color:var(--blue-5)}:where(dialog){background-color:var(--surface-1);border-radius:var(--radius-3);box-shadow:var(--shadow-6);color:inherit}:where(menu){display:flex;gap:var(--size-3);padding-inline-start:0}:where(sup){font-size:.5em}:where(table){--nice-inner-radius:calc(var(--radius-3) - 2px);background:var(--surface-2);border:1px solid var(--surface-2);border-radius:var(--radius-3);width:fit-content}:where(table[\:not-has\(tfoot\)] tr:last-child td:first-child){border-end-start-radius:var(--nice-inner-radius)}:where(table:not(:has(tfoot)) tr:last-child td:first-child){border-end-start-radius:var(--nice-inner-radius)}:where(table[\:not-has\(tfoot\)] tr:last-child td:last-child){border-end-end-radius:var(--nice-inner-radius)}:where(table:not(:has(tfoot)) tr:last-child td:last-child){border-end-end-radius:var(--nice-inner-radius)}:where(table thead tr:first-child th:first-child){border-start-start-radius:var(--nice-inner-radius)}:where(table thead tr:first-child th:last-child){border-start-end-radius:var(--nice-inner-radius)}:where(tfoot tr:last-child :is(th,td):first-of-type){border-end-start-radius:var(--nice-inner-radius)}:where(tfoot tr:last-child :is(th,td):last-of-type){border-end-end-radius:var(--nice-inner-radius)}:where(th){background-color:var(--surface-2);color:var(--text-1)}:where(table :is(a,button,[contenteditable]):is(:focus-visible)){outline-offset:-2px}:where(td){background:var(--surface-1);max-inline-size:var(--size-content-2);text-wrap:pretty}:where(td,th){padding:var(--size-2);text-align:left}:where(:is(td,th):not([align])){text-align:center}:where(thead){border-collapse:collapse}:where(table tr:hover td),:where(tbody tr:nth-child(2n):hover td){background-color:var(--gray-10)}@media (prefers-color-scheme:light){:where(table tr:hover td),:where(tbody tr:nth-child(2n):hover td){background-color:#fff}}:where(table>caption){margin:var(--size-3)}:where(tfoot button){padding-block:var(--size-1);padding-inline:var(--size-3)}@media (prefers-color-scheme:dark){:where(textarea,select,input:not([type=button],[type=submit],[type=reset])){background-color:#171a1c}:where(dialog){background-color:var(--surface-2)}::placeholder{color:var(--gray-6)}}:where(html){--font-system-ui:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;--font-transitional:Charter,Bitstream Charter,Sitka Text,Cambria,serif;--font-old-style:Iowan Old Style,Palatino Linotype,URW Palladio L,P052,serif;--font-humanist:Seravek,Gill Sans Nova,Ubuntu,Calibri,DejaVu Sans,source-sans-pro,sans-serif;--font-geometric-humanist:Avenir,Montserrat,Corbel,URW Gothic,source-sans-pro,sans-serif;--font-classical-humanist:Optima,Candara,Noto Sans,source-sans-pro,sans-serif;--font-neo-grotesque:Inter,Roboto,Helvetica Neue,Arial Nova,Nimbus Sans,Arial,sans-serif;--font-monospace-slab-serif:Nimbus Mono PS,Courier New,monospace;--font-monospace-code:Dank Mono,Operator Mono,Inconsolata,Fira Mono,ui-monospace,SF Mono,Monaco,Droid Sans Mono,Source Code Pro,Cascadia Code,Menlo,Consolas,DejaVu Sans Mono,monospace;--font-industrial:Bahnschrift,DIN Alternate,Franklin Gothic Medium,Nimbus Sans Narrow,sans-serif-condensed,sans-serif;--font-rounded-sans:ui-rounded,Hiragino Maru Gothic ProN,Quicksand,Comfortaa,Manjari,Arial Rounded MT,Arial Rounded MT Bold,Calibri,source-sans-pro,sans-serif;--font-slab-serif:Rockwell,Rockwell Nova,Roboto Slab,DejaVu Serif,Sitka Small,serif;--font-antique:Superclarendon,Bookman Old Style,URW Bookman,URW Bookman L,Georgia Pro,Georgia,serif;--font-didone:Didot,Bodoni MT,Noto Serif Display,URW Palladio L,P052,Sylfaen,serif;--font-handwritten:Segoe Print,Bradley Hand,Chilanka,TSCu_Comic,casual,cursive;--font-sans:var(--font-system-ui);--font-serif:ui-serif,serif;--font-mono:var(--font-monospace-code);--font-weight-1:100;--font-weight-2:200;--font-weight-3:300;--font-weight-4:400;--font-weight-5:500;--font-weight-6:600;--font-weight-7:700;--font-weight-8:800;--font-weight-9:900;--font-lineheight-00:.95;--font-lineheight-0:1.1;--font-lineheight-1:1.25;--font-lineheight-2:1.375;--font-lineheight-3:1.5;--font-lineheight-4:1.75;--font-lineheight-5:2;--font-letterspacing-0:-.05em;--font-letterspacing-1:.025em;--font-letterspacing-2:.050em;--font-letterspacing-3:.075em;--font-letterspacing-4:.150em;--font-letterspacing-5:.500em;--font-letterspacing-6:.750em;--font-letterspacing-7:1em;--font-size-00:.5rem;--font-size-0:.75rem;--font-size-1:1rem;--font-size-2:1.1rem;--font-size-3:1.25rem;--font-size-4:1.5rem;--font-size-5:2rem;--font-size-6:2.5rem;--font-size-7:3rem;--font-size-8:3.5rem;--font-size-fluid-0:clamp(.75rem,2vw,1rem);--font-size-fluid-1:clamp(1rem,4vw,1.5rem);--font-size-fluid-2:clamp(1.5rem,6vw,2.5rem);--font-size-fluid-3:clamp(2rem,9vw,3.5rem);--size-000:-.5rem;--size-00:-.25rem;--size-1:.25rem;--size-2:.5rem;--size-3:1rem;--size-4:1.25rem;--size-5:1.5rem;--size-6:1.75rem;--size-7:2rem;--size-8:3rem;--size-9:4rem;--size-10:5rem;--size-11:7.5rem;--size-12:10rem;--size-13:15rem;--size-14:20rem;--size-15:30rem;--size-px-000:-8px;--size-px-00:-4px;--size-px-1:4px;--size-px-2:8px;--size-px-3:16px;--size-px-4:20px;--size-px-5:24px;--size-px-6:28px;--size-px-7:32px;--size-px-8:48px;--size-px-9:64px;--size-px-10:80px;--size-px-11:120px;--size-px-12:160px;--size-px-13:240px;--size-px-14:320px;--size-px-15:480px;--size-fluid-1:clamp(.5rem,1vw,1rem);--size-fluid-2:clamp(1rem,2vw,1.5rem);--size-fluid-3:clamp(1.5rem,3vw,2rem);--size-fluid-4:clamp(2rem,4vw,3rem);--size-fluid-5:clamp(4rem,5vw,5rem);--size-fluid-6:clamp(5rem,7vw,7.5rem);--size-fluid-7:clamp(7.5rem,10vw,10rem);--size-fluid-8:clamp(10rem,20vw,15rem);--size-fluid-9:clamp(15rem,30vw,20rem);--size-fluid-10:clamp(20rem,40vw,30rem);--size-content-1:20ch;--size-content-2:45ch;--size-content-3:60ch;--size-header-1:20ch;--size-header-2:25ch;--size-header-3:35ch;--size-xxs:240px;--size-xs:360px;--size-sm:480px;--size-md:768px;--size-lg:1024px;--size-xl:1440px;--size-xxl:1920px;--size-relative-000:-.5ch;--size-relative-00:-.25ch;--size-relative-1:.25ch;--size-relative-2:.5ch;--size-relative-3:1ch;--size-relative-4:1.25ch;--size-relative-5:1.5ch;--size-relative-6:1.75ch;--size-relative-7:2ch;--size-relative-8:3ch;--size-relative-9:4ch;--size-relative-10:5ch;--size-relative-11:7.5ch;--size-relative-12:10ch;--size-relative-13:15ch;--size-relative-14:20ch;--size-relative-15:30ch;--ease-1:cubic-bezier(.25,0,.5,1);--ease-2:cubic-bezier(.25,0,.4,1);--ease-3:cubic-bezier(.25,0,.3,1);--ease-4:cubic-bezier(.25,0,.2,1);--ease-5:cubic-bezier(.25,0,.1,1);--ease-in-1:cubic-bezier(.25,0,1,1);--ease-in-2:cubic-bezier(.50,0,1,1);--ease-in-3:cubic-bezier(.70,0,1,1);--ease-in-4:cubic-bezier(.90,0,1,1);--ease-in-5:cubic-bezier(1,0,1,1);--ease-out-1:cubic-bezier(0,0,.75,1);--ease-out-2:cubic-bezier(0,0,.50,1);--ease-out-3:cubic-bezier(0,0,.3,1);--ease-out-4:cubic-bezier(0,0,.1,1);--ease-out-5:cubic-bezier(0,0,0,1);--ease-in-out-1:cubic-bezier(.1,0,.9,1);--ease-in-out-2:cubic-bezier(.3,0,.7,1);--ease-in-out-3:cubic-bezier(.5,0,.5,1);--ease-in-out-4:cubic-bezier(.7,0,.3,1);--ease-in-out-5:cubic-bezier(.9,0,.1,1);--ease-elastic-out-1:cubic-bezier(.5,.75,.75,1.25);--ease-elastic-out-2:cubic-bezier(.5,1,.75,1.25);--ease-elastic-out-3:cubic-bezier(.5,1.25,.75,1.25);--ease-elastic-out-4:cubic-bezier(.5,1.5,.75,1.25);--ease-elastic-out-5:cubic-bezier(.5,1.75,.75,1.25);--ease-elastic-in-1:cubic-bezier(.5,-0.25,.75,1);--ease-elastic-in-2:cubic-bezier(.5,-0.50,.75,1);--ease-elastic-in-3:cubic-bezier(.5,-0.75,.75,1);--ease-elastic-in-4:cubic-bezier(.5,-1.00,.75,1);--ease-elastic-in-5:cubic-bezier(.5,-1.25,.75,1);--ease-elastic-in-out-1:cubic-bezier(.5,-.1,.1,1.5);--ease-elastic-in-out-2:cubic-bezier(.5,-.3,.1,1.5);--ease-elastic-in-out-3:cubic-bezier(.5,-.5,.1,1.5);--ease-elastic-in-out-4:cubic-bezier(.5,-.7,.1,1.5);--ease-elastic-in-out-5:cubic-bezier(.5,-.9,.1,1.5);--ease-step-1:steps(2);--ease-step-2:steps(3);--ease-step-3:steps(4);--ease-step-4:steps(7);--ease-step-5:steps(10);--ease-elastic-1:var(--ease-elastic-out-1);--ease-elastic-2:var(--ease-elastic-out-2);--ease-elastic-3:var(--ease-elastic-out-3);--ease-elastic-4:var(--ease-elastic-out-4);--ease-elastic-5:var(--ease-elastic-out-5);--ease-squish-1:var(--ease-elastic-in-out-1);--ease-squish-2:var(--ease-elastic-in-out-2);--ease-squish-3:var(--ease-elastic-in-out-3);--ease-squish-4:var(--ease-elastic-in-out-4);--ease-squish-5:var(--ease-elastic-in-out-5);--ease-spring-1:linear(0,0.006,0.025 2.8%,0.101 6.1%,0.539 18.9%,0.721 25.3%,0.849 31.5%,0.937 38.1%,0.968 41.8%,0.991 45.7%,1.006 50.1%,1.015 55%,1.017 63.9%,1.001);--ease-spring-2:linear(0,0.007,0.029 2.2%,0.118 4.7%,0.625 14.4%,0.826 19%,0.902,0.962,1.008 26.1%,1.041 28.7%,1.064 32.1%,1.07 36%,1.061 40.5%,1.015 53.4%,0.999 61.6%,0.995 71.2%,1);--ease-spring-3:linear(0,0.009,0.035 2.1%,0.141 4.4%,0.723 12.9%,0.938 16.7%,1.017,1.077,1.121,1.149 24.3%,1.159,1.163,1.161,1.154 29.9%,1.129 32.8%,1.051 39.6%,1.017 43.1%,0.991,0.977 51%,0.974 53.8%,0.975 57.1%,0.997 69.8%,1.003 76.9%,1);--ease-spring-4:linear(0,0.009,0.037 1.7%,0.153 3.6%,0.776 10.3%,1.001,1.142 16%,1.185,1.209 19%,1.215 19.9% 20.8%,1.199,1.165 25%,1.056 30.3%,1.008 33%,0.973,0.955 39.2%,0.953 41.1%,0.957 43.3%,0.998 53.3%,1.009 59.1% 63.7%,0.998 78.9%,1);--ease-spring-5:linear(0,0.01,0.04 1.6%,0.161 3.3%,0.816 9.4%,1.046,1.189 14.4%,1.231,1.254 17%,1.259,1.257 18.6%,1.236,1.194 22.3%,1.057 27%,0.999 29.4%,0.955 32.1%,0.942,0.935 34.9%,0.933,0.939 38.4%,1 47.3%,1.011,1.017 52.6%,1.016 56.4%,1 65.2%,0.996 70.2%,1.001 87.2%,1);--ease-bounce-1:linear(0,0.004,0.016,0.035,0.063,0.098,0.141,0.191,0.25,0.316,0.391 36.8%,0.563,0.766,1 58.8%,0.946,0.908 69.1%,0.895,0.885,0.879,0.878,0.879,0.885,0.895,0.908 89.7%,0.946,1);--ease-bounce-2:linear(0,0.004,0.016,0.035,0.063,0.098,0.141 15.1%,0.25,0.391,0.562,0.765,1,0.892 45.2%,0.849,0.815,0.788,0.769,0.757,0.753,0.757,0.769,0.788,0.815,0.85,0.892 75.2%,1 80.2%,0.973,0.954,0.943,0.939,0.943,0.954,0.973,1);--ease-bounce-3:linear(0,0.004,0.016,0.035,0.062,0.098,0.141 11.4%,0.25,0.39,0.562,0.764,1 30.3%,0.847 34.8%,0.787,0.737,0.699,0.672,0.655,0.65,0.656,0.672,0.699,0.738,0.787,0.847 61.7%,1 66.2%,0.946,0.908,0.885 74.2%,0.879,0.878,0.879,0.885 79.5%,0.908,0.946,1 87.4%,0.981,0.968,0.96,0.957,0.96,0.968,0.981,1);--ease-bounce-4:linear(0,0.004,0.016 3%,0.062,0.141,0.25,0.391,0.562 18.2%,1 24.3%,0.81,0.676 32.3%,0.629,0.595,0.575,0.568,0.575,0.595,0.629,0.676 48.2%,0.811,1 56.2%,0.918,0.86,0.825,0.814,0.825,0.86,0.918,1 77.2%,0.94 80.6%,0.925,0.92,0.925,0.94 87.5%,1 90.9%,0.974,0.965,0.974,1);--ease-bounce-5:linear(0,0.004,0.016 2.5%,0.063,0.141,0.25 10.1%,0.562,1 20.2%,0.783,0.627,0.534 30.9%,0.511,0.503,0.511,0.534 38%,0.627,0.782,1 48.7%,0.892,0.815,0.769 56.3%,0.757,0.753,0.757,0.769 61.3%,0.815,0.892,1 68.8%,0.908 72.4%,0.885,0.878,0.885,0.908 79.4%,1 83%,0.954 85.5%,0.943,0.939,0.943,0.954 90.5%,1 93%,0.977,0.97,0.977,1);--layer-1:1;--layer-2:2;--layer-3:3;--layer-4:4;--layer-5:5;--layer-important:2147483647;--shadow-color:220 3% 15%;--shadow-strength:1%;--inner-shadow-highlight:inset 0 -.5px 0 0 #fff,inset 0 .5px 0 0 rgba(0,0,0,.067);--shadow-1:0 1px 2px -1px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%));--shadow-2:0 3px 5px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 7px 14px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%));--shadow-3:0 -1px 3px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)),0 1px 2px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)),0 2px 5px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 4%)),0 4px 12px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%)),0 12px 15px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 7%));--shadow-4:0 -2px 5px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)),0 1px 1px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 2px 2px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 5px 5px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 4%)),0 9px 9px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%)),0 16px 16px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 6%));--shadow-5:0 -1px 2px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)),0 2px 1px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 5px 5px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 10px 10px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 4%)),0 20px 20px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%)),0 40px 40px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 7%));--shadow-6:0 -1px 2px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)),0 3px 2px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 7px 5px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 12px 10px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 4%)),0 22px 18px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%)),0 41px 33px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 6%)),0 100px 80px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 7%));--inner-shadow-0:inset 0 0 0 1px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%));--inner-shadow-1:inset 0 1px 2px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%)),var(--inner-shadow-highlight);--inner-shadow-2:inset 0 1px 4px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%)),var(--inner-shadow-highlight);--inner-shadow-3:inset 0 2px 8px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%)),var(--inner-shadow-highlight);--inner-shadow-4:inset 0 2px 14px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%)),var(--inner-shadow-highlight);--ratio-square:1;--ratio-landscape:4/3;--ratio-portrait:3/4;--ratio-widescreen:16/9;--ratio-ultrawide:18/5;--ratio-golden:1.6180/1;--gray-0:#f8f9fa;--gray-1:#f1f3f5;--gray-2:#e9ecef;--gray-3:#dee2e6;--gray-4:#ced4da;--gray-5:#adb5bd;--gray-6:#868e96;--gray-7:#495057;--gray-8:#343a40;--gray-9:#212529;--gray-10:#16191d;--gray-11:#0d0f12;--gray-12:#030507;--stone-0:#f8fafb;--stone-1:#f2f4f6;--stone-2:#ebedef;--stone-3:#e0e4e5;--stone-4:#d1d6d8;--stone-5:#b1b6b9;--stone-6:#979b9d;--stone-7:#7e8282;--stone-8:#666968;--stone-9:#50514f;--stone-10:#3a3a37;--stone-11:#252521;--stone-12:#121210;--red-0:#fff5f5;--red-1:#ffe3e3;--red-2:#ffc9c9;--red-3:#ffa8a8;--red-4:#ff8787;--red-5:#ff6b6b;--red-6:#fa5252;--red-7:#f03e3e;--red-8:#e03131;--red-9:#c92a2a;--red-10:#b02525;--red-11:#962020;--red-12:#7d1a1a;--pink-0:#fff0f6;--pink-1:#ffdeeb;--pink-2:#fcc2d7;--pink-3:#faa2c1;--pink-4:#f783ac;--pink-5:#f06595;--pink-6:#e64980;--pink-7:#d6336c;--pink-8:#c2255c;--pink-9:#a61e4d;--pink-10:#8c1941;--pink-11:#731536;--pink-12:#59102a;--purple-0:#f8f0fc;--purple-1:#f3d9fa;--purple-2:#eebefa;--purple-3:#e599f7;--purple-4:#da77f2;--purple-5:#cc5de8;--purple-6:#be4bdb;--purple-7:#ae3ec9;--purple-8:#9c36b5;--purple-9:#862e9c;--purple-10:#702682;--purple-11:#5a1e69;--purple-12:#44174f;--violet-0:#f3f0ff;--violet-1:#e5dbff;--violet-2:#d0bfff;--violet-3:#b197fc;--violet-4:#9775fa;--violet-5:#845ef7;--violet-6:#7950f2;--violet-7:#7048e8;--violet-8:#6741d9;--violet-9:#5f3dc4;--violet-10:#5235ab;--violet-11:#462d91;--violet-12:#3a2578;--indigo-0:#edf2ff;--indigo-1:#dbe4ff;--indigo-2:#bac8ff;--indigo-3:#91a7ff;--indigo-4:#748ffc;--indigo-5:#5c7cfa;--indigo-6:#4c6ef5;--indigo-7:#4263eb;--indigo-8:#3b5bdb;--indigo-9:#364fc7;--indigo-10:#2f44ad;--indigo-11:#283a94;--indigo-12:#21307a;--blue-0:#e7f5ff;--blue-1:#d0ebff;--blue-2:#a5d8ff;--blue-3:#74c0fc;--blue-4:#4dabf7;--blue-5:#339af0;--blue-6:#228be6;--blue-7:#1c7ed6;--blue-8:#1971c2;--blue-9:#1864ab;--blue-10:#145591;--blue-11:#114678;--blue-12:#0d375e;--cyan-0:#e3fafc;--cyan-1:#c5f6fa;--cyan-2:#99e9f2;--cyan-3:#66d9e8;--cyan-4:#3bc9db;--cyan-5:#22b8cf;--cyan-6:#15aabf;--cyan-7:#1098ad;--cyan-8:#0c8599;--cyan-9:#0b7285;--cyan-10:#095c6b;--cyan-11:#074652;--cyan-12:#053038;--teal-0:#e6fcf5;--teal-1:#c3fae8;--teal-2:#96f2d7;--teal-3:#63e6be;--teal-4:#38d9a9;--teal-5:#20c997;--teal-6:#12b886;--teal-7:#0ca678;--teal-8:#099268;--teal-9:#087f5b;--teal-10:#066649;--teal-11:#054d37;--teal-12:#033325;--green-0:#ebfbee;--green-1:#d3f9d8;--green-2:#b2f2bb;--green-3:#8ce99a;--green-4:#69db7c;--green-5:#51cf66;--green-6:#40c057;--green-7:#37b24d;--green-8:#2f9e44;--green-9:#2b8a3e;--green-10:#237032;--green-11:#1b5727;--green-12:#133d1b;--lime-0:#f4fce3;--lime-1:#e9fac8;--lime-2:#d8f5a2;--lime-3:#c0eb75;--lime-4:#a9e34b;--lime-5:#94d82d;--lime-6:#82c91e;--lime-7:#74b816;--lime-8:#66a80f;--lime-9:#5c940d;--lime-10:#4c7a0b;--lime-11:#3c6109;--lime-12:#2c4706;--yellow-0:#fff9db;--yellow-1:#fff3bf;--yellow-2:#ffec99;--yellow-3:#ffe066;--yellow-4:#ffd43b;--yellow-5:#fcc419;--yellow-6:#fab005;--yellow-7:#f59f00;--yellow-8:#f08c00;--yellow-9:#e67700;--yellow-10:#b35c00;--yellow-11:#804200;--yellow-12:#663500;--orange-0:#fff4e6;--orange-1:#ffe8cc;--orange-2:#ffd8a8;--orange-3:#ffc078;--orange-4:#ffa94d;--orange-5:#ff922b;--orange-6:#fd7e14;--orange-7:#f76707;--orange-8:#e8590c;--orange-9:#d9480f;--orange-10:#bf400d;--orange-11:#99330b;--orange-12:#802b09;--choco-0:#fff8dc;--choco-1:#fce1bc;--choco-2:#f7ca9e;--choco-3:#f1b280;--choco-4:#e99b62;--choco-5:#df8545;--choco-6:#d46e25;--choco-7:#bd5f1b;--choco-8:#a45117;--choco-9:#8a4513;--choco-10:#703a13;--choco-11:#572f12;--choco-12:#3d210d;--brown-0:#faf4eb;--brown-1:#ede0d1;--brown-2:#e0cab7;--brown-3:#d3b79e;--brown-4:#c5a285;--brown-5:#b78f6d;--brown-6:#a87c56;--brown-7:#956b47;--brown-8:#825b3a;--brown-9:#6f4b2d;--brown-10:#5e3a21;--brown-11:#4e2b15;--brown-12:#422412;--sand-0:#f8fafb;--sand-1:#e6e4dc;--sand-2:#d5cfbd;--sand-3:#c2b9a0;--sand-4:#aea58c;--sand-5:#9a9178;--sand-6:#867c65;--sand-7:#736a53;--sand-8:#5f5746;--sand-9:#4b4639;--sand-10:#38352d;--sand-11:#252521;--sand-12:#121210;--camo-0:#f9fbe7;--camo-1:#e8ed9c;--camo-2:#d2df4e;--camo-3:#c2ce34;--camo-4:#b5bb2e;--camo-5:#a7a827;--camo-6:#999621;--camo-7:#8c851c;--camo-8:#7e7416;--camo-9:#6d6414;--camo-10:#5d5411;--camo-11:#4d460e;--camo-12:#36300a;--jungle-0:#ecfeb0;--jungle-1:#def39a;--jungle-2:#d0e884;--jungle-3:#c2dd6e;--jungle-4:#b5d15b;--jungle-5:#a8c648;--jungle-6:#9bbb36;--jungle-7:#8fb024;--jungle-8:#84a513;--jungle-9:#7a9908;--jungle-10:#658006;--jungle-11:#516605;--jungle-12:#3d4d04;--gradient-1:linear-gradient(to bottom right,#1f005c,#5b0060,#870160,#ac255e,#ca485c,#e16b5c,#f39060,#ffb56b);--gradient-2:linear-gradient(to bottom right,#48005c,#8300e2,#a269ff);--gradient-3:radial-gradient(circle at top right,#0ff,rgba(0,255,255,0)),radial-gradient(circle at bottom left,#ff1492,rgba(255,20,146,0));--gradient-4:linear-gradient(to bottom right,#00f5a0,#00d9f5);--gradient-5:conic-gradient(from -270deg at 75% 110%,#f0f,#fffaf0);--gradient-6:conic-gradient(from -90deg at top left,#000,#fff);--gradient-7:linear-gradient(to bottom right,#72c6ef,#004e8f);--gradient-8:conic-gradient(from 90deg at 50% 0%,#111,50%,#222,#111);--gradient-9:conic-gradient(from .5turn at bottom center,#add8e6,#fff);--gradient-10:conic-gradient(from 90deg at 40% -25%,gold,#f79d03,#ee6907,#e6390a,#de0d0d,#d61039,#cf1261,#c71585,#cf1261,#d61039,#de0d0d,#ee6907,#f79d03,gold,gold,gold);--gradient-11:conic-gradient(at bottom left,#ff1493,cyan);--gradient-12:conic-gradient(from 90deg at 25% -10%,#ff4500,#d3f340,#7bee85,#afeeee,#7bee85);--gradient-13:radial-gradient(circle at 50% 200%,#000142,#3b0083,#b300c3,#ff059f,#ff4661,#ffad86,#fff3c7);--gradient-14:conic-gradient(at top right,lime,cyan);--gradient-15:linear-gradient(to bottom right,#c7d2fe,#fecaca,#fef3c7);--gradient-16:radial-gradient(circle at 50% -250%,#374151,#111827,#000);--gradient-17:conic-gradient(from -90deg at 50% -25%,blue,#8a2be2);--gradient-18:linear-gradient(0deg,rgba(255,0,0,.8),rgba(255,0,0,0) 75%),linear-gradient(60deg,rgba(255,255,0,.8),rgba(255,255,0,0) 75%),linear-gradient(120deg,rgba(0,255,0,.8),rgba(0,255,0,0) 75%),linear-gradient(180deg,rgba(0,255,255,.8),rgba(0,255,255,0) 75%),linear-gradient(240deg,rgba(0,0,255,.8),rgba(0,0,255,0) 75%),linear-gradient(300deg,rgba(255,0,255,.8),rgba(255,0,255,0) 75%);--gradient-19:linear-gradient(to bottom right,#ffe259,#ffa751);--gradient-20:conic-gradient(from -135deg at -10% center,orange,#ff7715,#ff522a,#ff3f47,#ff5482,#ff69b4);--gradient-21:conic-gradient(from -90deg at 25% 115%,red,#f06,#f0c,#c0f,#60f,#00f,#00f,#00f,#00f);--gradient-22:linear-gradient(to bottom right,#acb6e5,#86fde8);--gradient-23:linear-gradient(to bottom right,#536976,#292e49);--gradient-24:conic-gradient(from .5turn at 0% 0%,#00c476,10%,#82b0ff,90%,#00c476);--gradient-25:conic-gradient(at 125% 50%,#b78cf7,#ff7c94,#ffcf0d,#ff7c94,#b78cf7);--gradient-26:linear-gradient(to bottom right,#9796f0,#fbc7d4);--gradient-27:conic-gradient(from .5turn at bottom left,#ff1493,#639);--gradient-28:conic-gradient(from -90deg at 50% 105%,#fff,orchid);--gradient-29:radial-gradient(circle at top right,#bfb3ff,rgba(191,179,255,0)),radial-gradient(circle at bottom left,#86acf9,rgba(134,172,249,0));--gradient-30:radial-gradient(circle at top right,#00ff80,rgba(0,255,128,0)),radial-gradient(circle at bottom left,#adffd6,rgba(173,255,214,0));--noise-1:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.005' numOctaves='2' stitchTiles='stitch' type='fractalNoise'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");--noise-2:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 300'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.05' stitchTiles='stitch' type='fractalNoise'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");--noise-3:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.25' stitchTiles='stitch' type='fractalNoise'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");--noise-4:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2056 2056'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.5' stitchTiles='stitch' type='fractalNoise'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");--noise-5:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2056 2056'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.75' stitchTiles='stitch' type='fractalNoise'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");--noise-filter-1:contrast(300%) brightness(100%);--noise-filter-2:contrast(200%) brightness(150%);--noise-filter-3:contrast(200%) brightness(250%);--noise-filter-4:contrast(200%) brightness(500%);--noise-filter-5:contrast(200%) brightness(1000%);--animation-fade-in:fade-in .5s var(--ease-3);--animation-fade-in-bloom:fade-in-bloom 2s var(--ease-3);--animation-fade-out:fade-out .5s var(--ease-3);--animation-fade-out-bloom:fade-out-bloom 2s var(--ease-3);--animation-scale-up:scale-up .5s var(--ease-3);--animation-scale-down:scale-down .5s var(--ease-3);--animation-slide-out-up:slide-out-up .5s var(--ease-3);--animation-slide-out-down:slide-out-down .5s var(--ease-3);--animation-slide-out-right:slide-out-right .5s var(--ease-3);--animation-slide-out-left:slide-out-left .5s var(--ease-3);--animation-slide-in-up:slide-in-up .5s var(--ease-3);--animation-slide-in-down:slide-in-down .5s var(--ease-3);--animation-slide-in-right:slide-in-right .5s var(--ease-3);--animation-slide-in-left:slide-in-left .5s var(--ease-3);--animation-shake-x:shake-x .75s var(--ease-out-5);--animation-shake-y:shake-y .75s var(--ease-out-5);--animation-shake-z:shake-z 1s var(--ease-in-out-3);--animation-spin:spin 2s linear infinite;--animation-ping:ping 5s var(--ease-out-3) infinite;--animation-blink:blink 1s var(--ease-out-3) infinite;--animation-float:float 3s var(--ease-in-out-3) infinite;--animation-bounce:bounce 2s var(--ease-squish-2) infinite;--animation-pulse:pulse 2s var(--ease-out-3) infinite;--border-size-1:1px;--border-size-2:2px;--border-size-3:5px;--border-size-4:10px;--border-size-5:25px;--radius-1:2px;--radius-2:5px;--radius-3:1rem;--radius-4:2rem;--radius-5:4rem;--radius-6:8rem;--radius-drawn-1:255px 15px 225px 15px/15px 225px 15px 255px;--radius-drawn-2:125px 10px 20px 185px/25px 205px 205px 25px;--radius-drawn-3:15px 255px 15px 225px/225px 15px 255px 15px;--radius-drawn-4:15px 25px 155px 25px/225px 150px 25px 115px;--radius-drawn-5:250px 25px 15px 20px/15px 80px 105px 115px;--radius-drawn-6:28px 100px 20px 15px/150px 30px 205px 225px;--radius-round:1e5px;--radius-blob-1:30% 70% 70% 30%/53% 30% 70% 47%;--radius-blob-2:53% 47% 34% 66%/63% 46% 54% 37%;--radius-blob-3:37% 63% 56% 44%/49% 56% 44% 51%;--radius-blob-4:63% 37% 37% 63%/43% 37% 63% 57%;--radius-blob-5:49% 51% 48% 52%/57% 44% 56% 43%;--radius-conditional-1:clamp(0px,calc(100vw - 100%) * 1e5,var(--radius-1));--radius-conditional-2:clamp(0px,calc(100vw - 100%) * 1e5,var(--radius-2));--radius-conditional-3:clamp(0px,calc(100vw - 100%) * 1e5,var(--radius-3));--radius-conditional-4:clamp(0px,calc(100vw - 100%) * 1e5,var(--radius-4));--radius-conditional-5:clamp(0px,calc(100vw - 100%) * 1e5,var(--radius-5));--radius-conditional-6:clamp(0px,calc(100vw - 100%) * 1e5,var(--radius-6))}@media (prefers-color-scheme:dark){:where(html){--shadow-color:220 40% 2%;--shadow-strength:25%;--inner-shadow-highlight:inset 0 -.5px 0 0 hsla(0,0%,100%,.067),inset 0 .5px 0 0 rgba(0,0,0,.467)}}@keyframes fade-in{to{opacity:1}}@keyframes fade-in-bloom{0%{filter:brightness(1) blur(20px);opacity:0}10%{filter:brightness(2) blur(10px);opacity:1}to{filter:brightness(1) blur(0);opacity:1}}@keyframes fade-out{to{opacity:0}}@keyframes fade-out-bloom{to{filter:brightness(1) blur(20px);opacity:0}10%{filter:brightness(2) blur(10px);opacity:1}0%{filter:brightness(1) blur(0);opacity:1}}@keyframes scale-up{to{transform:scale(1.25)}}@keyframes scale-down{to{transform:scale(.75)}}@keyframes slide-out-up{to{transform:translateY(-100%)}}@keyframes slide-out-down{to{transform:translateY(100%)}}@keyframes slide-out-right{to{transform:translateX(100%)}}@keyframes slide-out-left{to{transform:translateX(-100%)}}@keyframes slide-in-up{0%{transform:translateY(100%)}}@keyframes slide-in-down{0%{transform:translateY(-100%)}}@keyframes slide-in-right{0%{transform:translateX(-100%)}}@keyframes slide-in-left{0%{transform:translateX(100%)}}@keyframes shake-x{0%,to{transform:translateX(0)}20%{transform:translateX(-5%)}40%{transform:translateX(5%)}60%{transform:translateX(-5%)}80%{transform:translateX(5%)}}@keyframes shake-y{0%,to{transform:translateY(0)}20%{transform:translateY(-5%)}40%{transform:translateY(5%)}60%{transform:translateY(-5%)}80%{transform:translateY(5%)}}@keyframes shake-z{0%,to{transform:rotate(0deg)}20%{transform:rotate(-2deg)}40%{transform:rotate(2deg)}60%{transform:rotate(-2deg)}80%{transform:rotate(2deg)}}@keyframes ping{90%,to{opacity:0;transform:scale(2)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}@keyframes float{50%{transform:translateY(-25%)}}@keyframes bounce{25%{transform:translateY(-20%)}40%{transform:translateY(-3%)}0%,60%,to{transform:translateY(0)}}@keyframes pulse{50%{transform:scale(.9)}}@media (prefers-color-scheme:dark){@keyframes fade-in-bloom{0%{filter:brightness(1) blur(20px);opacity:0}10%{filter:brightness(.5) blur(10px);opacity:1}to{filter:brightness(1) blur(0);opacity:1}}}@media (prefers-color-scheme:dark){@keyframes fade-out-bloom{to{filter:brightness(1) blur(20px);opacity:0}10%{filter:brightness(.5) blur(10px);opacity:1}0%{filter:brightness(1) blur(0);opacity:1}}}@import url("./css/open-props-normalize.min.css");@import url("./css/open-props.min.css");:root{--account-card-bg:var(--surface-1);--account-card-border:var(--border-2);--account-card-title:var(--text-1);--account-card-label:var(--text-2);--account-card-value:var(--text-1);--account-card-shadow:0 2px 16px rgba(30,34,40,.07);--account-card-radius:18px;--account-card-padding:2.5rem 2rem 2rem 2rem;--account-card-gap:1.5rem;--account-card-width:100%;--account-card-max-width:620px;--account-card-margin:2rem auto;--footer-bg:var(--surface-2);--footer-text:var(--text-3);--footer-border:var(--border-1);--surface-1:#fff;--text-1:#181a1b;--surface-2:#f8f9fa;--surface-3:#f1f3f4;--surface-4:#e9ecef;--text-2:#444;--border-2:#e5e7eb;--surface-1-dark:#181a1b;--text-1-dark:#7e7e7e;--surface-2-dark:#232425;--surface-3-dark:#232425;--surface-4-dark:#232425;--text-2-dark:#888;--error-text:#b91c1c;--error-bg:#fef2f2;--error-border:#fca5a5;--error-text-dark:#fecaca;--error-bg-dark:#450a0a;--modal-bg:#fff;--modal-border:#e5e7eb;--modal-shadow:0 2px 24px rgba(30,34,40,.14);--modal-bg-dark:#232425;--modal-border-dark:#2c2c2c;--success-text:#166534;--success-bg:#dcfce7;--success-border:#4ade80;--success-text-dark:#bbf7d0;--success-bg-dark:#14532d;--success-border-dark:#22c55e;--plans-title-color:var(--text-1);--plans-subtitle-color:var(--text-2);--plans-title-spacing:var(--size-4)}html[data-theme=dark]{--account-card-bg:var(--surface-2-dark);--account-card-border:var(--border-2);--account-card-title:var(--text-1-dark);--account-card-label:var(--text-2-dark);--account-card-value:var(--text-1-dark);--account-card-shadow:0 2px 16px rgba(0,0,0,.25)}.account-fragment{align-items:flex-start;display:flex;justify-content:center;width:100%}.account-card{background:var(--account-card-bg);border:1px solid var(--account-card-border);border-radius:var(--account-card-radius);box-shadow:var(--account-card-shadow);display:flex;flex-direction:column;gap:var(--account-card-gap);margin:var(--account-card-margin);max-width:var(--account-card-max-width);padding:var(--account-card-padding);width:var(--account-card-width)}.account-card-title{color:var(--account-card-title);font-size:1.5rem;font-weight:600;margin-bottom:1.2rem;text-align:left}.account-details{column-gap:1.5rem;display:grid;grid-template-columns:minmax(80px,140px) 1fr;margin:0;padding:0;row-gap:.7rem}.account-details dt{color:var(--account-card-label);font-size:1rem;font-weight:500;margin:0}.account-details dd{color:var(--account-card-value);font-size:1rem;font-weight:400;margin:0;word-break:break-all}nav{border-bottom:none;display:flex;justify-content:space-between;padding:var(--size-4) var(--size-6)}.nav-toggle,nav{align-items:center;background:transparent}.nav-toggle{border:1px solid transparent;border-radius:var(--radius-2);cursor:pointer;display:none;flex-direction:column;gap:5px;height:42px;justify-content:center;margin-right:var(--size-3);padding:0;width:42px}.nav-toggle-bar{background:var(--text-1);display:block;height:2px;transition:transform .2s ease,opacity .2s ease;width:22px}.nav-toggle[aria-expanded=true] .nav-toggle-bar:first-child{transform:translateY(7px) rotate(45deg)}.nav-toggle[aria-expanded=true] .nav-toggle-bar:nth-child(2){opacity:0}.nav-toggle[aria-expanded=true] .nav-toggle-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-wrapper{gap:var(--size-4);position:relative}.brand{color:var(--text-1);font-size:var(--font-size-2);font-weight:var(--font-weight-7);letter-spacing:-.5px}.brand a{color:inherit;text-decoration:none;transition:color .2s ease}.brand a:hover{color:var(--indigo-7)}.nav-links{display:flex;flex:1 1 auto;flex-wrap:nowrap;gap:var(--size-4);list-style:none;margin:0;overflow:visible;padding:0}.nav-link,.nav-links{align-items:center;justify-content:center}.nav-link{background:transparent;border-radius:var(--radius-3);box-sizing:border-box;color:var(--text-2);display:inline-flex;font-size:var(--font-size-1);font-weight:var(--font-weight-5);gap:var(--size-2);height:40px;padding:var(--size-2) var(--size-3);position:relative;text-decoration:none;transition:color .2s ease,background .2s ease;white-space:nowrap}.nav-link:hover{background:rgba(99,102,241,.08);color:var(--indigo-7)}.admin-nav-link.active,.nav-link.active{background:rgba(99,102,241,.12);color:var(--indigo-7);font-weight:var(--font-weight-6)}html[data-theme=dark] .admin-nav-link.active,html[data-theme=dark] .nav-link.active{background:rgba(129,140,248,.15);color:var(--indigo-4)}.nav-links>li{align-items:center;display:flex;height:100%}.nav-tools-item{position:relative}.nav-tools-dropdown{background:transparent;border:0;border-radius:0;margin:0;padding:0;position:relative}.nav-tools-dropdown__trigger{align-items:center;background:transparent;color:var(--text-2);cursor:pointer;display:inline-flex;justify-content:center;list-style:none;margin:0;text-decoration:none}.nav-tools-dropdown__trigger::-webkit-details-marker{display:none}.nav-tools-dropdown__trigger::marker{display:none}.nav-tools-dropdown__trigger:hover{background:rgba(99,102,241,.08);color:var(--indigo-7)}.nav-tools-dropdown__trigger:focus{text-decoration:none}.nav-tools-dropdown[open]>.nav-tools-dropdown__trigger{border-radius:var(--radius-3);margin:0}.nav-tools-dropdown__chevron{flex:0 0 16px;height:16px;transition:transform .2s ease;width:16px}.nav-tools-dropdown[open] .nav-tools-dropdown__chevron{transform:rotate(180deg)}.nav-tools-dropdown__menu{background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius-3);box-shadow:0 8px 24px rgba(0,0,0,.08);display:none;left:0;list-style:none;margin:0;min-width:240px;padding:var(--size-3);position:absolute;top:calc(100% + var(--size-1));z-index:30}.nav-tools-dropdown[open] .nav-tools-dropdown__menu{display:block}.nav-tools-dropdown__menu>li{width:100%}.nav-tools-dropdown__menu>li+li{margin-top:var(--size-1)}.nav-tools-dropdown__link{border-radius:var(--radius-2);justify-content:flex-start;line-height:1.4;min-height:44px;padding:var(--size-2) var(--size-3);white-space:normal;width:100%}html[data-theme=dark] .nav-tools-dropdown__menu{background:var(--surface-2-dark);border-color:var(--border-2-dark);box-shadow:0 10px 28px rgba(0,0,0,.3)}.nav-links>li .nav-button.hero-cta{border-radius:var(--radius-2);font-size:var(--font-size-1);height:auto;padding:var(--size-2) var(--size-4)}@media (max-width:870px){nav{padding:var(--size-4) var(--size-4)}.nav-toggle{display:flex}.nav-wrapper{align-items:center;gap:var(--size-2)}.nav-left{flex:1 1 auto}.nav-links{align-items:stretch;background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius-3);box-shadow:0 4px 20px rgba(0,0,0,.08);display:none;flex-direction:column;gap:var(--size-1);margin-top:var(--size-3);order:3;padding:var(--size-3);position:static;transform:none;width:100%}.nav-wrapper.nav-open .nav-links{display:flex}.nav-wrapper.nav-open .nav-left{display:none}.nav-links>li{width:100%}.nav-links>li .nav-button,.nav-links>li .nav-link{border-radius:var(--radius-2);font-size:var(--font-size-2);justify-content:flex-start;padding:var(--size-3) var(--size-4);width:100%}.nav-links>li .nav-button:hover,.nav-links>li .nav-link:hover{background:rgba(99,102,241,.08)}.nav-links>li .nav-link.active{background:rgba(99,102,241,.12);font-weight:var(--font-weight-6)}.nav-tools-dropdown{width:100%}.nav-tools-dropdown__menu{background:transparent;border:none;box-shadow:none;margin-top:var(--size-1);min-width:0;padding:var(--size-1);position:static}.nav-right{display:none;gap:var(--size-2);justify-content:flex-start;margin-top:var(--size-2);order:4;width:100%}.nav-wrapper.nav-open .nav-right{display:flex}}.btn-login,.btn-logout{align-items:center;background:none;border:none;box-sizing:border-box;color:inherit;cursor:pointer;display:flex;font:inherit;height:40px;justify-content:center;padding:0 1rem;text-decoration:none}.btn-logout svg,.nav-link svg{display:inline-block;height:1.3em;margin:0;vertical-align:middle;width:1.3em}.theme-toggle{background:var(--surface-3);border:1px solid var(--border-2);border-radius:var(--radius-2);color:var(--text-2);cursor:pointer;font-size:1.2em;margin-left:var(--size-2);padding:var(--size-2) var(--size-3);transition:background .2s}.theme-toggle:hover{background:var(--surface-4)}body{background:var(--surface-1);color:var(--text-1);display:flex;flex-direction:column;font-family:var(--font-sans);min-height:100vh}.container{margin:0 auto;max-width:48rem;padding:var(--size-6)}.container.container--flush{padding-left:0;padding-right:0}.container.container--full{margin:0!important;max-width:100%!important;padding:0!important;width:100%!important}.container.container--wide{max-width:var(--plans-max-width,70rem)}.intro{margin-bottom:var(--size-8)}.intro,.intro-h1{text-align:center}.intro-h1{color:var(--text-1);font-size:var(--font-size-6);font-weight:var(--font-weight-8);line-height:1.2;margin-bottom:var(--size-6);white-space:nowrap}@media (max-width:900px){.intro-h1{font-size:var(--font-size-5)}}@media (max-width:700px){.intro-h1{font-size:var(--font-size-4)}}@media (max-width:550px){.intro-h1{font-size:var(--font-size-3)}}.intro h1{font-size:var(--font-size-6);font-weight:var(--font-weight-8);line-height:1.2}.intro h1,.intro-subtitle{color:var(--text-1);margin-bottom:var(--size-4)}.intro-subtitle{font-size:var(--font-size-3);font-weight:var(--font-weight-6)}.intro-description{line-height:1.6;margin-bottom:0;margin-top:var(--size-5);text-align:justify}.intro-cta-text,.intro-description{color:var(--text-2);font-size:var(--font-size-1)}.intro-cta-text{font-weight:var(--font-weight-5);margin-bottom:var(--size-4)}.plans-section{margin-left:auto;margin-right:auto;max-width:var(--plans-max-width,1100px);padding:var(--size-6)}.container>.plans-section{max-width:var(--plans-max-width,1100px);width:100%}:root{--plans-max-width:1100px}.plans-title{color:var(--plans-title-color);font-size:var(--font-size-5);font-weight:var(--font-weight-7);margin:0 auto var(--plans-title-spacing)}.plans-subtitle,.plans-title{max-width:600px;text-align:center}.plans-subtitle{color:var(--plans-subtitle-color);font-size:var(--font-size-2);margin:0 auto var(--size-6)}.intro-content{align-items:center;display:flex;gap:var(--size-8);margin:0 auto;max-width:1200px}.intro-text{align-items:flex-start;display:flex;flex:1;flex-direction:column;text-align:left}.intro-image{display:flex;flex:1;justify-content:center}.intro-image img{border-radius:var(--radius-3);height:auto;max-width:100%}@media (max-width:768px){.intro-content{flex-direction:column}.intro-text{align-items:center;text-align:center}}.intro h1{font-size:var(--font-size-5);font-weight:var(--font-weight-9);margin-bottom:var(--size-3)}.intro p{color:var(--text-2);margin-bottom:var(--size-4)}.cta-btn,.intro p{font-size:var(--font-size-2)}.cta-btn{background:var(--indigo-7);border-radius:var(--radius-3);box-shadow:var(--shadow-2);color:var(--text-1-invert);display:inline-block;font-weight:var(--font-weight-7);padding:var(--size-3) var(--size-6);text-decoration:none;transition:background .2s}.cta-btn:hover{background:var(--indigo-8)}.trust-section{align-items:center;background:var(--surface-2);border-bottom:1px solid var(--border-2);border-top:1px solid var(--border-2);display:flex;flex-direction:column;padding:var(--size-8) var(--size-4)}.trust-heading,.trust-section{margin-bottom:var(--size-6);text-align:center}.trust-heading{color:var(--text-2);display:block;font-size:var(--font-size-2);font-weight:var(--font-weight-7);letter-spacing:.1em;max-width:none;text-transform:uppercase;width:100%}.trust-proof{color:var(--text-2);line-height:1.5;margin:0 0 var(--size-5);max-width:760px}.trust-logos{align-items:center;display:flex;flex-wrap:wrap;gap:var(--size-6);justify-content:center;margin:0 auto;max-width:900px}.trust-logo{align-items:center;color:var(--text-1);cursor:pointer;display:inline-flex;flex-direction:column;gap:var(--size-2);opacity:.6;text-decoration:none;transition:opacity .3s ease}.trust-logo:hover{opacity:1;text-decoration:none}.trust-logo img{display:block;height:40px;max-width:160px;object-fit:contain;width:auto}.trust-logo-name{color:var(--text-2);font-size:var(--font-size-0);font-weight:var(--font-weight-5);text-align:center}html[data-theme=dark] .trust-section{background:var(--surface-2-dark);border-bottom-color:var(--border-2-dark);border-top-color:var(--border-2-dark)}html[data-theme=dark] .trust-heading,html[data-theme=dark] .trust-proof{color:var(--text-2-dark)}html[data-theme=dark] .trust-logo{color:var(--text-1-dark)}html[data-theme=dark] .trust-logo-name{color:var(--text-2-dark)}.monitoring-showcase{margin:0 auto}.showcase-content{align-items:center;background:var(--surface-2);display:flex;gap:var(--size-10);margin:0;padding:var(--size-10) var(--size-4)}.showcase-text{flex:1}.showcase-text h2{color:var(--text-1);font-size:var(--font-size-5);font-weight:var(--font-weight-7);margin-bottom:var(--size-4)}.showcase-text p{color:var(--text-2);font-size:var(--font-size-2);line-height:1.6;margin-bottom:var(--size-5)}.showcase-features{list-style:none;margin:0;padding:0}.showcase-features li{color:var(--text-2);font-size:var(--font-size-1);margin-bottom:var(--size-3);padding-left:var(--size-2)}.showcase-image{display:flex;flex:1;justify-content:center}.showcase-image img{border-radius:var(--radius-3);box-shadow:var(--shadow-4);height:auto;max-width:100%}.showcase-card-container{align-items:flex-start;display:flex;flex:1;justify-content:center}.showcase-card-container .public-chart-card{max-width:500px;padding:var(--size-6);width:100%}.showcase-card-container .public-chart-header{font-size:var(--font-size-3);margin-bottom:var(--size-4)}.showcase-card-container .public-response-chart{height:120px}.showcase-card-container .public-chart-stats{font-size:var(--font-size-2);margin-top:var(--size-4)}.showcase-card-container .public-chart-sla{margin-top:var(--size-4)}@media (max-width:968px){.showcase-content{flex-direction:column-reverse;gap:var(--size-6)}}html[data-theme=dark] .showcase-text h2{color:var(--text-1-dark)}html[data-theme=dark] .showcase-features li,html[data-theme=dark] .showcase-text p{color:var(--text-2-dark)}.features-section{margin:0}.features-content{align-items:center;background:var(--surface-2);display:flex;flex-direction:column;gap:var(--size-6);margin-bottom:var(--size-4);padding:var(--size-10) var(--size-4)}.features-title{color:var(--text-1);font-size:var(--font-size-5);font-weight:var(--font-weight-7);margin-bottom:var(--size-6);text-align:center}html[data-theme=dark] .features-title{color:var(--text-1-dark)}.why-alertsdown-section{background:var(--surface-2);margin:0;padding:var(--size-10) var(--size-4)}.why-alertsdown-container{margin:0 auto;max-width:1200px;text-align:center}.why-alertsdown-title{color:var(--text-1);font-size:var(--font-size-5);font-weight:var(--font-weight-7);margin-bottom:var(--size-3)}.why-alertsdown-subtitle{color:var(--text-2);font-size:var(--font-size-2);margin-bottom:var(--size-7)}.why-alertsdown-grid{display:grid;gap:var(--size-4);grid-template-columns:1fr}.why-alertsdown-card{background:#f7f8fc;border:1px solid #e0e0e0;border-radius:var(--radius-3);box-shadow:0 2px 8px rgba(30,34,40,.08);display:flex;flex-direction:column;gap:var(--size-2);max-width:none;min-width:0;padding:var(--size-5);text-align:left;transition:transform .2s ease,box-shadow .2s ease;width:100%}.why-alertsdown-card:hover{box-shadow:0 8px 20px rgba(15,23,42,.12);transform:translateY(-4px)}@media (min-width:640px){.why-alertsdown-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.why-alertsdown-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}html[data-theme=dark] .why-alertsdown-section{background:var(--surface-2-dark)}html[data-theme=dark] .why-alertsdown-title{color:var(--text-1-dark)}html[data-theme=dark] .why-alertsdown-subtitle{color:var(--text-2-dark)}html[data-theme=dark] .why-alertsdown-card{background:var(--surface-3-dark);border-color:var(--border-2-dark);box-shadow:0 4px 14px rgba(0,0,0,.4)}html[data-theme=dark] .feature-card{background:var(--feature-card-bg-dark,#232425);border-color:var(--feature-card-border-dark,#2c2c2c);color:var(--feature-card-text-dark,#e0e0e0)}.faq-section{margin:0 auto var(--size-10);max-width:900px;padding:var(--size-6) var(--size-4)}.faq-title{color:var(--text-1);font-size:var(--font-size-5);font-weight:var(--font-weight-7);margin-bottom:var(--size-3);text-align:center}.faq-subtitle{color:var(--text-2);font-size:var(--font-size-2);margin-bottom:var(--size-8);text-align:center}.faq-list{display:flex;flex-direction:column;gap:var(--size-5)}.faq-item{background:var(--surface-1);border:1px solid var(--border-2);border-radius:var(--radius-3);padding:var(--size-5);transition:box-shadow .2s ease}.faq-item:hover{box-shadow:var(--shadow-3)}.faq-question{color:var(--text-1);font-size:var(--font-size-3);font-weight:var(--font-weight-7);line-height:1.4;margin-bottom:var(--size-3)}.faq-answer{color:var(--text-2);font-size:var(--font-size-2);line-height:1.6}.faq-answer p{margin:0}.faq-empty{color:var(--text-2);font-size:var(--font-size-2);padding:var(--size-8);text-align:center}html[data-theme=dark] .faq-title{color:var(--text-1-dark)}html[data-theme=dark] .faq-subtitle{color:var(--text-2-dark)}html[data-theme=dark] .faq-item{background:var(--surface-2-dark);border-color:var(--border-2-dark)}html[data-theme=dark] .faq-question{color:var(--text-1-dark)}html[data-theme=dark] .faq-answer{color:var(--text-2-dark)}html[data-theme=dark] .intro h1,html[data-theme=dark] .intro-h1,html[data-theme=dark] .intro-subtitle{color:var(--text-1-dark)}html[data-theme=dark] .intro-cta-text,html[data-theme=dark] .intro-description{color:var(--text-2-dark)}html[data-theme=dark]{--plans-title-color:var(--text-1-dark);--plans-subtitle-color:var(--text-2-dark);--footer-bg:var(--surface-3-dark);--footer-text:var(--text-3-dark);--footer-border:var(--border-2-dark)}.footer-content{background:var(--footer-bg,var(--surface-2));border-top:1px solid var(--footer-border,var(--border-1));color:var(--footer-text,var(--text-3));display:flex;flex-direction:column;font-size:var(--font-size-1);padding:var(--size-6) 0 var(--size-4)}.footer-top{display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 var(--size-4) var(--size-6);width:100%}.footer-section{flex:1;margin-bottom:var(--size-4);min-width:200px;padding:0 var(--size-3)}.footer-nav{min-width:220px}.footer-section h3{color:var(--text-1);font-size:var(--font-size-2);font-weight:var(--font-weight-7);margin-bottom:var(--size-3)}.footer-section p{margin-bottom:var(--size-2)}.footer-section ul{list-style:none;margin:0;padding:0}.footer-section ul li{margin-bottom:var(--size-2)}.footer-section a{color:var(--footer-text);text-decoration:none;transition:color .2s ease}.footer-section a:hover{color:var(--indigo-9);text-decoration:underline}.footer-about{flex:2;min-width:280px}.social-icons{display:flex;gap:var(--size-3)}.social-icons a{align-items:center;background:var(--surface-3);border-radius:50%;color:var(--text-2);display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.social-icons a:hover{background:var(--indigo-9);color:#fff;transform:translateY(-2px)}.footer-bottom{border-top:1px solid var(--border-1);padding-top:var(--size-4);text-align:center;width:100%}html[data-theme=dark] .footer-section h3{color:var(--text-1-dark)}html[data-theme=dark] .footer-section a:hover{color:var(--indigo-4)}html[data-theme=dark] .social-icons a{background:var(--surface-4-dark);color:var(--text-2-dark)}html[data-theme=dark] .social-icons a:hover{background:var(--indigo-7);color:#fff}html[data-theme=dark] .footer-bottom{border-color:var(--border-2-dark)}@media (max-width:900px){.footer-top{align-items:center;flex-direction:column;text-align:center}.footer-section{margin-bottom:var(--size-6);max-width:500px;width:100%}.footer-nav ul{display:grid;gap:var(--size-3);grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.footer-nav ul,.social-icons{justify-content:center}}@media (max-width:700px){.main-nav{align-items:flex-start;flex-direction:column;padding:var(--size-3)}.main-nav,.nav-links{gap:var(--size-2)}.container:not(.container--full){padding:var(--size-3)}.features{align-items:center;flex-direction:column}.feature-card{max-width:100%;width:100%}}#main-content>#content-wrapper{margin:0!important;max-width:100%!important;padding:0!important;width:100%!important}.btn{align-items:center;background:var(--surface-3);border:1px solid var(--border-2);border-radius:var(--radius-2);color:var(--text-2);cursor:pointer;display:inline-flex;font-size:var(--font-size-2);font-weight:var(--font-weight-5);gap:var(--size-2);justify-content:center;padding:var(--size-2) var(--size-4);text-decoration:none;transition:all .2s ease}.btn:hover{background:var(--surface-4);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:focus{outline:2px solid var(--indigo-7);outline-offset:2px}.btn.primary{background:var(--indigo-7);border-color:var(--indigo-7);color:#fff}.btn.primary:hover{background:var(--indigo-8);border-color:var(--indigo-8)}.btn.secondary{background:var(--surface-2);border-color:var(--border-2);color:var(--text-1)}.btn.secondary:hover{background:var(--surface-3)}.btn.danger{background:var(--red-7);border-color:var(--red-7);color:#fff}.btn.danger:hover{background:var(--red-8);border-color:var(--red-8)}.btn.success{background:var(--green-7);border-color:var(--green-7);color:#fff}.btn.success:hover{background:var(--green-8);border-color:var(--green-8)}.btn.small{font-size:var(--font-size-1);padding:var(--size-1) var(--size-3)}.btn.large{font-size:var(--font-size-3);padding:var(--size-3) var(--size-6)}.btn-link{background:none;border:none;color:var(--indigo-7);cursor:pointer;font-size:var(--font-size-1);padding:0;text-decoration:underline}.btn-link:hover{color:var(--indigo-8)}html[data-theme=dark] .btn-link{color:var(--indigo-5)}html[data-theme=dark] .btn-link:hover{color:var(--indigo-4)}.help-link{margin-top:.5rem}.btn.url-disabled-row,.btn:disabled{cursor:not-allowed;opacity:.65;pointer-events:none}.urls-table .url-down-row,.urls-table .url-down-row td{background-color:hsla(0,91%,71%,.18)!important}.urls-table .url-down-row:hover,.urls-table .url-down-row:hover td{background-color:hsla(0,91%,71%,.25)!important}html[data-theme=dark] .urls-table .url-down-row,html[data-theme=dark] .urls-table .url-down-row td{background-color:hsla(0,91%,71%,.28)!important}html[data-theme=dark] .urls-table .url-down-row:hover,html[data-theme=dark] .urls-table .url-down-row:hover td{background-color:hsla(0,91%,71%,.36)!important}.notification-pause{align-items:flex-start;display:flex;flex-direction:column;gap:.4rem}.notification-pause__form{align-items:center;display:inline-flex;gap:.5rem}.notification-pause-feedback{border-radius:6px;font-size:.9rem;padding:.35rem .6rem}.notification-pause-feedback--success{background:var(--success-bg);border:1px solid var(--success-border);color:var(--success-text)}.notification-pause-feedback--error{background:var(--error-bg);border:1px solid var(--error-border);color:var(--error-text)}html[data-theme=dark] .notification-pause-feedback--success{background:var(--success-bg-dark);border-color:var(--success-border-dark);color:var(--success-text-dark)}html[data-theme=dark] .notification-pause-feedback--error{background:var(--error-bg-dark);border-color:var(--error-border);color:var(--error-text-dark)}.embedded-support-widget{margin-top:2rem;width:100%}#support-widget-frame{border:none;display:block;min-height:520px;width:100%}.btn.loading{color:transparent;position:relative}.btn.loading:after{animation:spin .6s linear infinite;border:2px solid;border-radius:50%;border-right:2px solid transparent;content:"";height:16px;left:50%;margin-left:-8px;margin-top:-8px;position:absolute;top:50%;width:16px}.pagination-btn{align-items:center;background:var(--surface-2);border:1px solid var(--border-2);border-radius:var(--radius-2);color:var(--text-2);cursor:pointer;display:inline-flex;font-size:var(--font-size-1);font-weight:var(--font-weight-5);height:36px;justify-content:center;min-width:36px;padding:var(--size-2) var(--size-3);transition:all .2s ease}.pagination-btn:hover:not(.disabled):not(.active){background:var(--surface-3);border-color:var(--indigo-7);color:var(--text-1)}.pagination-btn.active{background:var(--indigo-7);border-color:var(--indigo-7);color:#fff;font-weight:var(--font-weight-6)}.pagination-btn.disabled{cursor:not-allowed;opacity:.4;pointer-events:none}.pagination,.pagination-controls{align-items:center;display:flex;flex-wrap:wrap;gap:var(--size-2);justify-content:center;margin:var(--size-4) 0}.pagination-info{padding:0 var(--size-2)}html[data-theme=dark] .pagination-btn{background:var(--surface-2-dark);border-color:var(--border-2-dark);color:var(--text-2-dark)}html[data-theme=dark] .pagination-btn:hover:not(.disabled):not(.active){background:var(--surface-3-dark);border-color:var(--indigo-6);color:var(--text-1-dark)}html[data-theme=dark] .pagination-btn.active{background:var(--indigo-6);border-color:var(--indigo-6);color:#fff}html[data-theme=dark] .pagination-info{color:var(--text-2-dark)}.pagination-container{align-items:center;display:flex;flex-wrap:wrap;gap:var(--size-3);justify-content:space-between;margin:var(--size-4) 0}.pagination-container .pagination-controls{margin:0}.pagination-limit{align-items:center;color:var(--text-2);display:flex;font-size:var(--font-size-1);gap:var(--size-2)}.pagination-limit label{font-weight:400;margin:0}.pagination-limit select{background:var(--surface-1);border:1px solid var(--border-2);border-radius:var(--radius-2);color:var(--text-1);cursor:pointer;font-size:var(--font-size-1);padding:var(--size-1) var(--size-2)}html[data-theme=dark] .pagination-limit{color:var(--text-2-dark)}html[data-theme=dark] .pagination-limit select{background:var(--surface-2-dark);border-color:var(--border-2-dark);color:var(--text-1-dark)}.form-group{margin-bottom:var(--size-4)}.form-group label{color:var(--text-1);display:block;font-size:var(--font-size-1);font-weight:var(--font-weight-6);margin-bottom:var(--size-2)}.form-group input:not([type=checkbox]):not([type=radio]),.form-group select,.form-group textarea{background:var(--surface-1);border:1px solid var(--border-2);border-radius:var(--radius-2);color:var(--text-1);font-size:var(--font-size-2);padding:var(--size-2) var(--size-3);transition:border-color .2s ease,box-shadow .2s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--indigo-7);box-shadow:0 0 0 3px rgba(99,102,241,.1);outline:none}.form-group input[readonly],.form-group select[disabled],.form-group textarea[readonly]{background:var(--surface-2);color:var(--text-2);cursor:not-allowed}.form-group input[type=checkbox],.form-group input[type=radio]{cursor:pointer;margin-right:var(--size-2);width:auto}.form-group textarea{min-height:100px;resize:vertical}.form-row{display:grid;gap:var(--size-3);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--size-4)}.form-actions{display:flex;gap:var(--size-3);justify-content:flex-end;margin-top:var(--size-5)}.form-footer{border-top:1px solid var(--border-2);margin-top:var(--size-4);padding-top:var(--size-3);text-align:center}.form-description,.form-footer{color:var(--text-2);font-size:var(--font-size-1)}.form-description{margin-bottom:var(--size-4)}html[data-theme=dark] .form-group label{color:var(--text-1-dark)}html[data-theme=dark] .form-group input:not([type=checkbox]):not([type=radio]),html[data-theme=dark] .form-group select,html[data-theme=dark] .form-group textarea{background:var(--surface-2-dark);border-color:var(--border-2-dark);color:var(--text-1-dark)}html[data-theme=dark] .form-group input:focus,html[data-theme=dark] .form-group select:focus,html[data-theme=dark] .form-group textarea:focus{border-color:var(--indigo-6);box-shadow:0 0 0 3px rgba(129,140,248,.15)}html[data-theme=dark] .form-group input[readonly],html[data-theme=dark] .form-group select[disabled],html[data-theme=dark] .form-group textarea[readonly]{background:var(--surface-3-dark);color:var(--text-2-dark)}html[data-theme=dark] .form-footer{border-top-color:var(--border-2-dark);color:var(--text-2-dark)}html[data-theme=dark] .form-description{color:var(--text-2-dark)}.alert,.error,.info,.message,.success,.warning{border:1px solid;border-left:4px solid;border-radius:var(--radius-3);display:block;font-size:var(--font-size-1);line-height:1.5;margin-bottom:var(--size-3);padding:var(--size-3) var(--size-4)}.alert.success,.message.success,.success{background:rgba(34,197,94,.1);border-color:var(--green-7);color:var(--green-9)}.alert.error,.error,.message.error{background:rgba(239,68,68,.1);border-color:var(--red-7);color:var(--red-9)}.alert.warning,.message.warning,.warning{background:rgba(245,158,11,.1);border-color:var(--orange-7);color:var(--orange-9)}.alert.info,.info,.message.info{background:rgba(59,130,246,.1);border-color:var(--blue-7);color:var(--blue-9)}html[data-theme=dark] .alert.success,html[data-theme=dark] .message.success,html[data-theme=dark] .success{background:rgba(34,197,94,.15);border-color:var(--green-6);color:var(--green-3)}html[data-theme=dark] .alert.error,html[data-theme=dark] .error,html[data-theme=dark] .message.error{background:rgba(239,68,68,.15);border-color:var(--red-6);color:var(--red-3)}html[data-theme=dark] .alert.warning,html[data-theme=dark] .message.warning,html[data-theme=dark] .warning{background:rgba(245,158,11,.15);border-color:var(--orange-6);color:var(--orange-3)}html[data-theme=dark] .alert.info,html[data-theme=dark] .info,html[data-theme=dark] .message.info{background:rgba(59,130,246,.15);border-color:var(--blue-6);color:var(--blue-3)}.info-message{background:var(--surface-1);border-radius:var(--radius-2);box-shadow:0 1px 3px rgba(0,0,0,.1);color:var(--text-2);margin:var(--size-4) 0;padding:2rem;text-align:center}html[data-theme=dark] .info-message{background:var(--surface-1-dark);box-shadow:0 1px 3px rgba(0,0,0,.3);color:var(--text-2-dark)}.card{background:var(--surface-1);border:1px solid var(--border-2);border-radius:var(--radius-3);box-shadow:0 2px 8px rgba(30,34,40,.08);padding:var(--size-5);transition:box-shadow .2s ease,transform .2s ease}.card:hover{box-shadow:0 4px 16px rgba(30,34,40,.12)}.card.interactive{cursor:pointer}.card.interactive:hover{transform:translateY(-2px)}.card-header{border-bottom:1px solid var(--border-2);margin-bottom:var(--size-3);padding-bottom:var(--size-3)}.card-title{color:var(--text-1);font-size:var(--font-size-3);font-weight:var(--font-weight-7);margin:0}.card-subtitle{color:var(--text-2);font-size:var(--font-size-1);margin-top:var(--size-1)}.card-body{color:var(--text-2);line-height:1.6}.card-footer{border-top:1px solid var(--border-2);display:flex;gap:var(--size-2);justify-content:flex-end;margin-top:var(--size-4);padding-top:var(--size-3)}.card.elevated{box-shadow:0 4px 16px rgba(30,34,40,.15)}.card.flat{border:1px solid var(--border-2);box-shadow:none}.card.outlined{border:2px solid var(--border-2);box-shadow:none}html[data-theme=dark] .card{background:var(--surface-2-dark);border-color:var(--border-2-dark);box-shadow:0 2px 8px rgba(0,0,0,.3)}html[data-theme=dark] .card:hover{box-shadow:0 4px 16px rgba(0,0,0,.4)}html[data-theme=dark] .card-header{border-bottom-color:var(--border-2-dark)}html[data-theme=dark] .card-title{color:var(--text-1-dark)}html[data-theme=dark] .card-body,html[data-theme=dark] .card-subtitle{color:var(--text-2-dark)}html[data-theme=dark] .card-footer{border-top-color:var(--border-2-dark)}html[data-theme=dark] .card.elevated{box-shadow:0 4px 16px rgba(0,0,0,.5)}html[data-theme=dark] .card.outlined{border-color:var(--border-2-dark)}table{background:var(--surface-1);border-collapse:collapse;border-radius:var(--radius-3);overflow:hidden;width:100%}thead{background:var(--surface-2)}th{border-bottom:2px solid var(--border-2);color:var(--text-1);font-size:var(--font-size-0);font-weight:var(--font-weight-6);letter-spacing:.05em;text-align:left;text-transform:uppercase}td,th{padding:var(--size-3) var(--size-4)}td{border-bottom:1px solid var(--border-2);color:var(--text-2)}td.actions{white-space:nowrap}.button-group{align-items:center;display:flex;gap:.5rem;justify-content:flex-start}tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--surface-2)}.my-urls-section,.urls-section{max-width:100%;padding:0 var(--size-4);padding-bottom:200px}.table-container{overflow-x:auto}.urls-table{background:var(--surface-1);border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);margin-top:0;table-layout:fixed;width:100%}.urls-table:not(.notifs-table) th:first-child{width:15%}.urls-table:not(.notifs-table) th:nth-child(2){width:30%}.urls-table:not(.notifs-table) th:nth-child(3){width:8%}.urls-table:not(.notifs-table) th:nth-child(4),.urls-table:not(.notifs-table) th:nth-child(5){width:6%}.urls-table:not(.notifs-table) th:nth-child(6){width:15%}.notifs-table th:first-child,.urls-table:not(.notifs-table) th:nth-child(7){width:10%}.notifs-table th:nth-child(2){width:50%}.notifs-table th:nth-child(3),.notifs-table th:nth-child(4){width:15%}.resend-message-row td{border-bottom:1px solid var(--border-2);padding:var(--size-2)}.resend-message-row:has(.resend-message:empty){display:none}.resend-message{min-height:0}.urls-table td:nth-child(2) a{display:block}.urls-table .notif-value-cell,.urls-table td:nth-child(2) a{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.actions-dropdown{display:inline-block;position:relative}.actions-dropdown__trigger{cursor:pointer}.actions-dropdown__menu{background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius-3);box-shadow:0 4px 20px rgba(0,0,0,.08);display:none;min-width:180px;padding:var(--size-2);position:absolute;right:0;top:100%;z-index:1000}.actions-dropdown--open .actions-dropdown__menu{display:block}.my-urls-section,.table-container,.urls-section,.urls-table{overflow:visible}.actions-dropdown__item{align-items:center;background:none;border:none;border-radius:var(--radius-2);color:var(--text-1);cursor:pointer;display:flex;font-size:var(--font-size-1);gap:var(--size-2);padding:var(--size-2) var(--size-3);text-align:left;transition:background .15s ease,color .15s ease;white-space:nowrap;width:100%}.actions-dropdown__item svg{flex-shrink:0;height:18px;width:18px}.actions-dropdown__item:hover{background:rgba(99,102,241,.08);color:var(--indigo-7)}.actions-dropdown__item--warning{color:#ca8a04}.actions-dropdown__item--success{color:#16a34a}.actions-dropdown__item--danger{color:#dc2626}.actions-dropdown__divider{border:none;border-top:1px solid var(--gray-3);margin:var(--size-1) 0}html[data-theme=dark] .actions-dropdown__menu{background:var(--surface-2-dark);border-color:var(--border-2-dark);box-shadow:0 4px 20px rgba(0,0,0,.3)}html[data-theme=dark] .actions-dropdown__item{color:var(--text-1-dark)}html[data-theme=dark] .actions-dropdown__item:hover{background:rgba(129,140,248,.12);color:var(--indigo-4)}html[data-theme=dark] .actions-dropdown__divider{border-top-color:var(--gray-7)}.type-dropdown__trigger{background:var(--surface-1);border:1px solid var(--border-2);border-radius:var(--radius-2);color:var(--text-1);font:inherit;padding:.75rem 1rem}.type-dropdown__trigger:hover{border-color:var(--indigo-5)}.type-dropdown__selected{gap:var(--size-2)}.type-dropdown__icon svg{height:18px;width:18px}.type-dropdown__chevron{flex-shrink:0}.type-dropdown__menu{background:var(--surface-1);border:1px solid var(--border-2);border-radius:var(--radius-2);box-shadow:0 4px 16px rgba(0,0,0,.1);padding:var(--size-2)}.type-dropdown__item{background:none;border-radius:var(--radius-2);color:var(--text-1);font:inherit;gap:var(--size-2);padding:.625rem .75rem;white-space:nowrap}.type-dropdown__item svg{flex-shrink:0;height:18px;width:18px}.type-dropdown__item:hover{background:rgba(99,102,241,.08);color:var(--indigo-7)}html[data-theme=dark] .type-dropdown__trigger{background:var(--surface-2-dark);border-color:var(--border-2);color:var(--text-1-dark)}html[data-theme=dark] .type-dropdown__menu{background:var(--surface-2-dark);border-color:var(--border-2);box-shadow:0 4px 20px rgba(0,0,0,.3)}html[data-theme=dark] .type-dropdown__item{color:var(--text-1-dark)}html[data-theme=dark] .type-dropdown__item:hover{background:rgba(129,140,248,.12);color:var(--indigo-4)}.url-disabled-row,.url-disabled-row td{background:#d8d9da;color:#f9fafb}.url-disabled-row a{color:#e5e7eb}.urls-table tbody tr:hover,.urls-table tbody tr:hover td{background:#f2f3f5!important}html[data-theme=dark] .urls-table tbody tr:hover,html[data-theme=dark] .urls-table tbody tr:hover td{background:#272d35!important}.url-disabled-row:hover,.url-disabled-row:hover td{background:#d8d9da}html[data-theme=dark] .url-disabled-row,html[data-theme=dark] .url-disabled-row td{background:#7b7b7b;color:#d1d5db}html[data-theme=dark] .url-disabled-row a{color:#9ca3af}html[data-theme=dark] .url-disabled-row:hover,html[data-theme=dark] .url-disabled-row:hover td{background:#111827}.urls-table td,.urls-table th{border-bottom:1px solid var(--border-2);padding:.75rem;text-align:left}.urls-table th{background:var(--surface-2);font-weight:600}.text-center{text-align:center}table.striped tbody tr:nth-child(2n){background:var(--surface-2)}table.bordered,table.bordered td,table.bordered th{border:1px solid var(--border-2)}table.compact td,table.compact th{font-size:var(--font-size-1);padding:var(--size-2) var(--size-3)}.table-wrapper{margin:var(--size-3) 0;overflow-x:auto}html[data-theme=dark] table{background:var(--surface-1-dark);box-shadow:0 2px 8px rgba(0,0,0,.3)}html[data-theme=dark] thead{background:var(--surface-2-dark)}html[data-theme=dark] th{border-bottom-color:var(--border-2-dark);color:var(--text-1-dark)}html[data-theme=dark] td{border-bottom-color:var(--border-2-dark);color:var(--text-2-dark)}html[data-theme=dark] tbody tr:hover{background:var(--surface-3-dark)}html[data-theme=dark] table.striped tbody tr:nth-child(2n){background:var(--surface-2-dark)}html[data-theme=dark] table.bordered,html[data-theme=dark] table.bordered td,html[data-theme=dark] table.bordered th{border-color:var(--border-2-dark)}html[data-theme=dark] .urls-table{background:var(--surface-2-dark);box-shadow:0 2px 4px rgba(0,0,0,.25)}html[data-theme=dark] .urls-table td,html[data-theme=dark] .urls-table th{background-color:var(--surface-2-dark);border-bottom-color:var(--border-2-dark);color:var(--text-1-dark)}html[data-theme=dark] .urls-table th{background:var(--surface-3-dark)}html[data-theme=dark] .main-header,html[data-theme=dark] .main-nav,html[data-theme=dark] nav{background:transparent;border-bottom:none}html[data-theme=dark] .nav-link{background:transparent;color:var(--text-2-dark)}html[data-theme=dark] .nav-link:hover{background:rgba(129,140,248,.1);color:var(--indigo-4)}@media (max-width:870px){html[data-theme=dark] .nav-links{background:var(--surface-2-dark);border-color:var(--border-2-dark);box-shadow:0 4px 20px rgba(0,0,0,.3)}html[data-theme=dark] .nav-links>li .nav-button:hover,html[data-theme=dark] .nav-links>li .nav-link:hover{background:rgba(129,140,248,.12)}html[data-theme=dark] .nav-links>li .nav-link.active{background:rgba(129,140,248,.18)}}html[data-theme=dark] .brand{color:var(--text-1-dark)}html[data-theme=dark] .brand a:hover{color:var(--indigo-4)}html[data-theme=dark] body{background:var(--surface-1-dark);color:var(--text-1-dark)}html[data-theme=dark] .btn{background:var(--surface-3-dark);border-color:var(--border-2-dark);color:var(--text-2-dark)}html[data-theme=dark] .btn:hover{background:var(--surface-4-dark)}html[data-theme=dark] .btn.primary{background:var(--indigo-6);border-color:var(--indigo-6);color:#fff}.toast-container{align-items:center;display:flex;flex-direction:column;gap:.75rem;left:50%;max-width:20rem;pointer-events:none;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1100}.toast{background:var(--surface-1);border:1px solid var(--border-2);border-radius:.75rem;box-shadow:0 12px 30px rgba(15,23,42,.18);color:var(--text-1);font-size:.95rem;opacity:0;padding:.75rem 1rem;pointer-events:auto;transform:translateY(-10px);transition:opacity .25s ease,transform .25s ease}.toast.is-visible{opacity:1;transform:translateY(0)}.toast.toast--error{background:#fee2e2;border-color:var(--red-5);color:var(--red-9,#7f1d1d)}.toast.toast--success{background:#dcfce7;border-color:var(--green-5);color:var(--green-9,#065f46)}.toast.toast--info{background:#e0e7ff;border-color:var(--indigo-5);color:var(--indigo-9,#312e81)}html[data-theme=dark] .toast{background:var(--surface-3-dark);border-color:var(--border-2-dark);box-shadow:0 12px 32px rgba(15,23,42,.5);color:var(--text-1-dark)}html[data-theme=dark] .toast.toast--error{background:#450a0a;border-color:var(--red-6);color:#fecaca}html[data-theme=dark] .toast.toast--success{background:#064e3b;border-color:var(--green-6);color:#bbf7d0}html[data-theme=dark] .toast.toast--info{background:#312e81;border-color:var(--indigo-6);color:#c7d2fe}html[data-theme=dark] .btn.primary:hover{background:var(--indigo-7);border-color:var(--indigo-7)}html[data-theme=dark] .btn.secondary{background:var(--surface-2-dark);border-color:var(--border-2-dark);color:var(--text-1-dark)}html[data-theme=dark] .btn.secondary:hover{background:var(--surface-3-dark)}html[data-theme=dark] .btn.danger{background:var(--red-6);border-color:var(--red-6)}html[data-theme=dark] .btn.danger:hover{background:var(--red-7);border-color:var(--red-7)}html[data-theme=dark] .btn.success{background:var(--green-6);border-color:var(--green-6)}html[data-theme=dark] .btn.plan-select:hover{background:var(--green-7)}html[data-theme=dark] .btn.success:hover{background:var(--green-7);border-color:var(--green-7)}.main-header{background:transparent;border-bottom:none;margin-bottom:var(--size-6)}.main-nav{flex-wrap:nowrap;justify-content:space-between;margin:0;max-width:100%;overflow:visible;padding:0;position:relative;width:100%}.main-nav,.nav-right{align-items:center;display:flex;gap:var(--size-4)}.nav-right{margin-left:auto}.features{display:flex;flex-wrap:wrap;gap:var(--size-4);justify-content:center;margin-bottom:var(--size-6)}.feature-card h3{color:#181a1b;font-size:var(--font-size-3);font-weight:var(--font-weight-7);margin-bottom:var(--size-2)}.feature-card{background:#f5f6fa;border:1px solid #e0e0e0;border-radius:var(--radius-3);box-shadow:0 2px 8px rgba(30,34,40,.08);flex:1 1 220px;max-width:320px;min-width:220px;padding:var(--size-5);text-align:left}html[data-theme=dark] .feature-card h3{color:var(--feature-card-text-dark,#e0e0e0)}.feature-card p{color:var(--text-2);font-size:var(--font-size-1)}.admin-nav-bar{background:var(--surface-2);border-bottom:1px solid var(--border-2);display:flex;gap:var(--size-4);margin-bottom:2rem;padding:1.2rem 2rem}.admin-nav-link{border-radius:4px;color:var(--text-1);font-size:1.1rem;font-weight:500;padding:.4em 1.2em;text-decoration:none;transition:background .2s}.admin-nav-link.active,.admin-nav-link:hover{background:var(--surface-3)}html[data-theme=dark] .admin-nav-bar{background:var(--surface-2-dark);border-bottom:1px solid var(--border-2-dark)}html[data-theme=dark] .admin-nav-link{color:var(--text-1-dark)}html[data-theme=dark] .admin-nav-link.active,html[data-theme=dark] .admin-nav-link:hover{background:var(--surface-3-dark)}.alerts-page{margin-bottom:var(--size-6)}.add-url-section{background:var(--surface-2);border:1px solid var(--border-2);border-radius:var(--radius-3);box-shadow:0 2px 8px var(--shadow-2,rgba(30,34,40,.08));margin-top:var(--size-6);padding:var(--size-6)}.add-url-form-card{background:var(--modal-bg,#fff);border:1px solid var(--modal-border,#e5e7eb);border-radius:26px;box-shadow:var(--modal-shadow,0 24px 60px rgba(15,23,42,.16));margin:2.5rem auto;max-width:min(900px,94vw);padding:clamp(1.25rem,2vw,2rem)}.add-url-form-card .modal-content{background:transparent;border:none;box-shadow:none;margin:0;padding:clamp(1.75rem,3vw,2.75rem)}html[data-theme=dark] .add-url-form-card{background:var(--modal-bg-dark,#232425);border-color:var(--modal-border-dark,#2c2c2c);box-shadow:var(--modal-shadow-dark,0 2px 24px rgba(0,0,0,.6))}html[data-theme=dark] .add-url-section{background:var(--surface-3-dark);border-color:var(--border-2-dark);box-shadow:0 2px 8px var(--shadow-2-dark,hsla(0,0%,8%,.18))}.admin-plan-table{background:var(--table-bg);border-collapse:collapse;border-radius:8px;box-shadow:0 2px 8px var(--shadow);color:var(--text-primary);margin:0 auto 1.5em;width:100%}.admin-plan-table td,.admin-plan-table th{border-bottom:1px solid var(--border-color);padding:.7em 1.1em;text-align:left}.update-plan-link{background:transparent;border:1px solid var(--primary-color);border-radius:4px;color:var(--primary-color);display:inline-block;font-size:.85rem;margin-left:1em;padding:.3em .8em;text-decoration:none;transition:all .2s ease}.update-plan-link:focus,.update-plan-link:hover{background:var(--primary-color);color:var(--primary-text)}.forgot-password-link{font-size:.85rem;margin-top:.5em;text-align:right}.forgot-password-link a{color:var(--text-2);text-decoration:none;transition:color .2s ease}.forgot-password-link a:focus,.forgot-password-link a:hover{color:var(--text-1);text-decoration:underline}html[data-theme=dark] .forgot-password-link a{color:var(--text-2-dark,#888)}html[data-theme=dark] .forgot-password-link a:focus,html[data-theme=dark] .forgot-password-link a:hover{color:var(--text-1-dark,#7e7e7e)}html[data-theme=dark] .update-plan-link{border-color:var(--primary-color-dark,#6da8ff);color:var(--primary-color-dark,#6da8ff)}html[data-theme=dark] .update-plan-link:focus,html[data-theme=dark] .update-plan-link:hover{background:var(--primary-color-dark,#6da8ff);color:var(--dark-bg,#1a1a1a)}#account-plan{align-items:center;display:flex}.admin-plan-table th{background:var(--table-header-bg);color:var(--text-primary);font-weight:600}.admin-plan-table tr:last-child td{border-bottom:none}.admin-plan-table tr.admin-url-row-disabled,.admin-plan-table tr.admin-url-row-disabled td{background-color:#f0f2f5!important;color:#4b5563!important}.admin-plan-table tr.admin-url-row-disabled a{color:inherit;text-decoration-color:rgba(0,0,0,.2)}.admin-user-list-section{margin:0 auto}.admin-user-list-container,.admin-user-list-section{align-items:center;display:flex;flex-direction:column;width:100%}html[data-theme=dark] .admin-plan-table{border-color:var(--border-2-dark);box-shadow:0 2px 8px var(--shadow-dark)}html[data-theme=dark] .admin-plan-table,html[data-theme=dark] .admin-plan-table td,html[data-theme=dark] .admin-plan-table th{background:var(--surface-1-dark);color:var(--text-1-dark)}html[data-theme=dark] .admin-plan-table th{background:var(--table-header-bg-dark);color:var(--text-1-dark)}html[data-theme=dark] .admin-plan-table tr.admin-url-row-disabled,html[data-theme=dark] .admin-plan-table tr.admin-url-row-disabled td{background-color:#2c2f34!important;color:#c4c4cc!important}html[data-theme=dark] .admin-plan-table tr.admin-url-row-disabled a{color:inherit;text-decoration-color:hsla(0,0%,100%,.3)}html[data-theme=dark] .admin-user-list-section{background:var(--surface-3-dark);border-color:var(--border-2-dark);box-shadow:0 2px 8px var(--shadow-2-dark,hsla(0,0%,8%,.18))}.auth-form{background:none;border:none;box-shadow:none;padding:0}@media (min-width:900px){.features,.plans-grid{flex-wrap:nowrap}}@media (max-width:899px){.features,.plans-grid{flex-wrap:wrap}}.plans-section{padding:2em 0;text-align:center}.plans-title{font-size:2.5em;font-weight:700}.plans-subtitle{color:#aaa;margin-bottom:2em}.plans-grid{display:flex;gap:2em;justify-content:center}.billing-toggle{align-items:center;background:var(--surface-2,#f3f4f6);border:1px solid var(--border-2,#d1d5db);border-radius:var(--radius-3,999px);display:inline-flex;justify-content:center;margin:1.5rem auto 2.5rem;overflow:hidden}.billing-toggle__option{appearance:none;background:transparent;border:none;color:var(--text-2,#4b5563);cursor:pointer;font-size:.95rem;font-weight:var(--font-weight-6,600);padding:.65rem 1.75rem;transition:background .2s ease,color .2s ease}.billing-toggle__option:focus-visible,.billing-toggle__option:hover{background:rgba(99,102,241,.12);outline:none}.billing-toggle__option.is-active{background:var(--indigo-5,#6366f1);color:#fff}html[data-theme=dark] .billing-toggle{background:var(--surface-2-dark,#1f2933);border-color:var(--border-2-dark,#374151)}html[data-theme=dark] .billing-toggle__option{color:var(--text-2-dark,#9ca3af)}.plan-price{align-items:baseline;display:flex;font-size:2.2rem;gap:.35rem;margin:.5em 0 .25em}.plan-price__figure{align-items:baseline;display:inline-flex;gap:0}.plan-price__currency{font-size:1em;line-height:1}.plan-price__strike{align-items:baseline;color:var(--text-3,#9ca3af);display:flex;gap:.35rem;margin-top:.15rem;text-decoration:line-through}#pricing[data-billing-mode=monthly] .plan-price__strike{display:none!important}.plan-price__note{color:var(--text-3,#9ca3af);font-size:.85rem;margin-top:.35rem}html[data-theme=dark] .plan-price__note,html[data-theme=dark] .plan-price__strike{color:var(--text-3-dark,#6b7280)}.plan-card{align-items:flex-start;background:var(--feature-card-bg,#f5f6fa);border:1px solid var(--feature-card-border,#e0e0e0);border-radius:var(--radius-3);box-shadow:0 2px 8px rgba(30,34,40,.08);display:flex;flex:1 1 220px;flex-direction:column;margin-bottom:var(--size-4);max-width:320px;min-width:220px;padding:var(--size-5);text-align:left}html[data-theme=dark] .plan-card{background:var(--feature-card-bg-dark,#232425);border-color:var(--feature-card-border-dark,#2c2c2c);color:var(--feature-card-text-dark,#e0e0e0)}.plan-card.highlight{border:2px solid var(--indigo-5,#6366f1)}.plan-header{margin-bottom:1em}.plan-price{font-size:2em;font-weight:700;margin:.5em 0}.plan-features{list-style:none;margin:1em 0 2em;padding:0;text-align:left}.plan-features li{margin-bottom:.5em}.btn.plan-select{background:var(--green-7);border:none;border-radius:var(--radius-2);color:#fff;cursor:pointer;font-weight:var(--font-weight-6);padding:var(--size-2) var(--size-4);transition:background .2s}.btn.plan-select:hover{background:var(--green-8)}input,input[type=checkbox],textarea{accent-color:var(--indigo-7,#6366f1);background:var(--surface-1);border:1px solid var(--border-2);box-shadow:none;color:var(--text-1)}html[data-theme=dark] input[type=checkbox]{accent-color:var(--indigo-5,#818cf8);background:var(--surface-1-dark);border:1px solid var(--border-2-dark);color:var(--text-1-dark)}#url-enabled{accent-color:var(--indigo-7,#6366f1)}html[data-theme=dark] #url-enabled{accent-color:var(--indigo-5,#818cf8)}select{background:var(--surface-1);border:1px solid var(--border-2);color:var(--text-1)}input:checked{background:var(--indigo-5)}html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea{background:var(--surface-1-dark);border:1px solid var(--border-2-dark);color:var(--text-1-dark)}.nav-link:focus,.nav-link:hover{text-decoration:underline;text-underline-offset:3px}.modal-overlay{align-items:center;background-color:var(--modal-overlay-bg,rgba(0,0,0,.5));display:none;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-overlay.active{display:flex}.modal-container{background-color:var(--modal-bg,#fff);border-radius:8px;box-shadow:var(--modal-shadow,0 4px 12px rgba(0,0,0,.15));max-height:90vh;max-width:500px;overflow-y:auto;padding:1.5rem;position:relative;width:90%}.modal-header{align-items:center;border-bottom:1px solid var(--modal-border-color,#eee);display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.modal-title{color:var(--modal-title-color,#333);font-size:1.25rem;font-weight:600;margin:0}.modal-close{background:none;border:none;color:var(--modal-close-color,#666);cursor:pointer;font-size:1.5rem;line-height:1;padding:.25rem}.modal-close:hover{color:var(--modal-close-hover-color,#333)}.modal-content{margin-bottom:1rem}.modal-footer{border-top:1px solid var(--modal-border-color,#eee);display:flex;gap:.75rem;justify-content:flex-end;padding-top:1rem}html[data-theme=dark] .modal-container{--modal-bg:#2a2a2a;--modal-border-color:#444;--modal-title-color:#eee;--modal-close-color:#aaa;--modal-close-hover-color:#fff;--modal-shadow:0 4px 12px rgba(0,0,0,.3)}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-overlay.active{animation:fadeIn .2s ease-out forwards}.modal-overlay.active .modal-container{animation:slideIn .3s ease-out forwards}.modal-container.image-modal{align-items:center;background-color:transparent;box-shadow:none;display:flex;justify-content:center;max-height:90vh;max-width:90vw;padding:0;position:relative}.modal-container.image-modal .modal-image-full{background:#fff;border-radius:10px;box-shadow:0 12px 32px rgba(0,0,0,.25);height:auto;max-height:90vh;object-fit:contain;width:100%}.image-modal__close{align-items:center;background:rgba(0,0,0,.6);border:none;border-radius:50%;color:#fff;cursor:pointer;display:inline-flex;font-size:1.4rem;height:36px;justify-content:center;line-height:1;position:absolute;right:12px;top:12px;width:36px}.image-modal__close:hover{background:rgba(0,0,0,.75)}header.main-header{backdrop-filter:none;-webkit-backdrop-filter:none;background:hsla(0,0%,100%,.2);box-shadow:none;left:0;position:fixed!important;right:0;top:0;transition:background-color .3s,box-shadow .3s;z-index:1000}:root{--header-height:72px;--header-gap:4px}body:not(.hero-layout) #main-content{padding-top:calc(var(--header-height) + var(--header-gap))}body.hero-layout #main-content{padding-top:calc(var(--header-height) + 2px)}body:not(.hero-layout) header.main-header nav{padding-bottom:6px;padding-top:6px}body.hero-layout header.main-header nav{padding-bottom:4px;padding-top:4px}header.main-header.scrolled{backdrop-filter:none;-webkit-backdrop-filter:none;background:hsla(0,0%,100%,.95);box-shadow:none}html[data-theme=dark] header.main-header,html[data-theme=dark] header.main-header.scrolled{background:rgba(24,26,27,.95)}:root{--hero-bg-color:#f8f9fa;--hero-padding:0;--hero-height:auto;--hero-min-height:550px}html[data-theme=dark]{--hero-bg-color:var(--surface-1-dark)}.full-width,.hero-container{max-width:100%;padding:0;width:100%}.hero-container{margin:0}.hero-layout header.main-header{background:transparent;border-bottom:none;left:0;margin-bottom:0;position:absolute;right:0;top:0;z-index:100}.hero-layout .main-nav{background:transparent;border:none;padding-bottom:var(--size-1);padding-top:var(--size-1);transition:background-color .3s ease,box-shadow .3s ease}.hero-layout header.main-header.scrolled .main-nav{background:hsla(0,0%,100%,.95);box-shadow:0 2px 8px rgba(0,0,0,.1)}html[data-theme=dark] .hero-layout header.main-header.scrolled .main-nav{background:rgba(15,23,42,.95);box-shadow:0 2px 8px rgba(0,0,0,.3)}.nav-wrapper{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;width:100%}.hero-layout .nav-toggle{border-color:hsla(0,0%,100%,.6)}.hero-layout .nav-toggle-bar{background:var(--text-1)}.hero-layout .nav-links .nav-button,.hero-layout .nav-links .nav-link{color:var(--text-1)}.hero-layout .nav-links .nav-button{background-color:var(--blue-9)}.hero-layout .nav-links .nav-button:hover{background-color:var(--blue-8);transform:translateY(-2px)}.hero-layout .nav-right{align-items:center;display:flex;gap:var(--size-3)}.hero-layout .brand{font-size:var(--font-size-3);font-weight:var(--font-weight-9)}.hero-section{background:var(--hero-bg-color);height:auto;min-height:var(--hero-min-height);padding:100px var(--size-6) 0;text-align:center}.hero-content,.hero-section{align-items:center;display:flex;flex-direction:column;justify-content:flex-start}.hero-content{margin:0 auto;max-width:800px;width:100%}.hero-screenshot{animation:heroScreenshotSlideFade 6s ease-out forwards;height:auto;opacity:0;pointer-events:none;position:absolute;right:clamp(1.5rem,6vw,6rem);top:clamp(6rem,18vh,12rem);transform:translateX(55%);transition:opacity .2s ease;width:clamp(280px,38vw,640px)}@keyframes heroScreenshotSlideFade{0%{opacity:1;transform:translateX(85%) scale(.98)}40%{opacity:.5}to{opacity:.15;transform:translateX(30%) scale(1)}}@media (max-width:900px){.hero-screenshot{display:none}}.hero-title{color:var(--text-1);font-size:clamp(2.5rem,5vw,3.5rem);font-weight:var(--font-weight-9);letter-spacing:-.5px;line-height:1.2;margin-bottom:var(--size-6);margin-top:var(--size-2)}.hero-subtitle{color:var(--text-1);font-size:clamp(1.15rem,2vw,1.5rem);font-weight:var(--font-weight-5);line-height:1.4;margin-bottom:var(--size-7);max-width:700px}.hero-description{color:var(--text-2);font-size:var(--font-size-1);line-height:1.6;margin-bottom:var(--size-4);margin-top:var(--size-7);max-width:700px}.hero-cta-note{color:var(--text-2);font-size:var(--font-size-0);margin-top:var(--size-3)}.hero-plan-facts{background:var(--surface-1);border:1px solid var(--border-2);border-radius:var(--radius-3);box-shadow:var(--shadow-1);margin-bottom:var(--size-6);margin-top:var(--size-2);padding:var(--size-4);text-align:left;width:min(100%,700px)}.hero-plan-facts-title{color:var(--text-1);font-size:var(--font-size-1);font-weight:var(--font-weight-7);margin:0 0 var(--size-2)}.hero-plan-facts-list{color:var(--text-2);line-height:1.55;margin:0 0 var(--size-3);padding-left:1.15rem}.hero-plan-facts-list li+li{margin-top:var(--size-2)}.hero-plan-facts-link{color:var(--blue-9);font-weight:var(--font-weight-6);text-decoration:none}.hero-plan-facts-link:hover{color:var(--blue-8);text-decoration:underline}.hero-beta-spotlight{align-items:center;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(120deg,#e0f2ff,#60a5ff,#2563eb);border-radius:999px;box-shadow:inset 0 0 0 1px rgba(15,23,42,.08);color:transparent;display:inline-flex;font-weight:var(--font-weight-7);isolation:isolate;letter-spacing:.01em;margin-bottom:.35em;overflow:hidden;padding:.15em .85em;position:relative;-webkit-text-fill-color:transparent;animation:heroBetaPulse 1s ease-in-out infinite}html[data-theme=dark] .hero-beta-spotlight{background:hsla(0,0%,100%,.08);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.15)}html[data-theme=dark] .hero-cta-note{color:var(--text-2-dark)}html[data-theme=dark] .hero-plan-facts{background:var(--surface-1-dark);border-color:var(--border-2-dark)}html[data-theme=dark] .hero-plan-facts-title{color:var(--text-1-dark)}html[data-theme=dark] .hero-plan-facts-list{color:var(--text-2-dark)}html[data-theme=dark] .hero-plan-facts-link{color:var(--blue-4)}html[data-theme=dark] .hero-plan-facts-link:hover{color:var(--blue-3)}.hero-beta-spotlight:before{background:rgba(37,99,235,.12);border-radius:inherit;content:"";inset:0;position:absolute;z-index:-1}.hero-beta-spotlight:after{animation:heroBetaSpotlight 4.7s ease-in-out infinite;background:linear-gradient(120deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.7) 50%,hsla(0,0%,100%,0));bottom:-30%;content:"";filter:blur(.5px);left:-50%;mix-blend-mode:screen;opacity:.9;pointer-events:none;position:absolute;top:-30%;transform:translateX(-120%) skewX(-15deg);width:55%}@keyframes heroBetaPulse{0%{opacity:1}50%{opacity:.45}to{opacity:1}}.hero-cta{background:var(--blue-9);border-radius:var(--radius-3);color:#fff;display:inline-block;font-size:var(--font-size-3);font-weight:var(--font-weight-6);padding:var(--size-4) var(--size-8);text-decoration:none;transition:transform .2s,background .2s}.hero-cta:hover{background:var(--blue-8);transform:translateY(-2px)}.hero-stat{align-items:center;background:#fff;border:1px solid var(--border-2);border-radius:var(--radius-round);box-shadow:var(--shadow-1);color:var(--text-2);display:inline-flex;font-weight:var(--font-weight-6);margin-bottom:var(--size-2);margin-top:var(--size-4);padding:var(--size-1) var(--size-2)}.bell-hover-message{color:var(--brand-7);font-size:var(--font-size-0);margin-left:var(--size-2);opacity:0;transition:opacity .3s ease}.bell-hover-message.visible{opacity:1}@keyframes bellRing{0%,to{transform:rotate(0)}10%,30%,50%,70%{transform:rotate(8deg)}20%,40%,60%,80%{transform:rotate(-8deg)}90%{transform:rotate(4deg)}95%{transform:rotate(-4deg)}}@keyframes bellRingActive{0%,to{transform:rotate(0)}10%,30%,50%,70%,90%{transform:rotate(12deg)}20%,40%,60%,80%{transform:rotate(-12deg)}}.hero-stat svg{margin-right:var(--size-2)}.ringing-bell{animation:bellRing 3s ease-in-out infinite;animation-play-state:running;cursor:pointer;transform-origin:top center;transition:filter .3s}.ringing-bell:hover{animation-duration:.6s;animation-name:bellRingActive;animation-timing-function:ease-in-out;filter:drop-shadow(0 0 2px rgba(0,122,255,.5))}.ringing-bell.ringing-active{animation-duration:.4s;animation-iteration-count:2;animation-name:bellRingActive;animation-timing-function:cubic-bezier(.36,.07,.19,.97);filter:drop-shadow(0 0 3px rgba(0,122,255,.8))}html[data-theme=dark] .hero-stat{background:var(--surface-2-dark);border-color:var(--surface-3-dark)}.hero-section{animation:gridMove 20s linear infinite;background-image:linear-gradient(90deg,rgba(200,210,220,.15) 1px,transparent 0),linear-gradient(180deg,rgba(200,210,220,.15) 1px,transparent 0),radial-gradient(ellipse at center top,rgba(59,130,246,.03) 0,transparent 70%);background-position:50%;background-size:40px 40px,40px 40px,100% 100%;overflow:hidden;position:relative}@keyframes gridMove{0%{background-position:0 0,0 0,50%}to{background-position:40px 40px,40px 40px,50%}}html[data-theme=dark] .hero-section{background-image:linear-gradient(90deg,hsla(210,9%,43%,.1) 1px,transparent 0),linear-gradient(180deg,hsla(210,9%,43%,.1) 1px,transparent 0),radial-gradient(ellipse at center top,rgba(59,130,246,.05) 0,transparent 70%);background-size:40px 40px,40px 40px,100% 100%}.hero-section{--text-opacity-top:0.02;--text-opacity-mid:0.08;--text-opacity-bottom:0.02}.hero-content{position:relative;z-index:10}.hero-content:before{animation:scrollLeft 45s linear infinite;color:rgba(200,210,220,.15);content:"Uptime • Monitoring • Alerts • Performance • SSL • Webhooks • Reliability • 24/7 • Instant • Detection • Uptime • Monitoring • Alerts • Performance • SSL • Webhooks • Reliability • 24/7 • Instant • Detection • ";font-size:clamp(2rem,4vw,3rem);font-weight:800;left:0;letter-spacing:.12em;pointer-events:none;position:absolute;top:-50px;white-space:nowrap;width:max-content;z-index:-1}.hero-content:after{animation:scrollRight 55s linear infinite;bottom:-80px;color:rgba(200,210,220,.12);content:"Real-time • Notifications • Downtime • Status • Fast Response • Email • SMS • Webhooks • Real-time • Notifications • Downtime • Status • Fast Response • Email • SMS • Webhooks • ";font-size:clamp(1.8rem,3vw,2.5rem);font-weight:700;z-index:-1}.hero-content:after,.hero-section[data-text-layer="1"]:before{letter-spacing:.1em;pointer-events:none;position:absolute;right:0;white-space:nowrap;width:max-content}.hero-section[data-text-layer="1"]:before{animation:scrollRight 65s linear infinite;color:rgba(200,210,220,.1);content:"HTTP • HTTPS • API • Website • Service • Monitoring • Checks • SSL Certificate • HTTP • HTTPS • API • Website • Service • Monitoring • Checks • SSL Certificate • ";font-size:clamp(1.5rem,2.5vw,2.2rem);font-weight:600;top:30%;z-index:0}.hero-section:before{background:linear-gradient(to bottom,var(--hero-bg-color) 0,rgba(248,249,250,.7) 3%,rgba(248,249,250,.3) 8%,transparent 15%,transparent 85%,rgba(248,249,250,.3) 92%,rgba(248,249,250,.7) 97%,var(--hero-bg-color) 100%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:2}.hero-content>*{position:relative;z-index:10}html[data-theme=dark] .hero-content:after,html[data-theme=dark] .hero-content:before,html[data-theme=dark] .hero-section[data-text-layer="1"]:before{color:hsla(210,9%,43%,.12)}html[data-theme=dark] .hero-section:before{background:linear-gradient(to bottom,var(--hero-bg-color) 0,rgba(24,26,27,.7) 3%,rgba(24,26,27,.3) 8%,transparent 15%,transparent 85%,rgba(24,26,27,.3) 92%,rgba(24,26,27,.7) 97%,var(--hero-bg-color) 100%)}.hero-section[data-text-layer="1"]:after{animation:scrollLeft 70s linear infinite;color:rgba(200,210,220,.09);content:"Uptime Tracking • Performance • Response Time • Server Health • Availability • Analytics • Uptime Tracking • Performance • Response Time • Server Health • Availability • Analytics • ";font-size:clamp(1.4rem,2.2vw,2rem);font-weight:600;left:0;letter-spacing:.1em;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);white-space:nowrap;width:max-content;z-index:1}@keyframes scrollLeft{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes scrollRight{0%{transform:translateX(-50%)}to{transform:translateX(0)}}html[data-theme=dark] .hero-section[data-text-layer="1"]:after{color:hsla(210,9%,43%,.09)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(35px)}20%{opacity:.2}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}30%{opacity:.3}to{opacity:1}}.fade-in-up{opacity:0;transform:translateY(30px)}.fade-in{opacity:0}.animated{animation-duration:.5s;animation-fill-mode:both;animation-timing-function:ease-out}.animated.fade-in-up{animation-name:fadeInUp}.animated.fade-in{animation-name:fadeIn}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.delay-600{animation-delay:.6s}.delay-700{animation-delay:.7s}.delay-800{animation-delay:.8s}.resend-message,.verification-message{border-radius:4px;font-size:.85rem;margin-top:.5rem;padding:.25rem .5rem}.resend-message.success,.verification-message.success{background-color:var(--success-bg,rgba(40,167,69,.1));color:var(--success-color,#28a745)}.resend-message.error,.verification-message.error{background-color:var(--error-bg,rgba(220,53,69,.1));color:var(--error-color,#dc3545)}html[data-theme=dark] .resend-message.success,html[data-theme=dark] .verification-message.success{background-color:var(--success-bg-dark,rgba(72,211,104,.1));color:var(--success-color-dark,#48d368)}html[data-theme=dark] .resend-message.error,html[data-theme=dark] .verification-message.error{background-color:var(--error-bg-dark,hsla(0,100%,71%,.1));color:var(--error-color-dark,#ff6b6b)}.verification-message{font-size:.95rem;margin:0 auto 1.5rem;max-width:90%;padding:.75rem 1rem;text-align:center}.btn.small.primary{margin-bottom:.5rem;margin-right:.5rem}.verify-sms-modal{margin:0 auto;max-width:450px;width:90%}.verify-sms-modal .form-group{margin-bottom:1.5rem}.verify-sms-modal label{display:block;font-weight:500;margin-bottom:.5rem}.verify-sms-modal input{background-color:var(--input-bg,#fff);border:1px solid var(--border-color,#ddd);border-radius:4px;color:var(--text-1);font-size:1rem;padding:.5rem;width:100%}html[data-theme=dark] .verify-sms-modal input{background-color:var(--input-bg-dark,#2a2a2a);border-color:var(--border-color-dark,#444);color:var(--text-1-dark)}#verification-result{border-radius:4px;margin-top:1rem;padding:.75rem;text-align:center}#verification-result.error{background-color:var(--error-bg,rgba(220,53,69,.1));color:var(--error-color,#dc3545)}#verification-result.success{background-color:var(--success-bg,rgba(40,167,69,.1));color:var(--success-color,#28a745)}html[data-theme=dark] #verification-result.error{background-color:var(--error-bg-dark,hsla(0,100%,71%,.1));color:var(--error-color-dark,#ff6b6b)}html[data-theme=dark] #verification-result.success{background-color:var(--success-bg-dark,rgba(72,211,104,.1));color:var(--success-color-dark,#48d368)}.paused-notifs-banner{align-items:center;background:var(--error-bg,#fef2f2);border:1px solid var(--error-border,#fca5a5);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.12);color:var(--error-text,#b91c1c);display:flex;gap:.75rem;justify-content:space-between;left:auto;padding:.75rem 1rem;position:fixed;right:16px;top:72px;width:min(480px,calc(100vw - 24px));z-index:2000}body.hero-layout .paused-notifs-banner{top:72px}@media (max-width:768px){body:not(.hero-layout) .paused-notifs-banner{right:8px;top:120px;width:min(96vw,520px)}body.hero-layout .paused-notifs-banner{right:8px;top:72px}}.paused-notifs-banner__content{align-items:center;display:flex;font-size:.95rem;gap:.5rem}.paused-notifs-banner__actions{align-items:center;display:inline-flex;gap:.5rem}.paused-notifs-banner__close{background:transparent;border:none;color:inherit;cursor:pointer;font-size:1.25rem;line-height:1}html[data-theme=dark] .paused-notifs-banner{background:var(--error-bg-dark,#450a0a);border-color:var(--error-border,#fca5a5);color:var(--error-text-dark,#fecaca)}.verify-indicator{align-items:center;color:var(--text-2);display:none;justify-content:center;margin:1rem 0}.verify-indicator.htmx-request{display:flex}.verify-indicator .spinner{animation:spin .8s linear infinite;border:2px solid var(--border-color,#ddd);border-radius:50%;border-top-color:var(--primary,#0d6efd);height:20px;margin-right:.5rem;width:20px}html[data-theme=dark] .verify-indicator .spinner{border-color:var(--border-color-dark,#444);border-top-color:var(--primary-dark,#3f8cff)}#notifs-message{border-radius:4px;display:none;margin-top:1rem;padding:.75rem 1rem;text-align:center}#notifs-message.error{background-color:var(--error-bg,rgba(220,53,69,.1));border:1px solid var(--error-color,#dc3545);color:var(--error-color,#dc3545);display:block}#notifs-message.success{background-color:var(--success-bg,rgba(40,167,69,.1));border:1px solid var(--success-color,#28a745);color:var(--success-color,#28a745);display:block}html[data-theme=dark] #notifs-message.error{background-color:var(--error-bg-dark,hsla(0,100%,71%,.1));border-color:var(--error-color-dark,#ff6b6b);color:var(--error-color-dark,#ff6b6b)}html[data-theme=dark] #notifs-message.success{background-color:var(--success-bg-dark,rgba(72,211,104,.1));border-color:var(--success-color-dark,#48d368);color:var(--success-color-dark,#48d368)}.btn-test{min-width:50px}.btn-test.htmx-request,.btn-test[disabled]{cursor:not-allowed;opacity:.6;pointer-events:none}.type-cell{white-space:nowrap}.help-icon,.type-cell span{align-items:center;display:inline-flex}.help-icon{background:var(--surface-2,#f3f4f6);border:none;border-radius:50%;color:var(--text-2,#4b5563);cursor:pointer;font-size:.85rem;height:22px;justify-content:center;line-height:1;margin-left:.35rem;transition:background .2s ease,color .2s ease;width:22px}.help-icon:focus-visible,.help-icon:hover{background:var(--indigo-2,#e0e7ff);color:var(--indigo-8,#3730a3)}.contact-picker-table{background:var(--surface-1,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:14px;box-shadow:0 10px 32px rgba(15,23,42,.08);overflow:hidden;position:relative;width:100%}html[data-theme=dark] .contact-picker-table{background:var(--surface-1-dark,#1f2937);border-color:var(--border-color-dark,#374151);box-shadow:0 18px 38px rgba(0,0,0,.4)}.contact-picker__empty{color:var(--text-2,#6b7280);padding:1.5rem;text-align:center}.contact-picker__table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%}.contact-picker__table td,.contact-picker__table th{vertical-align:middle}.contact-picker__table td:first-child,.contact-picker__table th:first-child{padding:1.2rem}.contact-picker__table tbody td:nth-child(2),.contact-picker__table thead th:nth-child(2){width:42%}.contact-picker__cell-checkbox{text-align:center;vertical-align:middle}.contact-picker__checkbox{height:16px;margin:0;width:16px}.contact-picker__cell-type{align-items:center;display:flex;font-weight:600;gap:.6rem;position:relative;text-transform:capitalize}.contact-picker__icon{align-items:center;background:var(--surface-2,#eef2ff);border-radius:10px;box-shadow:inset 0 0 0 1px rgba(15,23,42,.08);color:var(--text-1,#111827);display:inline-flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.contact-picker__icon--email{background:#e0edff;color:#1d4ed8}.contact-picker__icon--sms{background:#dcfce7;color:#047857}.contact-picker__icon--whatsapp{background:#d1fae5;color:#059669}.contact-picker__icon--telegram{background:#e0f2fe;color:#0369a1}.contact-picker__icon--webhook{background:#f3e8ff;color:#7c3aed}html[data-theme=dark] .contact-picker__icon{background:rgba(59,130,246,.12);color:var(--text-1-dark,#f9fafb)}.contact-picker__icon svg{height:16px;width:16px}.contact-picker__type-label{color:var(--text-2,#6b7280);font-size:.85rem}.contact-picker__cell-value{max-width:100%;overflow:hidden}.contact-picker__cell-value label{cursor:pointer;display:block}.contact-picker__value{color:var(--text-1,#111827);display:block;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html[data-theme=dark] .contact-picker__value{color:var(--text-1-dark,#f9fafb)}.contact-picker__cell-status{font-weight:600;text-transform:capitalize}.contact-picker__status-text--verified{color:#059669}.contact-picker__status-text--unverified{color:#d97706}.contact-picker__cell-actions{align-items:center;display:flex;justify-content:flex-end;text-align:right}.contact-picker__verify-btn{font-size:.8rem;padding:.4rem .85rem}.contact-picker__verified-pill{align-items:center;background:rgba(16,185,129,.2);border-radius:999px;color:#047857;display:inline-flex;font-size:.78rem;font-weight:600;gap:.25rem;justify-content:center;padding:.2rem .7rem}.contact-picker__footer{background:var(--surface-2,#f9fafb);border-top:1px solid var(--border-color,#e5e7eb);padding:1rem 1.25rem}html[data-theme=dark] .contact-picker__footer{background:var(--surface-2-dark,#111827);border-color:var(--border-color-dark,#374151)}.contact-picker__footer .btn{align-items:center;display:inline-flex;gap:.4rem}.contact-picker-toast{background:#dcfce7;border:1px solid #34d399;border-radius:999px;bottom:1.25rem;box-shadow:0 10px 25px rgba(16,185,129,.25);color:#065f46;font-size:.9rem;font-weight:600;left:50%;opacity:0;padding:.65rem 1.5rem;pointer-events:none;position:fixed;transform:translateX(-50%);transition:opacity .25s ease,transform .25s ease;white-space:nowrap;z-index:2000}.contact-picker-toast.is-visible{opacity:1;pointer-events:auto;transform:translate(-50%)}.contact-picker-toast.error{background:#fee2e2;border-color:#f87171;box-shadow:0 10px 25px hsla(0,91%,71%,.25);color:#b91c1c}.contact-picker-toast .resend-message{background:transparent;border:none;color:inherit;font:inherit;margin:0;padding:0}.type-dropdown{position:relative;width:100%}.type-dropdown__trigger{align-items:center;background:var(--input-bg,#fff);border:1px solid var(--border-color,#d1d5db);border-radius:6px;color:var(--text-1,#111827);cursor:pointer;display:flex;font-size:1rem;justify-content:space-between;padding:.5rem .75rem;text-align:left;width:100%}html[data-theme=dark] .type-dropdown__trigger{background:var(--input-bg-dark,#1f2937);border-color:var(--border-color-dark,#4b5563);color:var(--text-1-dark,#f9fafb)}.type-dropdown__selected{gap:.5rem}.type-dropdown__icon,.type-dropdown__selected{align-items:center;display:flex}.type-dropdown__chevron{transition:transform .2s ease}.type-dropdown--open .type-dropdown__chevron{transform:rotate(180deg)}.type-dropdown__menu{background:var(--surface-1,#fff);border:1px solid var(--border-color,#d1d5db);border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,.1);display:none;left:0;margin-top:4px;padding:.25rem;position:absolute;right:0;top:100%;z-index:100}html[data-theme=dark] .type-dropdown__menu{background:var(--surface-1-dark,#1f2937);border-color:var(--border-color-dark,#4b5563);box-shadow:0 4px 12px rgba(0,0,0,.3)}.type-dropdown--open .type-dropdown__menu{display:block}.type-dropdown__item{align-items:center;background:transparent;border:none;border-radius:4px;color:var(--text-1,#111827);cursor:pointer;display:flex;font-size:.95rem;gap:.5rem;padding:.5rem .75rem;text-align:left;transition:background .15s ease;width:100%}.type-dropdown__item:hover{background:var(--surface-2,#f3f4f6)}html[data-theme=dark] .type-dropdown__item{color:var(--text-1-dark,#f9fafb)}html[data-theme=dark] .type-dropdown__item:hover{background:var(--surface-2-dark,#374151)}#add-contact-message{margin-top:.5rem}#add-contact-message .success{background:var(--success-bg,rgba(22,163,74,.1));border-radius:4px;color:var(--success-color,#16a34a);padding:.5rem .75rem}#add-contact-message .error{background:var(--error-bg,rgba(220,38,38,.1));border-radius:4px;color:var(--error-color,#dc2626);padding:.5rem .75rem}.legal-page{color:var(--text-1);margin:0 auto;max-width:900px;padding:var(--size-6) var(--size-4)}.legal-page h1{font-size:var(--font-size-6);font-weight:var(--font-weight-8);margin-bottom:var(--size-4);text-align:center}.legal-updated{color:var(--text-2);font-size:var(--font-size-1);margin-bottom:var(--size-6);text-align:center}.legal-content{font-size:var(--font-size-2);line-height:1.7}.legal-content h2{color:var(--text-1);font-size:var(--font-size-4);font-weight:var(--font-weight-7);margin-top:var(--size-8)}.legal-content h2,.legal-content p{margin-bottom:var(--size-4)}.legal-content ul{margin-bottom:var(--size-6);padding-left:var(--size-6)}.legal-content li{margin-bottom:var(--size-2)}.legal-content a{border-bottom:1px solid var(--indigo-5);color:var(--indigo-9);text-decoration:none;transition:border-color .2s ease}.legal-content a:hover{border-color:var(--indigo-9)}html[data-theme=dark] .legal-page{color:var(--text-1-dark)}html[data-theme=dark] .legal-updated{color:var(--text-2-dark)}html[data-theme=dark] .legal-content h2{color:var(--text-1-dark)}html[data-theme=dark] .legal-content a{border-bottom-color:var(--indigo-7);color:var(--indigo-4)}html[data-theme=dark] .legal-content a:hover{border-color:var(--indigo-4)}@media (max-width:768px){.legal-page h1{font-size:var(--font-size-5)}.legal-content h2{font-size:var(--font-size-3)}.legal-content{font-size:var(--font-size-1)}}.container>section:first-child{padding-top:24px}.container>section:first-child>h1:first-child,.container>section:first-child>h2:first-child{padding-top:0}.content-section{margin-top:0;padding-top:32px}.how-it-works-section{background-color:var(--surface-1);margin-bottom:var(--size-8);text-align:center}.section-title{color:var(--text-1);font-size:var(--font-size-5);font-weight:var(--font-weight-7);margin-bottom:var(--size-2)}.section-subtitle{color:var(--text-2);font-size:var(--font-size-2);margin-bottom:var(--size-8);margin-left:auto;margin-right:auto;max-width:700px}.steps-container{display:flex;flex-wrap:wrap;gap:0;justify-content:center;margin:0 auto var(--size-8);max-width:1200px}.step-card{align-items:center;background-color:var(--surface-2);border-radius:var(--radius-3);box-shadow:var(--shadow-2);display:flex;flex:1;flex-direction:column;margin:0 var(--size-2) var(--size-4);min-width:250px;padding:var(--size-5);position:relative;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.step-card:hover{box-shadow:var(--shadow-3);transform:translateY(-5px)}.step-icon{align-items:center;background-color:var(--indigo-9);border-radius:50%;color:#fff;display:flex;font-size:var(--font-size-4);height:50px;justify-content:center;margin-bottom:var(--size-4);width:50px}.step-card h3,.step-icon{font-weight:var(--font-weight-7)}.step-card h3{color:var(--text-1);font-size:var(--font-size-3);margin-bottom:var(--size-3)}.step-card p{color:var(--text-2);line-height:1.5;margin-bottom:var(--size-4)}.step-image{border-radius:var(--radius-2);box-shadow:var(--shadow-1);height:auto;max-width:280px;width:100%}.step-connector{align-self:center;background-color:var(--border-2);display:block;height:2px;width:80px}.cta-container{display:flex;justify-content:center;margin-top:var(--size-6)}.about-hero{align-items:center;background-color:var(--surface-2);border-radius:var(--radius-4);box-shadow:var(--shadow-2);display:grid;gap:var(--size-6);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));padding:var(--size-9) var(--size-5) var(--size-8)}.about-hero-content{display:flex;flex-direction:column;gap:var(--size-4)}.breadcrumbs{margin-bottom:var(--size-3)}.breadcrumbs-list{color:var(--text-3);display:flex;gap:var(--size-2);list-style:none;margin:0;padding:0}.breadcrumbs-item a{color:var(--brand-6);text-decoration:none}.breadcrumbs-item span[aria-current=page]{color:var(--text-2);font-weight:var(--font-weight-6)}.about-title{color:var(--text-1);font-size:clamp(2.25rem,2.2vw + 1.6rem,3rem);font-weight:var(--font-weight-8);margin:0}.about-subtitle{color:var(--text-2);font-size:var(--font-size-2);line-height:1.7;margin:0}.about-hero-cta{display:flex;flex-wrap:wrap;gap:var(--size-3)}.about-hero-image{display:flex;justify-content:center}.about-hero-image img{border-radius:var(--radius-4);box-shadow:var(--shadow-3);width:min(420px,100%)}.breadcrumb{align-items:center;color:var(--text-3);display:flex;font-size:var(--font-size-0);gap:var(--size-1);margin:0}.breadcrumb a{color:var(--brand-6);text-decoration:none}.about-mission-section{display:grid;gap:var(--size-5);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:var(--size-8)}.about-mission-card{background-color:var(--surface-1);border-radius:var(--radius-3);box-shadow:var(--shadow-1);display:flex;flex-direction:column;gap:var(--size-3);padding:var(--size-6)}.about-mission-card h2{font-size:var(--font-size-4);margin:0}.about-promise-list{display:flex;flex-direction:column;gap:var(--size-2);list-style:none;margin:0;padding:0}.about-values-section{background-color:var(--surface-2);border-radius:var(--radius-4);box-shadow:var(--shadow-2);margin-top:var(--size-9);padding:var(--size-8) var(--size-5)}.about-section-heading{font-size:var(--font-size-5);margin-bottom:var(--size-5);text-align:center}.about-values-grid{display:grid;gap:var(--size-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.about-value{background-color:var(--surface-1);border-radius:var(--radius-3);box-shadow:var(--shadow-1);padding:var(--size-5)}.about-value h3{margin-bottom:var(--size-2);margin-top:0}.about-timeline-section{margin-top:var(--size-9)}.about-timeline{display:grid;gap:var(--size-4);list-style:none;margin:0;padding:0}.about-timeline li{align-items:start;background-color:var(--surface-1);border-radius:var(--radius-3);box-shadow:var(--shadow-1);display:grid;gap:var(--size-3);grid-template-columns:minmax(100px,120px) 1fr;padding:var(--size-5)}.timeline-year{color:var(--brand-6);font-size:var(--font-size-3);font-weight:var(--font-weight-7)}.timeline-content h3{margin:0 0 var(--size-2) 0}.about-cta-section{display:flex;justify-content:center;margin-top:var(--size-9)}.cta-card{background-color:var(--surface-2);border-radius:var(--radius-4);box-shadow:var(--shadow-2);max-width:720px;padding:var(--size-8) var(--size-6);text-align:center;width:100%}.about-cta-actions{display:flex;flex-wrap:wrap;gap:var(--size-3);justify-content:center;margin-top:var(--size-4)}@media (max-width:640px){.about-hero{padding:var(--size-7) var(--size-4)}.about-timeline li{grid-template-columns:1fr}}.faq-section{padding:var(--size-8) var(--size-4);text-align:center}.faq-subtitle,.faq-title{margin-left:auto;margin-right:auto;text-align:center}.testimonials-section{margin-bottom:var(--size-8);padding:var(--size-8) var(--size-4);text-align:center}.testimonials-container{display:flex;flex-wrap:wrap;gap:var(--size-4);justify-content:center;margin:0 auto;max-width:1200px}.testimonial-card{background-color:var(--surface-1);border-radius:var(--radius-3);box-shadow:var(--shadow-2);flex:1;margin-bottom:var(--size-4);max-width:380px;min-width:300px;padding:var(--size-5)}.testimonial-text{color:var(--text-2);font-style:italic;line-height:1.45;margin-bottom:var(--size-4);position:relative}.testimonial-text:after,.testimonial-text:before{color:var(--indigo-3);content:'"';font-size:1em}.testimonial-author{align-items:center;display:flex;justify-content:center}.testimonial-avatar{border-radius:50%;height:50px;margin-right:var(--size-3);object-fit:cover;width:50px}.testimonial-info{text-align:left}.testimonial-name{color:var(--text-1);font-weight:var(--font-weight-7)}.testimonial-position{color:var(--text-2);font-size:var(--font-size-0)}.blog-section{padding:var(--size-8) var(--size-4)}.blog-section .section-subtitle,.blog-section .section-title{text-align:center}.blog-section .section-subtitle,.blog-section .section-title{margin-left:auto;margin-right:auto}.blog-archive-section{padding:var(--size-8) var(--size-4);text-align:center}.blog-archive-section .archive-empty-state{margin-top:var(--size-6)}.blog-archive-section .archive-empty-state p{color:var(--text-2);margin-bottom:var(--size-4)}.blog-post{margin:0 auto;max-width:760px;padding:var(--size-8) var(--size-4);padding-top:var(--size-6)}.blog-post__header{margin-bottom:var(--size-6);text-align:left}.blog-post__meta{color:var(--text-3);display:flex;flex-wrap:wrap;font-size:var(--font-size-0);gap:var(--size-2);margin-bottom:var(--size-2)}.blog-post__category{color:var(--indigo-9);font-weight:var(--font-weight-7);letter-spacing:.08em;text-transform:uppercase}.blog-post__title{color:var(--text-1);font-size:clamp(2rem,1.5vw + 1.5rem,3rem);font-weight:var(--font-weight-8);margin:0}.blog-post__figure{margin:var(--size-6) 0}.blog-post__image{border-radius:var(--radius-3);box-shadow:var(--shadow-2);width:100%}.blog-post__caption{color:var(--text-3);font-size:var(--font-size-0);margin-top:var(--size-2);text-align:center}.blog-post__content p{color:var(--text-2);line-height:1.7;margin-bottom:var(--size-4)}.blog-post__internal-links{background:var(--surface-2);border-radius:var(--radius-3);box-shadow:var(--shadow-1);margin-top:var(--size-6);padding:var(--size-5)}.blog-post__internal-links h2{color:var(--text-1);font-size:var(--font-size-3);margin-bottom:var(--size-3);margin-top:0}.blog-post__internal-links p{color:var(--text-2);margin-bottom:var(--size-3)}.blog-post__internal-links a{color:var(--indigo-9);font-weight:var(--font-weight-6);text-decoration:none}.blog-post__internal-links a:focus,.blog-post__internal-links a:hover{text-decoration:underline}.blog-post__cta{align-items:center;background:var(--surface-2);border-radius:var(--radius-4);box-shadow:var(--shadow-1);display:flex;flex-wrap:wrap;gap:var(--size-4);justify-content:space-between;margin-top:var(--size-8);padding:var(--size-6)}.blog-post__cta-content{flex:1 1 280px}.blog-post__cta-content h2{color:var(--text-1);font-size:var(--font-size-4);margin:0 0 var(--size-2)}.blog-post__cta-content p{color:var(--text-2);font-size:var(--font-size-1);margin:0}.blog-post__cta .btn{flex-shrink:0}@media (max-width:640px){.blog-post__cta{flex-direction:column;text-align:center}.blog-post__cta .btn{width:100%}}.blog-post__footer{margin-top:var(--size-8)}.blog-post-not-found{padding:var(--size-8) var(--size-4);text-align:center}.blog-post-not-found .not-found-actions{margin-top:var(--size-4)}.blog-container{display:flex;flex-wrap:wrap;gap:var(--size-4);justify-content:center;margin:0 auto;max-width:1200px}.blog-card{background-color:var(--surface-1);border-radius:var(--radius-3);box-shadow:var(--shadow-2);display:flex;flex:1;flex-direction:column;margin-bottom:var(--size-4);max-width:380px;min-width:280px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.blog-card:hover{box-shadow:var(--shadow-3);transform:translateY(-5px)}.blog-image{height:180px;object-fit:cover;width:100%}.blog-content{display:flex;flex-direction:column;flex-grow:1;padding:var(--size-4)}.blog-category{color:var(--indigo-9);font-size:var(--font-size-0);letter-spacing:.05em;margin-bottom:var(--size-2);text-transform:uppercase}.blog-category,.blog-title{font-weight:var(--font-weight-7)}.blog-title{color:var(--text-1);font-size:var(--font-size-3);line-height:1.3;margin-bottom:var(--size-3)}.blog-excerpt{color:var(--text-2);flex-grow:1;font-size:var(--font-size-1);line-height:1.5;margin-bottom:var(--size-4)}.blog-meta{align-items:center;color:var(--text-3);display:flex;font-size:var(--font-size-0);justify-content:space-between}.blog-date{display:inline-block}.blog-read-more{color:var(--indigo-9);font-weight:var(--font-weight-6);text-decoration:none}.blog-read-more:hover{text-decoration:underline}.view-all-container{margin-top:var(--size-6);text-align:center}.blog-pagination{display:flex;justify-content:center;margin-top:var(--size-6)}.pagination-controls{align-items:center;display:flex;gap:var(--size-4)}.pagination-info{color:var(--text-2);font-size:var(--font-size-1);font-weight:var(--font-weight-6)}.blog-empty,.blog-error{color:var(--text-2);font-size:var(--font-size-2);padding:var(--size-8);text-align:center}.use-cases-section{background-color:var(--surface-1);padding:var(--size-8) var(--size-4)}.use-cases-grid{display:grid;gap:var(--size-6);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin:0 auto;max-width:1200px}.use-case-card{background-color:var(--surface-2);border-radius:var(--radius-3);box-shadow:var(--shadow-2);overflow:hidden;transition:transform .3s ease}.use-case-card:hover{transform:translateY(-5px)}.use-case-icon{align-items:center;background-color:var(--indigo-1);display:flex;height:160px;justify-content:center}.use-case-icon svg{color:var(--indigo-9);height:80px;width:80px}.use-case-content{padding:var(--size-5)}.use-case-title{color:var(--text-1);font-size:var(--font-size-3);font-weight:var(--font-weight-7);margin-bottom:var(--size-3)}.use-case-description{color:var(--text-2);line-height:1.5;margin-bottom:var(--size-4)}.use-case-features{list-style:none;margin:0 0 var(--size-4) 0;padding:0}.use-case-features li{color:var(--text-2);margin-bottom:var(--size-2);padding-left:1.5em;position:relative}.use-case-features li:before{color:var(--green-9);content:"✓";left:0;position:absolute}.monitoring-hero{background:linear-gradient(135deg,var(--surface-2),var(--surface-3));border-radius:var(--radius-4);box-shadow:var(--shadow-2);padding:var(--size-9) var(--size-5) var(--size-8)}.monitoring-hero .breadcrumb{color:var(--text-3);margin-bottom:var(--size-4)}.monitoring-hero__grid{align-items:center;display:grid;gap:var(--size-6);grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.monitoring-hero__copy h1{color:var(--text-1);font-size:clamp(2.5rem,1vw + 2.25rem,3.25rem);margin-bottom:var(--size-3)}.monitoring-hero__copy p{color:var(--text-2);line-height:1.7;margin-bottom:var(--size-4)}.monitoring-hero__actions{display:flex;flex-wrap:wrap;gap:var(--size-3)}.monitoring-hero__panel{background:var(--surface-1);border-radius:var(--radius-3);box-shadow:var(--shadow-2);padding:var(--size-5)}.monitoring-hero__panel h2{font-size:var(--font-size-4);margin-bottom:var(--size-3);margin-top:0}.monitoring-feature-list{display:flex;flex-direction:column;gap:var(--size-3);list-style:none;margin:0;padding:0}.monitoring-feature-list li{align-items:flex-start;color:var(--text-2);display:flex;gap:var(--size-2)}.monitoring-benefits{margin-top:var(--size-8)}.monitoring-benefits h2{margin-bottom:var(--size-6);text-align:center}.monitoring-benefits__grid{display:grid;gap:var(--size-4);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.benefit-card{background:var(--surface-1);border-radius:var(--radius-3);box-shadow:var(--shadow-1);padding:var(--size-5)}.benefit-card h3{color:var(--text-1);margin-bottom:var(--size-2);margin-top:0}.benefit-card p{color:var(--text-2);line-height:1.6;margin:0}.monitoring-cta{background:linear-gradient(135deg,var(--indigo-9),var(--indigo-7));border-radius:var(--radius-4);box-shadow:var(--shadow-3);color:#fff;margin-top:var(--size-9);padding:var(--size-7)}.monitoring-cta__content h2{color:#fff;font-size:clamp(2rem,.8vw + 1.8rem,2.75rem);margin-bottom:var(--size-3);margin-top:0}.monitoring-cta__content p{color:hsla(0,0%,100%,.9);line-height:1.7;margin-bottom:var(--size-4);max-width:640px}.monitoring-cta .monitoring-hero__actions .btn.secondary,.monitoring-cta .monitoring-hero__actions .btn.tertiary{background:hsla(0,0%,100%,.15);border-color:transparent;color:#fff}.monitoring-cta .btn.primary{background:#fff;color:var(--indigo-9)}.comparison-section{margin-top:var(--size-2);padding:calc(var(--size-8) + 110px) var(--size-4) var(--size-8);scroll-margin-top:140px}.comparison-section .section-subtitle,.comparison-section .section-title{margin-left:auto;margin-right:auto;text-align:center}.comparison-highlights{display:flex;flex-wrap:wrap;gap:var(--size-3);justify-content:center;margin-bottom:var(--size-6)}.comparison-highlight-card{background:var(--surface-1);border-radius:var(--radius-2);box-shadow:var(--shadow-1);min-width:180px;padding:var(--size-3) var(--size-4);text-align:center}.comparison-highlight-card .highlight-label{color:var(--text-3);display:block;font-size:var(--font-size-0);letter-spacing:.06em;margin-bottom:var(--size-1);text-transform:uppercase}.comparison-highlight-card .highlight-value{color:var(--text-1);font-size:var(--font-size-3);font-weight:var(--font-weight-7)}.comparison-table-container{margin:0 auto;max-width:1200px;overflow-x:auto}.comparison-table{border-collapse:separate;border-spacing:0}.comparison-table td,.comparison-table th{border:1px solid var(--border-2)}.comparison-table th{background-color:var(--surface-2);font-weight:var(--font-weight-7)}.comparison-table td{background-color:var(--surface-1)}.comparison-table tr:nth-child(2n) td{background-color:var(--surface-1-5)}.comparison-feature{font-weight:var(--font-weight-6)}.feature-yes{color:var(--green-9)}.feature-no{color:var(--red-9)}.feature-limited{color:var(--amber-9)}.comparison-our{background-color:rgba(var(--indigo-6-rgb),.1)!important}html[data-theme=dark] .section-title{color:var(--text-1-dark)}html[data-theme=dark] .section-subtitle{color:var(--text-2-dark)}html[data-theme=dark] .step-card{background-color:var(--surface-2-dark)}html[data-theme=dark] .step-card h3{color:var(--text-1-dark)}html[data-theme=dark] .step-card p{color:var(--text-2-dark)}html[data-theme=dark] .testimonial-card{background-color:var(--surface-1-dark)}html[data-theme=dark] .testimonial-text{color:var(--text-2-dark)}html[data-theme=dark] .testimonial-name{color:var(--text-1-dark)}html[data-theme=dark] .blog-card{background-color:var(--surface-1-dark)}html[data-theme=dark] .blog-title{color:var(--text-1-dark)}html[data-theme=dark] .use-case-card{background-color:var(--surface-2-dark)}html[data-theme=dark] .use-case-title{color:var(--text-1-dark)}html[data-theme=dark] .comparison-table th{background-color:var(--surface-2-dark);color:var(--text-1-dark)}html[data-theme=dark] .comparison-table td{background-color:var(--surface-1-dark);color:var(--text-2-dark)}html[data-theme=dark] .comparison-table tr:nth-child(2n) td{background-color:var(--surface-1-5-dark)}@media (max-width:768px){.monitoring-hero{padding:var(--size-7) var(--size-4)}.monitoring-hero__actions{flex-direction:column}.monitoring-cta{padding:var(--size-6) var(--size-4)}.steps-container{flex-direction:column}.step-connector{height:40px;margin:var(--size-3) auto;width:2px}.testimonials-container{align-items:center;flex-direction:column}.testimonial-card{width:100%}.use-cases-grid{grid-template-columns:1fr}}html[data-theme=dark] .blog-post__internal-links{background:var(--surface-2-dark);box-shadow:var(--shadow-1-dark)}html[data-theme=dark] .monitoring-hero{background:linear-gradient(135deg,var(--surface-2-dark),var(--surface-3-dark))}html[data-theme=dark] .benefit-card,html[data-theme=dark] .monitoring-hero__panel{background:var(--surface-2-dark);box-shadow:var(--shadow-1-dark)}html[data-theme=dark] .benefit-card p,html[data-theme=dark] .monitoring-feature-list li{color:var(--text-2-dark)}html[data-theme=dark] .monitoring-cta{background:linear-gradient(135deg,var(--indigo-11),var(--indigo-9))}.public-charts-section{background:var(--surface-1);padding:var(--size-8) var(--size-4)}.public-charts-container{margin:0 auto;max-width:1200px;text-align:center}.public-charts-title{color:var(--text-1);font-size:var(--font-size-5);font-weight:var(--font-weight-7);margin-bottom:var(--size-2)}.public-charts-subtitle{color:var(--text-2);font-size:var(--font-size-2);margin-bottom:var(--size-6)}.public-charts-grid{display:grid;gap:var(--size-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.public-chart-card{background:var(--surface-2);border-radius:var(--radius-3);box-shadow:var(--shadow-2);padding:var(--size-4);transition:transform .2s ease,box-shadow .2s ease}.public-chart-card:hover{box-shadow:var(--shadow-3);transform:translateY(-3px)}.public-chart-card--clickable{color:inherit;cursor:pointer;display:block;text-decoration:none}.public-chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--size-3)}.public-chart-name{color:var(--text-1);font-size:var(--font-size-1);font-weight:var(--font-weight-6);max-width:70%;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.public-chart-status{border-radius:var(--radius-round);font-size:var(--font-size-0);font-weight:var(--font-weight-6);padding:2px 8px}.public-chart-status.status-up{background:#dcfce7;color:#166534}.public-chart-status.status-down{background:#fee2e2;color:#991b1b}.public-response-chart{height:60px;margin:var(--size-2) 0;width:100%;--chart-grid:#e5e7eb}.public-chart-empty{align-items:center;color:var(--text-2);display:flex;font-size:var(--font-size-0);height:60px;justify-content:center}.public-chart-stats{margin-top:var(--size-2);text-align:center}.public-chart-avg{color:var(--text-2);font-size:var(--font-size-0);font-weight:var(--font-weight-5)}html[data-theme=dark] .public-charts-section{background:var(--surface-1-dark)}html[data-theme=dark] .public-charts-title{color:var(--text-1-dark)}html[data-theme=dark] .public-charts-subtitle{color:var(--text-2-dark)}html[data-theme=dark] .public-chart-card{background:var(--surface-2-dark);box-shadow:var(--shadow-1-dark)}html[data-theme=dark] .public-chart-name{color:var(--text-1-dark)}html[data-theme=dark] .public-chart-status.status-up{background:#166534;color:#dcfce7}html[data-theme=dark] .public-chart-status.status-down{background:#991b1b;color:#fee2e2}html[data-theme=dark] .public-response-chart{--chart-grid:#4b5563}html[data-theme=dark] .public-chart-avg,html[data-theme=dark] .public-chart-empty{color:var(--text-2-dark)}.public-chart-sla{align-items:center;border-top:1px solid var(--gray-3);display:flex;gap:var(--size-4);justify-content:center;margin-top:var(--size-2);padding-top:var(--size-2)}.sla-title{color:var(--text-2);font-size:var(--font-size-0);font-weight:var(--font-weight-6);letter-spacing:.5px;text-transform:uppercase}html[data-theme=dark] .sla-title{color:var(--text-2-dark)}.sla-item{align-items:center;display:flex;flex-direction:column;gap:2px}.sla-label{color:var(--text-2);font-size:var(--font-size-00);letter-spacing:.5px;text-transform:uppercase}.sla-value{font-size:var(--font-size-1);font-weight:var(--font-weight-6)}.sla-value.sla-good{color:#22c55e}.sla-value.sla-ok{color:#eab308}.sla-value.sla-bad{color:#ef4444}html[data-theme=dark] .public-chart-sla{border-top-color:var(--gray-7)}html[data-theme=dark] .sla-label{color:var(--text-2-dark)}@media (max-width:600px){.public-charts-grid{grid-template-columns:1fr}}.url-status-badge{border-radius:var(--radius-round);font-size:var(--font-size-0);font-weight:var(--font-weight-6);margin-left:var(--size-3);padding:4px 12px}.url-status-badge.status-up{background:#dcfce7;color:#166534}.url-status-badge.status-down{background:#fee2e2;color:#991b1b}.public-sla-summary{align-items:center;background:var(--surface-2);border-radius:var(--radius-3);display:flex;gap:var(--size-5);justify-content:center;margin-bottom:var(--size-5);padding:var(--size-4)}.sla-summary-title{color:var(--text-2);font-size:var(--font-size-1);font-weight:var(--font-weight-6);letter-spacing:.5px;text-transform:uppercase}.sla-summary-item{align-items:center;display:flex;flex-direction:column;gap:2px}.sla-summary-label{color:var(--text-2);font-size:var(--font-size-0)}.sla-summary-value{font-size:var(--font-size-3);font-weight:var(--font-weight-7)}.sla-summary-value.sla-good{color:#22c55e}.sla-summary-value.sla-ok{color:#eab308}.sla-summary-value.sla-bad{color:#ef4444}.public-cta-section{background:var(--surface-2);border-radius:var(--radius-3);color:#000;margin-top:var(--size-6);padding:var(--size-5);text-align:center}.public-cta-section p{font-size:var(--font-size-2);margin:0 0 var(--size-3)}.public-cta-section .btn-primary{background:#fff;border-radius:var(--radius-2);color:var(--indigo-9);display:inline-block;font-weight:var(--font-weight-6);padding:var(--size-2) var(--size-5);text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.public-cta-section .btn-primary:hover{box-shadow:var(--shadow-3);transform:translateY(-2px)}.public-http-logs-section{background:linear-gradient(135deg,var(--light-gray-9),var(--light-gray-7));border-radius:var(--radius-3);color:#000;margin-top:var(--size-6);padding:var(--size-5);text-align:center}html[data-theme=dark] .url-status-badge.status-up{background:#166534;color:#dcfce7}html[data-theme=dark] .url-status-badge.status-down{background:#991b1b;color:#fee2e2}html[data-theme=dark] .public-sla-summary{background:var(--surface-2-dark)}html[data-theme=dark] .sla-summary-label,html[data-theme=dark] .sla-summary-title{color:var(--text-2-dark)}html[data-theme=dark] .public-cta-section{background:linear-gradient(135deg,var(--indigo-7),var(--indigo-5))}@media (max-width:600px){.public-sla-summary{flex-direction:column;gap:var(--size-3)}}.public-inline-cta{align-items:center;background:var(--surface-2);border-radius:var(--radius-3);color:var(--text-2);display:flex;font-size:var(--font-size-1);gap:var(--size-3);justify-content:center;margin-top:var(--size-4);padding:var(--size-3) var(--size-4)}.public-inline-cta .btn-sm{font-size:var(--font-size-0);padding:var(--size-1) var(--size-3)}@media (max-width:600px){.public-inline-cta{flex-direction:column;text-align:center}}.public-seo-section{background:var(--surface-2);border-radius:var(--radius-3);color:var(--text-2);font-size:var(--font-size-1);line-height:1.7;margin-top:var(--size-6);padding:var(--size-5)}.public-seo-section h3{color:var(--text-1);font-size:var(--font-size-2);font-weight:var(--font-weight-6)}.public-seo-section h3,.public-seo-section p{margin:0 0 var(--size-3)}.public-seo-section p:last-child{margin-bottom:0}.status-up-text{color:#22c55e}.status-down-text{color:#ef4444}html[data-theme=dark] .public-seo-section{background:var(--surface-2-dark);color:var(--text-2-dark)}html[data-theme=dark] .public-seo-section h3{color:var(--text-1-dark)}.public-faq-section{background:var(--surface-2);border-radius:var(--radius-2);color:var(--text-2);line-height:1.7;margin-top:var(--size-6);padding:var(--size-5)}.public-faq-section h3{color:var(--text-1);font-size:var(--font-size-3);font-weight:var(--font-weight-6);margin:0 0 var(--size-4)}.faq-item{border-bottom:1px solid var(--surface-3);margin-bottom:var(--size-4);padding-bottom:var(--size-4)}.faq-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.faq-item h4{color:var(--text-1);font-size:var(--font-size-2);font-weight:var(--font-weight-6);margin:0 0 var(--size-2)}.faq-item p{font-size:var(--font-size-1);margin:0}.faq-item a{color:var(--link);text-decoration:underline}.faq-item a:hover{color:var(--link-hover)}html[data-theme=dark] .public-faq-section{background:var(--surface-2-dark);color:var(--text-2-dark)}html[data-theme=dark] .faq-item h4,html[data-theme=dark] .public-faq-section h3{color:var(--text-1-dark)}html[data-theme=dark] .faq-item{border-bottom-color:var(--surface-3-dark)}.public-directory{padding:0 var(--size-4)}.public-directory__header{align-items:center;display:flex;flex-direction:column;gap:var(--size-2);margin:0 auto var(--size-5);max-width:720px;text-align:center}.public-directory__header h1{margin:0}.public-directory__header p{color:var(--text-2);margin:0}.public-directory__row:focus-within,.public-directory__row:hover{background:#f3f4f6}html[data-theme=dark] .public-directory__row:focus-within,html[data-theme=dark] .public-directory__row:hover{background:#374151}.feature-hero{background:linear-gradient(135deg,var(--surface-2),var(--surface-3));border-radius:var(--radius-4);box-shadow:var(--shadow-2);padding:var(--size-9) var(--size-5) var(--size-8)}.feature-hero.content-section{margin-top:0;padding-top:120px!important}.feature-hero .breadcrumb{color:var(--text-3);margin-bottom:var(--size-4)}.feature-hero__grid{align-items:center;display:grid;gap:var(--size-6);grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.feature-hero__copy h1{color:var(--text-1);font-size:clamp(2rem,1vw + 1.75rem,2.75rem);line-height:1.2;margin-bottom:var(--size-3)}.feature-hero__copy p{color:var(--text-2);font-size:var(--font-size-2);line-height:1.7;margin-bottom:var(--size-4)}.feature-hero__actions{display:flex;flex-wrap:wrap;gap:var(--size-3)}.feature-hero__panel{background:var(--surface-1);border-radius:var(--radius-3);box-shadow:var(--shadow-2);padding:var(--size-5)}.feature-hero__panel h2{font-size:var(--font-size-4);margin-bottom:var(--size-3);margin-top:0}.feature-list{list-style:none;margin:0;padding:0}.feature-list li{border-bottom:1px solid var(--surface-3);color:var(--text-2);line-height:1.5;padding:var(--size-2) 0}.feature-list li:last-child{border-bottom:none}.feature-list li strong{color:var(--text-1)}.feature-benefits{background:var(--surface-1);padding:var(--size-8) var(--size-4)}.feature-benefits h2{font-size:var(--font-size-5);margin-bottom:var(--size-6);text-align:center}.feature-benefits__grid{display:grid;gap:var(--size-5);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1100px}.feature-benefits .benefit-card{background:var(--surface-2);border-radius:var(--radius-3);box-shadow:var(--shadow-2);padding:var(--size-5);position:relative;text-align:center}.benefit-card__number{align-items:center;background:var(--indigo-9);border-radius:50%;color:#fff;display:flex;font-size:var(--font-size-4);font-weight:var(--font-weight-7);height:48px;justify-content:center;margin:0 auto var(--size-3);width:48px}.feature-comparison{padding:var(--size-8) var(--size-4)}.feature-comparison h2{margin-bottom:var(--size-5);text-align:center}.comparison-table-wrapper{margin:0 auto;max-width:800px;overflow-x:auto}.comparison-table{background:var(--surface-2);border-collapse:collapse;border-radius:var(--radius-3);box-shadow:var(--shadow-2);overflow:hidden;width:100%}.comparison-table td,.comparison-table th{border-bottom:1px solid var(--surface-3);padding:var(--size-3) var(--size-4);text-align:left}.comparison-table th{background:var(--surface-3);color:var(--text-1);font-weight:var(--font-weight-6)}.comparison-table td{color:var(--text-2)}.comparison-table td.highlight{color:var(--green-9);font-weight:var(--font-weight-6)}.comparison-table tr:last-child td{border-bottom:none}.feature-highlight{background:linear-gradient(135deg,var(--indigo-2),var(--violet-2));padding:var(--size-8) var(--size-4)}.feature-highlight__content{margin:0 auto;max-width:800px;text-align:center}.feature-highlight h2{color:var(--text-1);margin-bottom:var(--size-4)}.feature-highlight p{color:var(--text-2);font-size:var(--font-size-2);line-height:1.8;margin-bottom:var(--size-3)}.feature-usecases{background:var(--surface-1);padding:var(--size-8) var(--size-4)}.feature-usecases h2{margin-bottom:var(--size-6);text-align:center}.usecase-grid{display:grid;gap:var(--size-4);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin:0 auto;max-width:1100px}.usecase-card{background:var(--surface-2);border-radius:var(--radius-3);box-shadow:var(--shadow-1);padding:var(--size-5);transition:transform .2s ease,box-shadow .2s ease}.usecase-card:hover{box-shadow:var(--shadow-3);transform:translateY(-3px)}.usecase-card h3{color:var(--text-1);font-size:var(--font-size-3);margin-bottom:var(--size-2);margin-top:0}.usecase-card p{color:var(--text-2);line-height:1.6;margin:0}.feature-cta{background:linear-gradient(135deg,var(--indigo-10),var(--violet-10));border-radius:var(--radius-4);margin:var(--size-6) 0;padding:var(--size-8) var(--size-4)}.feature-cta__content{color:#fff;margin:0 auto;max-width:700px;text-align:center}.feature-cta h2{color:#fff;margin-bottom:var(--size-3)}.feature-cta p{color:hsla(0,0%,100%,.9);font-size:var(--font-size-2);margin-bottom:var(--size-5)}.feature-cta .btn.primary{background:#fff;color:var(--indigo-10)}.feature-cta .btn.primary:hover{background:var(--gray-1)}.feature-cta .btn.secondary{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.3);color:#fff}.feature-faq{margin:0 auto;max-width:800px;padding:var(--size-8) var(--size-4)}.feature-faq h2{margin-bottom:var(--size-5);text-align:center}.feature-faq__list{display:flex;flex-direction:column;gap:var(--size-4)}.feature-faq__item{background:var(--surface-2);border-radius:var(--radius-3);box-shadow:var(--shadow-1);padding:var(--size-4)}.feature-faq__question{color:var(--text-1);font-size:var(--font-size-3);margin:0 0 var(--size-2)}.feature-faq__answer{color:var(--text-2);line-height:1.7;margin:0}@media (max-width:768px){.feature-hero{padding:var(--size-7) var(--size-4)}.feature-hero__actions{flex-direction:column}.feature-hero__copy h1{font-size:1.75rem}.comparison-table td,.comparison-table th{font-size:var(--font-size-1);padding:var(--size-2) var(--size-3)}}html[data-theme=dark] .feature-hero{background:linear-gradient(135deg,var(--surface-2-dark),var(--surface-3-dark))}html[data-theme=dark] .feature-faq__item,html[data-theme=dark] .feature-hero__panel,html[data-theme=dark] .usecase-card{background:var(--surface-2-dark);box-shadow:var(--shadow-1-dark)}html[data-theme=dark] .feature-faq__answer,html[data-theme=dark] .feature-list li,html[data-theme=dark] .usecase-card p{color:var(--text-2-dark)}html[data-theme=dark] .feature-highlight{background:linear-gradient(135deg,var(--indigo-10),var(--violet-10))}html[data-theme=dark] .feature-highlight p{color:hsla(0,0%,100%,.85)}html[data-theme=dark] .comparison-table{background:var(--surface-2-dark)}html[data-theme=dark] .comparison-table th{background:var(--surface-3-dark)}html[data-theme=dark] .comparison-table td{border-color:var(--surface-3-dark)}.seo-links{display:flex;justify-content:center;margin:2.5rem 0}.seo-links-card{background:var(--surface-2,#f7f7f8);border:1px solid var(--border-1,#e5e7eb);border-radius:16px;box-shadow:0 12px 30px rgba(15,23,42,.08);max-width:760px;padding:1.5rem 1.75rem;text-align:center;width:100%}.seo-links-card h2{margin:0 0 .75rem}.seo-links-card p{margin:.5rem 0}.seo-links-card a{font-weight:600}.plans-section{padding-top:80px}.plans-title{padding-top:20px}.plan-message-indicator{align-items:center;color:var(--text-3);display:none;font-size:var(--font-size-0);gap:var(--size-1)}.plan-message-indicator.htmx-request{display:inline-flex}.plan-limitations{list-style:none;margin:0 0 var(--size-4) 0;padding:0}.plan-limitations li{color:var(--text-3);font-size:var(--font-size-0);padding:var(--size-1) 0}.plan-limitations li:before{color:var(--red-7);content:"✗";margin-right:var(--size-2)}.plan-badge{background:var(--green-7,#37b24d);border-radius:var(--radius-round,999px);color:#fff;display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.05em;margin-bottom:var(--size-2,.5rem);padding:.2em .7em;text-transform:uppercase}.plan-value-bullets{list-style:none;margin:var(--size-3,.75rem) 0;padding:0}.plan-value-bullets li{color:var(--text-1);font-size:var(--font-size-1,.875rem);font-weight:600;padding:var(--size-1,.25rem) 0}.plan-value-bullets li:before{color:var(--green-7,#37b24d);content:"→ ";font-weight:700}.plan-cta-microcopy{color:var(--text-3);font-size:.75rem;line-height:1.4;margin-top:var(--size-2,.5rem);text-align:center}html[data-theme=dark] .plan-badge{background:var(--green-5,#51cf66);color:var(--gray-9,#212529)}html[data-theme=dark] .plan-value-bullets li{color:var(--text-1)}html[data-theme=dark] .plan-value-bullets li:before{color:var(--green-5,#51cf66)}html[data-theme=dark] .plan-limitations li{color:var(--text-3-dark)}html[data-theme=dark] .plan-limitations li:before{color:var(--red-5)}.loading-placeholder{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:var(--size-8) var(--size-4);position:relative;text-align:center}.loading-placeholder:after{animation:spin 1s ease-in-out infinite;border:4px solid var(--border-2);border-radius:50%;border-top-color:var(--indigo-9);content:"";display:inline-block;height:40px;margin-top:var(--size-4);width:40px}@keyframes spin{to{transform:rotate(1turn)}}html[data-theme=dark] .loading-placeholder:after{border-color:var(--border-2-dark);border-top-color:var(--indigo-6)}.htmx-indicator{display:none}.htmx-request .htmx-indicator,.htmx-request.htmx-indicator{display:inline-flex}#page-loader{align-items:center;backdrop-filter:blur(2px);background:hsla(0,0%,100%,.8);bottom:0;display:none;flex-direction:column;gap:var(--size-3);justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}html[data-theme=dark] #page-loader{background:rgba(15,23,42,.8)}#page-loader.htmx-request,#page-loader.loading{display:flex}.page-loader__spinner{animation:spin .8s ease-in-out infinite;border:4px solid var(--border-2);border-radius:50%;border-top-color:var(--indigo-7);height:48px;width:48px}html[data-theme=dark] .page-loader__spinner{border-color:var(--border-2-dark);border-top-color:var(--indigo-5)}.page-loader__text{color:var(--text-2);font-size:var(--font-size-1)}html[data-theme=dark] .page-loader__text{color:var(--text-2-dark)}#content-wrapper.htmx-request{min-height:200px;position:relative}#content-wrapper.htmx-request:before{backdrop-filter:blur(1px);background:hsla(0,0%,100%,.7);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:100}#content-wrapper.htmx-request:after{animation:spin .8s ease-in-out infinite;border:4px solid var(--border-2);border-radius:50%;border-top-color:var(--indigo-7);content:"";height:40px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:40px;z-index:101}html[data-theme=dark] #content-wrapper.htmx-request:before{background:rgba(15,23,42,.7)}html[data-theme=dark] #content-wrapper.htmx-request:after{border-color:var(--border-2-dark);border-top-color:var(--indigo-5)}.table-container.htmx-request,.urls-section.htmx-request{min-height:100px;position:relative}.table-container.htmx-request:before,.urls-section.htmx-request:before{background:hsla(0,0%,100%,.7);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:10}.table-container.htmx-request:after,.urls-section.htmx-request:after{animation:spin .8s ease-in-out infinite;border:3px solid var(--border-2);border-radius:50%;border-top-color:var(--indigo-7);content:"";height:32px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:32px;z-index:11}html[data-theme=dark] .table-container.htmx-request:before,html[data-theme=dark] .urls-section.htmx-request:before{background:rgba(15,23,42,.7)}html[data-theme=dark] .table-container.htmx-request:after,html[data-theme=dark] .urls-section.htmx-request:after{border-color:var(--border-2-dark);border-top-color:var(--indigo-5)}.spinner-inline{animation:spin .8s linear infinite;border:2px solid;border-radius:50%;border-top:2px solid transparent;display:inline-block;height:16px;opacity:.7;width:16px}.auth-section,.container>section.add-url-form-card.auth-section,section.add-url-form-card.auth-section{margin-top:0!important;padding-top:100px!important}.auth-form{width:100%}.form-group{margin-bottom:1.5rem}.register-benefits{display:flex;flex-direction:column;gap:.35em;list-style:none;margin:0 0 1.25em;padding:0}.register-benefits li{align-items:center;color:var(--text-2,#4a5568);display:flex;font-size:.85rem;gap:.4em}.register-benefits li svg{flex-shrink:0}html[data-theme=dark] .auth-section{background:var(--surface-2-dark)!important;border-color:var(--border-2-dark)!important}.password-policy-helper{color:var(--text-2,#4a5568);font-size:.9rem;margin-top:.75rem}.password-policy-helper .form-helper-text{color:inherit;margin-bottom:.5rem}.password-policy-checklist{list-style:disc;margin:.5rem 0 .5rem 1.25rem;padding:0}.password-policy-checklist li{margin-bottom:.25rem;transition:color .2s ease}.password-policy-checklist li.policy-pass{color:var(--success-600,#15803d)}.password-policy-checklist li.policy-fail{color:var(--danger-600,#b91c1c)}.password-strength{align-items:center;display:flex;font-size:.85rem;gap:.5rem;margin-top:.5rem}.password-strength-track{background:var(--border-1,#e2e8f0);border-radius:999px;flex:1;height:6px;overflow:hidden}.password-strength-bar{background:var(--primary-500,#0ea5e9);height:100%;transition:width .25s ease,background .25s ease;width:0}.password-strength-label{color:var(--text-1,#1f2933);min-width:110px}.password-policy-message{color:var(--danger-600,#b91c1c);font-size:.85rem;margin-top:.5rem;min-height:1rem}.password-policy-message[data-valid=true]{color:var(--success-600,#15803d)}@media (max-width:576px){.container:not(.container--flush){padding:var(--size-4)}.container.container--flush:not(.container--full){padding-bottom:var(--size-4);padding-top:var(--size-4)}.admin-plan-table,.urls-table{font-size:.85rem}.admin-plan-table td,.admin-plan-table th,.urls-table td,.urls-table th{padding:.5rem}.admin-plan-list-section>div,.table-container,.urls-section{overflow-x:auto;-webkit-overflow-scrolling:touch}.account-card{margin:1rem auto;padding:1.5rem 1rem}.account-details{gap:.5rem;grid-template-columns:1fr}.account-details dt{font-weight:600;margin-top:.8rem}.account-details dd{margin-bottom:.5rem}.btn.primary,.btn.secondary,.nav-button{justify-content:center;width:100%}.form-actions{flex-direction:column;gap:var(--size-2)}.form-actions .btn{width:100%}.plans-grid{align-items:center;flex-direction:column}.plan-card{max-width:100%;width:100%}.admin-nav-bar{flex-wrap:wrap;gap:var(--size-2)}.admin-nav-link{font-size:.9rem;padding:var(--size-2)}.modal-container{margin:1rem;max-width:95vw;width:95vw}.modal-content{padding:1rem}.plans-title{font-size:1.75rem}.plans-subtitle{font-size:1rem}}@media (min-width:577px) and (max-width:768px){.container:not(.container--flush){padding:var(--size-5)}.container.container--flush:not(.container--full){padding-bottom:var(--size-5);padding-top:var(--size-5)}.plans-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.plan-card{max-width:100%}.admin-plan-table,.urls-table{font-size:.9rem}.account-card{padding:2rem 1.5rem}}@media (min-width:769px) and (max-width:1024px){.container:not(.container--full){max-width:90%}.container.container--wide:not(.container--full){max-width:95%}}.table-container,.table-wrapper{overflow-x:auto;width:100%;-webkit-overflow-scrolling:touch;margin-bottom:1rem}.admin-plan-table,.urls-table{min-width:600px}.btn-group{display:flex;flex-wrap:wrap;gap:var(--size-2)}@media (max-width:576px){.btn-group{flex-direction:column}.btn-group .btn{width:100%}}@media (max-width:480px){.compact-form .form-row,.form-row{grid-template-columns:1fr}}@media (max-width:768px){#admin-content,.admin-plan-list-section,.admin-userplan-list-section{padding:var(--size-3)}.features{flex-direction:column}.feature-card{max-width:100%;min-width:100%}.showcase-content{padding:var(--size-4)}.showcase-image img{height:auto;max-width:100%}.footer-content{padding:var(--size-4)}.footer-section{margin-bottom:var(--size-4);min-width:100%}}@media (max-width:576px){.auth-form,.auth-form-card{padding:1.5rem 1rem}.auth-form-card{margin:1rem}}*{max-width:100%}body,html{overflow-x:hidden}.table-container,.table-wrapper,.urls-section{max-width:100%}.tooltip-icon{align-items:center;background:var(--text-muted,#6b7280);border-radius:50%;color:#fff;cursor:help;display:inline-flex;flex-shrink:0;font-size:11px;font-weight:600;height:16px;justify-content:center;margin-left:6px;position:relative;width:16px}.tooltip-icon:after{background:var(--tooltip-bg,#1f2937);border-radius:6px;bottom:calc(100% + 8px);box-shadow:0 4px 12px rgba(0,0,0,.15);color:var(--tooltip-text,#fff);content:attr(data-tooltip);font-size:13px;font-weight:400;left:50%;line-height:1.4;max-width:260px;opacity:0;padding:8px 12px;pointer-events:none;position:absolute;text-align:left;transform:translateX(-50%);transition:opacity .2s ease,visibility .2s ease;visibility:hidden;white-space:normal;width:max-content;z-index:1000}.tooltip-icon:focus:after,.tooltip-icon:hover:after{opacity:1;visibility:visible}.tooltip-icon:before{content:"?"}.tooltip-wrapper{align-items:center;display:inline-flex;position:relative}.notif-icons-row{gap:4px}.notif-icons-row,.notif-type-icon{align-items:center;display:inline-flex;justify-content:center}.notif-type-icon{cursor:help;font-size:16px;position:relative}.notif-type-icon:after{background:var(--tooltip-bg,#1f2937);border-radius:6px;bottom:calc(100% + 8px);box-shadow:0 4px 12px rgba(0,0,0,.15);color:var(--tooltip-text,#fff);content:attr(data-tooltip);font-size:12px;font-weight:400;left:50%;line-height:1.4;opacity:0;padding:6px 10px;pointer-events:none;position:absolute;text-transform:capitalize;transform:translateX(-50%);transition:opacity .2s ease,visibility .2s ease;visibility:hidden;white-space:nowrap;z-index:1000}.notif-type-icon:focus:after,.notif-type-icon:hover:after{opacity:1;visibility:visible}.text-muted{color:var(--text-muted,#6b7280)}#onboarding-panel-mount:empty{display:none}.onboarding-panel{background:var(--surface-2,#fff);border:1px solid var(--surface-3,#e0e0e0);border-left:none;border-radius:0 var(--radius-2,8px) var(--radius-2,8px) 0;box-shadow:var(--shadow-3,0 4px 12px rgba(0,0,0,.15));left:0;max-width:220px;min-width:180px;padding:var(--size-3,1rem);position:fixed;top:120px;transition:transform .3s ease;z-index:100}.onboarding-panel.collapsed{transform:translateX(-100%)}.onboarding-panel.collapsed .onboarding-toggle{transform:translateX(calc(100% + 1rem)) rotate(180deg)}.onboarding-toggle{align-items:center;background:var(--surface-2,#fff);border:1px solid var(--surface-3,#e0e0e0);border-left:none;border-radius:0 var(--radius-2,6px) var(--radius-2,6px) 0;box-shadow:2px 0 4px rgba(0,0,0,.1);color:var(--text-2,#666);cursor:pointer;display:flex;font-size:.875rem;height:1.75rem;justify-content:center;position:absolute;right:-2rem;top:.5rem;transition:transform .3s ease,background .2s ease;width:1.75rem}.onboarding-toggle:hover{background:var(--surface-3,#f0f0f0)}.onboarding-title{color:var(--text-2,#555);font-size:var(--font-size-1,.875rem);font-weight:var(--font-weight-6,600);letter-spacing:.05em;margin:0 0 var(--size-2,.5rem) 0;text-transform:uppercase}.onboarding-steps{counter-reset:none;list-style:none;margin:0;padding:0}.onboarding-step{margin-bottom:var(--size-2,.5rem)}.onboarding-step:last-child{margin-bottom:0}.onboarding-step a{align-items:center;background:var(--surface-1,#f9f9f9);border-radius:var(--radius-2,6px);color:var(--text-1,#333);display:flex;font-size:var(--font-size-1,.875rem);gap:var(--size-2,.5rem);padding:var(--size-2,.5rem) var(--size-3,.75rem);text-decoration:none;transition:background .2s ease,transform .1s ease}.onboarding-step a:hover{background:var(--surface-3,#e8e8e8);transform:translateX(2px)}.onboarding-step.completed a{color:var(--text-2,#888)}.onboarding-step.completed .step-number{background:var(--green-6,#22c55e);color:#fff}.onboarding-step.completed .step-number:after{content:"\2713";font-size:.65em;position:absolute}.step-number{align-items:center;background:var(--brand,#3b82f6);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:var(--font-size-0,.75rem);font-weight:var(--font-weight-6,600);height:24px;justify-content:center;position:relative;width:24px}.onboarding-step.completed .step-number{font-size:0}.step-text{flex:1}.onboarding-progress{background:var(--surface-3,#e0e0e0);border-radius:2px;height:4px;margin-top:var(--size-3,.75rem);overflow:hidden}.onboarding-progress__bar{background:var(--green-6,#22c55e);border-radius:2px;height:100%;transition:width .4s ease}.onboarding-progress__label{color:var(--text-3,#999);font-size:.7rem;margin-top:var(--size-1,.25rem);text-align:center}@media (max-width:768px){.onboarding-panel{display:none}}@media (prefers-color-scheme:dark){.onboarding-panel{background:var(--surface-2,#1e1e1e);border-color:var(--surface-3,#333)}.onboarding-step a{background:var(--surface-1,#2a2a2a);color:var(--text-1,#e0e0e0)}.onboarding-step a:hover{background:var(--surface-3,#3a3a3a)}}.onboarding-popup-overlay{align-items:center;backdrop-filter:blur(4px);background:rgba(0,0,0,.6);display:none;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s ease;width:100%;z-index:9999}.onboarding-popup-overlay.active{display:flex;opacity:1}.onboarding-popup{background:#fff;border:1px solid #e5e7eb;border-radius:24px;box-shadow:0 20px 60px rgba(0,0,0,.3);max-width:520px;opacity:0;padding:3rem 2.5rem;position:relative;transform:scale(.3);transition:transform .6s cubic-bezier(.68,-.55,.265,1.55),opacity .6s ease;width:90%}.onboarding-popup-overlay.active .onboarding-popup{opacity:1;transform:scale(1)}.onboarding-popup-close{background:none;border:none;color:#6b7280;cursor:pointer;font-size:1.5rem;line-height:1;padding:.5rem;position:absolute;right:1.5rem;top:1.5rem;transition:color .2s ease}.onboarding-popup-close:hover{color:#1f2937}.onboarding-popup-title{color:#111827;font-size:1.75rem;font-weight:700;margin:0 0 .5rem;text-align:center}.onboarding-popup-subtitle{color:#6b7280;font-size:1rem;margin:0 0 2rem;text-align:center}.onboarding-popup-form{display:flex;flex-direction:column;gap:1.25rem}.onboarding-popup-form .form-group{display:flex;flex-direction:column;gap:.5rem}.onboarding-popup-form label{color:#374151;font-size:.875rem;font-weight:600}.onboarding-popup-form input{background:#fff;border:1px solid #d1d5db;border-radius:12px;color:#111827;font-size:1rem;padding:.875rem 1rem;transition:border-color .2s ease,box-shadow .2s ease}.onboarding-popup-form input::placeholder{color:#9ca3af}.onboarding-popup-form input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1);outline:none}.onboarding-popup-form button[type=submit]{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:.5rem;padding:1rem;transition:transform .2s ease,box-shadow .2s ease}.onboarding-popup-form button[type=submit]:hover{box-shadow:0 8px 16px rgba(59,130,246,.3);transform:translateY(-2px)}.onboarding-popup-form button[type=submit]:active{transform:translateY(0)}.onboarding-error{background:hsla(0,91%,71%,.15);border:1px solid rgba(239,68,68,.4);border-radius:12px;color:#b91c1c;font-size:.95rem;margin-bottom:1.25rem;padding:.75rem 1rem}.firework{height:0;pointer-events:none;position:fixed;width:0;z-index:10000}.firework-particle{animation:firework-explode 1.5s cubic-bezier(.25,.46,.45,.94) forwards;border-radius:50%;height:8px;position:absolute;width:8px;will-change:transform,opacity}@keyframes firework-explode{0%{opacity:1;transform:translate(0) scale(1)}50%{opacity:1}to{opacity:0;transform:translate(var(--tx),var(--ty)) scale(.3)}}@media (prefers-color-scheme:dark){.onboarding-popup{background:#f3f4f6;border-color:#d1d5db;color:#111827}.onboarding-popup-close{color:#6b7280}.onboarding-popup-close:hover,.onboarding-popup-title{color:#111827}.onboarding-popup-subtitle{color:#1f2937}.onboarding-popup-form label{color:#111827}.onboarding-popup-form input{background:#fff;border-color:#d1d5db;color:#111827}.onboarding-popup-form input::placeholder{color:#6b7280}.onboarding-popup-form input:focus{background:#fff;border-color:#2563eb}}@media (max-width:640px){.onboarding-popup{padding:2rem 1.5rem;width:95%}.onboarding-popup-title{font-size:1.5rem}.onboarding-popup-subtitle{font-size:.875rem}}.upgrade-banner{align-items:flex-start;border-radius:var(--radius-2,6px);display:flex;font-size:var(--font-size-1,.875rem);gap:var(--size-3,.75rem);line-height:1.5;margin-bottom:var(--size-4,1rem);padding:var(--size-3,.75rem) var(--size-4,1rem)}.upgrade-banner svg{flex-shrink:0;margin-top:2px}.upgrade-banner__content{align-items:center;display:flex;flex:1;flex-wrap:wrap;gap:var(--size-2,.5rem) var(--size-3,.75rem)}.upgrade-banner__content .btn{white-space:nowrap}.upgrade-banner__link{font-weight:600;text-decoration:underline;text-underline-offset:2px}.upgrade-banner--warning{background:var(--yellow-1,#fff9db);border:1px solid var(--yellow-4,#ffd43b);color:var(--yellow-9,#5c4813)}.upgrade-banner--warning svg{color:var(--yellow-7,#f59f00)}.upgrade-banner--warning .upgrade-banner__link{color:var(--yellow-9,#5c4813)}.upgrade-banner--danger{background:var(--red-1,#fff5f5);border:1px solid var(--red-4,#ff8787);color:var(--red-9,#c92a2a)}.upgrade-banner--danger svg{color:var(--red-7,#f03e3e)}.upgrade-banner--inline{font-size:var(--font-size-0,.8125rem);margin-bottom:0;margin-top:var(--size-2,.5rem);padding:var(--size-2,.5rem) var(--size-3,.75rem)}.nav-link--upgrade{color:var(--green-7,#37b24d)!important;font-weight:700;position:relative}.nav-link--upgrade:after{background:var(--green-7,#37b24d);border-radius:1px;bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0}.nav-link--trial{color:var(--orange-7,#e8590c)!important;font-size:.85em;font-weight:700;position:relative}.nav-link--trial:after{background:var(--orange-7,#e8590c);border-radius:1px;bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0}html[data-theme=dark] .upgrade-banner--warning{background:rgba(255,212,59,.1);border-color:var(--yellow-6,#fab005);color:var(--yellow-3,#ffe066)}html[data-theme=dark] .upgrade-banner--warning svg{color:var(--yellow-5,#fcc419)}html[data-theme=dark] .upgrade-banner--warning .upgrade-banner__link{color:var(--yellow-3,#ffe066)}html[data-theme=dark] .upgrade-banner--danger{background:rgba(255,87,87,.1);border-color:var(--red-6,#fa5252);color:var(--red-3,#ffc9c9)}html[data-theme=dark] .upgrade-banner--danger svg{color:var(--red-5,#ff6b6b)}html[data-theme=dark] .nav-link--upgrade{color:var(--green-5,#51cf66)!important}html[data-theme=dark] .nav-link--upgrade:after{background:var(--green-5,#51cf66)}html[data-theme=dark] .nav-link--trial{color:var(--orange-5,#ff922b)!important}html[data-theme=dark] .nav-link--trial:after{background:var(--orange-5,#ff922b)}.referral-dashboard{margin:0 auto;max-width:640px;padding:2rem 1rem}.referral-card{background:var(--form-bg,var(--surface-2,#fff));border:1px solid var(--form-border,var(--surface-3,#dee2e6));border-radius:var(--radius,8px);padding:2em 1.5em}.referral-card-title{align-items:center;display:flex;font-size:var(--font-size-4,1.5rem);gap:.5em;margin:0 0 .25em}.referral-subtitle{color:var(--text-2,#495057);line-height:1.5;margin:0 0 1.5em}.referral-link-section{margin-bottom:2em}.referral-link-label{color:var(--text-2,#495057);display:block;font-size:var(--font-size-1,.875rem);font-weight:600;letter-spacing:.04em;margin-bottom:.5em;text-transform:uppercase}.referral-link-row{display:flex;gap:.5em}.referral-link-input{background:var(--surface-1,#f8f9fa);border:1px solid var(--form-border,var(--surface-3,#dee2e6));border-radius:var(--radius,8px);color:var(--text-1,#212529);cursor:text;flex:1;font-size:var(--font-size-2,.95rem);min-width:0;padding:.6em .75em}.referral-link-input:focus{outline:2px solid var(--brand,var(--link,#228be6));outline-offset:-1px}.referral-copy-btn{align-items:center;display:inline-flex;flex-shrink:0;gap:.4em;white-space:nowrap}.referral-code-hint{color:var(--text-2,#868e96);font-size:var(--font-size-0,.8rem);margin:.5em 0 0}.referral-code-hint code{background:var(--surface-1,#f1f3f5);border-radius:4px;font-weight:600;letter-spacing:.05em;padding:.15em .4em}.referral-banked-banner{align-items:flex-start;background:var(--yellow-0,#fff9db);border:1px solid var(--yellow-3,#ffe066);border-radius:var(--radius,8px);color:var(--yellow-9,#5c3d00);display:flex;gap:.75em;margin-bottom:1.5em;padding:1em 1.25em}.referral-banked-banner svg{flex-shrink:0;margin-top:.1em}.referral-banked-banner__content{display:flex;flex-direction:column;font-size:var(--font-size-1,.9rem);gap:.35em;line-height:1.45}.referral-banked-banner__content .btn{align-self:flex-start;margin-top:.25em}.referral-share-buttons{display:flex;flex-wrap:wrap;gap:.5em;margin-top:.75em}.referral-share-btn{align-items:center;background:var(--surface-1,#f8f9fa);border:1px solid var(--surface-3,#dee2e6);border-radius:var(--radius,8px);color:var(--text-1,#212529);display:inline-flex;font-size:var(--font-size-0,.8rem);font-weight:500;gap:.35em;padding:.4em .75em;text-decoration:none;transition:background .15s,border-color .15s;white-space:nowrap}.referral-share-btn:hover{background:var(--surface-2,#e9ecef);border-color:var(--surface-4,#ced4da)}.referral-share-btn--x:hover{background:#0f1419;border-color:#0f1419;color:#fff}.referral-share-btn--whatsapp:hover{background:#25d366;border-color:#25d366;color:#fff}.referral-share-btn--email:hover{background:var(--brand,var(--link,#228be6));border-color:var(--brand,var(--link,#228be6));color:#fff}.referral-empty-state{align-items:center;border:2px dashed var(--surface-3,#dee2e6);border-radius:var(--radius,8px);color:var(--text-2,#495057);display:flex;flex-direction:column;margin-bottom:1.5em;padding:2em 1em;text-align:center}.referral-empty-state svg{margin-bottom:.5em}.referral-empty-state p{font-size:var(--font-size-2,1rem);line-height:1.5;margin:0}.referral-stats{display:grid;gap:1em;grid-template-columns:repeat(4,1fr);margin-bottom:2em}.referral-stat-card{background:var(--surface-1,#f8f9fa);border:1px solid var(--surface-3,#dee2e6);border-radius:var(--radius,8px);display:flex;flex-direction:column;gap:.25em;padding:1.25em 1em;text-align:center}.referral-stat-card--highlight{background:var(--green-0,#ebfbee);border-color:var(--green-3,#8ce99a)}.referral-stat-value{color:var(--text-1,#212529);font-size:var(--font-size-5,2rem);font-weight:700;line-height:1.1}.referral-stat-card--highlight .referral-stat-value{color:var(--green-8,#2b8a3e)}.referral-stat-card--banked{background:var(--yellow-0,#fff9db);border-color:var(--yellow-3,#ffe066)}.referral-stat-card--banked .referral-stat-value{color:var(--yellow-9,#e67700)}.referral-stat-label{color:var(--text-2,#868e96);font-size:var(--font-size-0,.8rem);font-weight:500}.referral-tooltip-wrap{align-items:center;cursor:help;display:inline-flex;margin-left:.2em;position:relative}.referral-tooltip-icon{opacity:.55;transition:opacity .15s}.referral-tooltip-wrap:hover .referral-tooltip-icon{opacity:1}.referral-tooltip{background:var(--gray-8,#343a40);border-radius:6px;bottom:calc(100% + 8px);box-shadow:0 2px 8px rgba(0,0,0,.18);color:#fff;display:none;font-size:var(--font-size-0,.8rem);font-weight:400;line-height:1.4;padding:.6em .75em;pointer-events:none;text-align:left;width:240px;z-index:10}.referral-tooltip,.referral-tooltip:after{left:50%;position:absolute;transform:translateX(-50%)}.referral-tooltip:after{border:6px solid transparent;border-top:6px solid var(--gray-8,#343a40);content:"";top:100%}.referral-tooltip-wrap:hover .referral-tooltip{display:block}.referral-how-it-works h3{font-size:var(--font-size-2,1rem);margin:0 0 .75em}.referral-steps{counter-reset:referral-step;display:flex;flex-direction:column;gap:1em;list-style:none;margin:0;padding:0}.referral-steps li{counter-increment:referral-step;display:flex;flex-direction:column;gap:.15em;padding-left:2.25em;position:relative}.referral-steps li:before{align-items:center;background:var(--brand,var(--link,#228be6));border-radius:50%;color:#fff;content:counter(referral-step);display:flex;font-size:var(--font-size-0,.85rem);font-weight:700;height:1.6em;justify-content:center;left:0;position:absolute;top:0;width:1.6em}.referral-steps li strong{font-size:var(--font-size-2,.95rem)}.referral-steps li span{color:var(--text-2,#868e96);font-size:var(--font-size-1,.875rem)}@media (max-width:640px){.referral-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:400px){.referral-stats{grid-template-columns:1fr}.referral-link-row{flex-direction:column}.referral-card{padding:1.5em 1em}.referral-share-buttons{flex-direction:column}}html[data-theme=dark] .referral-stat-card--highlight{background:var(--green-9,#0b4d1a);border-color:var(--green-7,#37b24d)}html[data-theme=dark] .referral-stat-card--highlight .referral-stat-value{color:var(--green-4,#69db7c)}html[data-theme=dark] .referral-code-hint code{background:var(--surface-2,#2c2e33)}html[data-theme=dark] .referral-banked-banner{color:var(--yellow-1,#fff3bf)}html[data-theme=dark] .referral-banked-banner,html[data-theme=dark] .referral-stat-card--banked{background:var(--yellow-9,#5c3d00);border-color:var(--yellow-7,#f59f00)}html[data-theme=dark] .referral-stat-card--banked .referral-stat-value{color:var(--yellow-3,#ffe066)}html[data-theme=dark] .referral-share-btn{background:var(--surface-2,#2c2e33);border-color:var(--surface-3,#3d3f44);color:var(--text-1,#c1c2c5)}html[data-theme=dark] .referral-share-btn:hover{background:var(--surface-3,#3d3f44)}html[data-theme=dark] .referral-empty-state{border-color:var(--surface-3,#3d3f44);color:var(--text-2,#909296)}