@font-face{font-family:inter;src:url(../media/Inter_Regular-s.p.2snbpbtucujmf.woff2)format("woff2");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:inter;src:url(../media/Inter_SemiBold-s.p.2owptw8fzi5ho.woff2)format("woff2");font-display:swap;font-weight:600;font-style:normal}@font-face{font-family:inter;src:url(../media/Inter_Bold-s.p.1yepbjwvmr0g3.woff2)format("woff2");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:inter Fallback;src:local(Arial);ascent-override:89.79%;descent-override:22.36%;line-gap-override:0.0%;size-adjust:107.89%}.inter_62c4b5-module__pmqIFW__className{font-family:inter,inter Fallback}.inter_62c4b5-module__pmqIFW__variable{--font-inter:"inter", "inter Fallback"}
:root{--color-ink:#383a42;--color-ink-muted:#5c5f68;--color-accent:#2e22da;--color-accent-hover:#2318b0;--color-accent-soft:#eceafd;--color-on-accent:#fff;--color-bg:#fff;--color-surface:#f6f7f9;--color-border:#d9dbe0;--color-border-strong:#8a8d96;--color-success:#1e6f45;--color-success-soft:#e8f4ed;--color-warning:#7a4f00;--color-warning-soft:#fdf3e1;--color-danger:#b42318;--color-danger-soft:#fdecea;--color-example:#a3195b;--color-example-soft:#fcebf2;--focus-ring:3px solid var(--color-accent);--font-sans:var(--font-inter), system-ui, -apple-system, "Segoe UI", sans-serif;--text-sm:.875rem;--text-base:1.0625rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:2rem;--leading:1.6;--weight-regular:400;--weight-semibold:600;--weight-bold:700;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--radius-sm:6px;--radius:10px;--radius-lg:16px;--shadow:0 1px 2px #383a420f, 0 4px 16px #383a420f;--content-width:46rem;--page-width:72rem}
*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--color-bg);min-height:100dvh;color:var(--color-ink);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading);flex-direction:column;margin:0;display:flex}h1,h2,h3{line-height:1.25;font-weight:var(--weight-bold);margin:0 0 var(--space-4)}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl);margin-top:var(--space-6)}h3{font-size:var(--text-lg);font-weight:var(--weight-semibold)}p{margin:0 0 var(--space-4)}a{color:var(--color-accent);text-underline-offset:.15em}a:hover{color:var(--color-accent-hover)}:focus-visible{outline:var(--focus-ring);outline-offset:2px}img{max-width:100%;height:auto}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{left:var(--space-4);z-index:10;background:var(--color-bg);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);position:absolute;top:-100px}.skip-link:focus{top:var(--space-4)}.page{width:100%;max-width:var(--page-width);padding:0 var(--space-5);margin:0 auto}.content{max-width:var(--content-width)}main{padding:var(--space-7) 0;flex:1}.site-header{border-bottom:1px solid var(--color-border);background:#fff}.site-header .page{justify-content:space-between;align-items:center;gap:var(--space-4);padding-top:var(--space-4);padding-bottom:var(--space-4);display:flex}.site-header__brand{align-items:center;gap:var(--space-4);color:var(--color-ink);text-decoration:none;display:flex}.site-header__logo-crop{flex-shrink:0;width:58px;height:42px;display:block;overflow:hidden}.site-header__logo{width:90px;max-width:none;height:90px;margin:-24px 0 0 -16px;display:block}.site-header__title{flex-direction:column;line-height:1.2;display:flex}.site-header__name{font-weight:var(--weight-bold);font-size:var(--text-lg)}.site-header__tagline{font-size:var(--text-sm);color:var(--color-ink-muted)}@media (max-width:40rem){.site-header__tagline{display:none}}.site-footer{border-top:1px solid var(--color-border);font-size:var(--text-sm);color:var(--color-ink-muted);background:#fff}.site-footer .page{justify-content:space-between;align-items:center;gap:var(--space-4);padding-top:var(--space-5);padding-bottom:var(--space-5);flex-wrap:wrap;display:flex}.site-footer__offered{align-items:center;gap:var(--space-3);display:flex}.site-footer__logo{width:auto;height:24px}.button{justify-content:center;align-items:center;gap:var(--space-2);min-height:44px;padding:var(--space-2) var(--space-5);border:2px solid var(--color-accent);border-radius:var(--radius);background:var(--color-accent);color:var(--color-on-accent);font:inherit;font-weight:var(--weight-semibold);cursor:pointer;text-decoration:none;display:inline-flex}.button:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover);color:var(--color-on-accent)}.button--secondary{color:var(--color-accent);background:0 0}.button--secondary:hover{background:var(--color-accent-soft);color:var(--color-accent-hover)}.button--link{min-height:auto;color:var(--color-accent);font-weight:var(--weight-semibold);background:0 0;border:0;padding:0;text-decoration:underline}.button--link:hover{color:var(--color-accent-hover);background:0 0}.card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow)}.lead{font-size:var(--text-lg);color:var(--color-ink-muted)}.muted{color:var(--color-ink-muted);font-size:var(--text-sm)}.actions{gap:var(--space-3);margin:var(--space-5) 0 var(--space-3);flex-wrap:wrap;display:flex}.form{align-items:flex-start;gap:var(--space-3);flex-direction:column;display:flex}label{font-weight:var(--weight-semibold)}input[type=email],input[type=text],input[type=file],select,textarea{width:100%;max-width:28rem;min-height:44px;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-ink);font:inherit}input[aria-invalid=true]{border:2px solid var(--color-danger)}.notice{padding:var(--space-4) var(--space-5);border-radius:var(--radius);border-left:4px solid}.notice--success{background:var(--color-success-soft);color:var(--color-success)}.notice--warning{background:var(--color-warning-soft);color:var(--color-warning)}.notice--danger{background:var(--color-danger-soft);color:var(--color-danger)}.card>:first-child{margin-top:0}.card>:last-child{margin-bottom:0}.dev-box{margin-top:var(--space-6);border:2px dashed var(--color-warning);background:var(--color-warning-soft)}.disclosure{margin-top:var(--space-5)}.disclosure summary{cursor:pointer;color:var(--color-accent);font-weight:var(--weight-semibold);margin-bottom:var(--space-3)}.checkbox{gap:var(--space-2);font-weight:var(--weight-regular);align-items:flex-start;display:flex}.checkbox input{width:1.25rem;height:1.25rem;margin-top:.2rem}.button--danger{background:var(--color-danger);border-color:var(--color-danger)}.button--danger:hover{background:#8f1c13;border-color:#8f1c13}.card--danger{border-color:var(--color-danger);margin-top:var(--space-6)}.card+.card,.card+.actions,form.card{margin-top:var(--space-5)}.admin-nav{justify-content:space-between;align-items:center;gap:var(--space-4);margin:calc(-1 * var(--space-5)) 0 var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border);flex-wrap:wrap;display:flex}.admin-nav ul{gap:var(--space-5);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.admin-nav a{font-weight:var(--weight-semibold);text-decoration:none}.admin-nav a:hover{text-decoration:underline}.admin-nav__user{gap:var(--space-3);align-items:center;display:flex}.filter{align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.filter select{width:auto;min-width:16rem}.table-wrap{margin:var(--space-4) 0;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}th,td{text-align:left;padding:var(--space-3);border-bottom:1px solid var(--color-border);vertical-align:top}th{font-weight:var(--weight-semibold);background:var(--color-surface)}.row--muted td{background:var(--color-surface)}.row-errors{margin:var(--space-1) 0 0;padding-left:var(--space-4);color:var(--color-danger)}.badge{font-size:var(--text-sm);font-weight:var(--weight-semibold);white-space:nowrap;background:var(--color-surface);color:var(--color-ink);border-radius:999px;padding:.1rem .6rem;display:inline-block}.badge--completed,.badge--import-ok{background:var(--color-success-soft);color:var(--color-success)}.badge--in_progress{background:var(--color-accent-soft);color:var(--color-accent-hover)}.badge--inactive,.badge--import-error{background:var(--color-danger-soft);color:var(--color-danger)}.badge--import-duplicate,.badge--import-exists{background:var(--color-warning-soft);color:var(--color-warning)}.details{gap:var(--space-2) var(--space-5);margin:0 0 var(--space-5);grid-template-columns:max-content 1fr;display:grid}.details dt{font-weight:var(--weight-semibold)}.details dd{margin:0}.plain-list{margin:0 0 var(--space-4);padding:0;list-style:none}.plain-list li{justify-content:space-between;gap:var(--space-4);padding:var(--space-2) 0;border-bottom:1px solid var(--color-border);display:flex}.qr{width:220px;height:220px;margin:var(--space-4) 0;background:#fff}.qr svg{width:100%;height:100%}.secret{font-size:var(--text-base);letter-spacing:.05em;word-break:break-all}.codes{gap:var(--space-2);margin:0 0 var(--space-5);font-size:var(--text-lg);grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));padding:0;list-style:none;display:grid}.label-form h2{font-size:var(--text-lg);margin-top:0}code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}progress{appearance:none;background:var(--color-surface);border:0;border-radius:999px;width:100%;height:.75rem;overflow:hidden}progress::-webkit-progress-bar{background:var(--color-surface);border-radius:999px}progress::-webkit-progress-value{background:var(--color-accent);border-radius:999px}progress::-moz-progress-bar{background:var(--color-accent);border-radius:999px}.progress-card h2{font-size:var(--text-lg);margin-top:0}.module-grid{margin:0 0 var(--space-6);gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));padding:0;list-style:none;display:grid}.module-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);background:var(--color-bg);flex-direction:column;display:flex}.module-card h3{margin-bottom:var(--space-2)}.module-card h3 a{color:var(--color-ink);text-decoration:none}.module-card h3 a:hover{text-decoration:underline}.module-card--done{border-color:var(--color-success)}.module-card--soon{background:var(--color-surface)}.module-card__number{font-size:var(--text-sm);color:var(--color-ink-muted);font-weight:var(--weight-semibold);margin-bottom:var(--space-1)}.module-card__meta{gap:var(--space-3);font-size:var(--text-sm);flex-wrap:wrap;align-items:center;margin-top:auto;display:flex}.badge--module-done{background:var(--color-success-soft);color:var(--color-success)}.badge--module-started{background:var(--color-accent-soft);color:var(--color-accent-hover)}.module__eyebrow{color:var(--color-ink-muted);font-weight:var(--weight-semibold);margin-bottom:var(--space-2)}.module section{margin-bottom:var(--space-6)}.content-list,.content-steps{padding-left:var(--space-5);margin:0 0 var(--space-4)}.content-list li,.content-steps li{margin-bottom:var(--space-2)}.tip{background:var(--color-accent-soft);border-left:4px solid var(--color-accent);border-radius:var(--radius);padding:var(--space-4) var(--space-5);margin:var(--space-4) 0}.tip p:last-child{margin-bottom:0}.tip__title{font-weight:var(--weight-bold);margin-bottom:var(--space-1)}.takeaways{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6)}.takeaways h2{margin-top:0}.module__nav{border-top:1px solid var(--color-border);padding-top:var(--space-4);justify-content:space-between;display:flex}.example,.interactive{margin:var(--space-5) 0;padding:var(--space-6) var(--space-5) var(--space-5);border:2px solid var(--color-example);border-radius:var(--radius-lg);background:var(--color-bg);position:relative}.example__badge{top:-.85rem;left:var(--space-4);background:var(--color-example);color:#fff;font-size:var(--text-sm);font-weight:var(--weight-bold);border-radius:999px;padding:.1rem .7rem;position:absolute}.example__caption{margin-top:var(--space-4);font-size:var(--text-sm);color:var(--color-ink-muted)}.fake-email{border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden}.fake-email__head{padding:var(--space-3) var(--space-4);background:var(--color-surface);border-bottom:1px solid var(--color-border);font-size:var(--text-sm);margin:0}.fake-email__head div{gap:var(--space-3);display:flex}.fake-email__head dt{min-width:5rem;color:var(--color-ink-muted)}.fake-email__head dd{margin:0}.fake-email__address{color:var(--color-ink-muted);word-break:break-all}.fake-email__subject{font-weight:var(--weight-semibold)}.fake-email__body{padding:var(--space-4)}.fake-email__button{color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font-weight:var(--weight-semibold);background:#555a66;display:inline-block}.fake-email__url,.fake-link{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--color-ink-muted);word-break:break-all;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;display:block}.fake-link{display:inline}.fake-email__attachment{padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border);font-size:var(--text-sm);margin:0}.flag-marker{background:var(--color-example);color:#fff;width:1.5rem;height:1.5rem;font-size:var(--text-sm);font-weight:var(--weight-bold);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.flag-toggle{margin-top:var(--space-4)}.flag-list{margin-top:var(--space-4);padding:var(--space-4);background:var(--color-example-soft);border-radius:var(--radius)}.flag-list__heading{font-weight:var(--weight-bold)}.flag-list ol,ul.flag-list{margin:0;padding:0;list-style:none}.flag-list li{gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.fake-sms{background:var(--color-surface);border-radius:var(--radius-lg);max-width:22rem;padding:var(--space-4)}.fake-sms__sender{text-align:center;font-weight:var(--weight-semibold);font-size:var(--text-sm)}.fake-sms__bubble{padding:var(--space-3) var(--space-4);background:#e4e6ea;border-radius:1rem 1rem 1rem .25rem}.fake-addressbar{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border-strong);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--text-sm);border-radius:999px;display:flex}.fake-addressbar__lock{color:var(--color-ink-muted);display:inline-flex}.fake-addressbar__url{word-break:break-all}.fake-login{margin-top:var(--space-4);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius);max-width:20rem}.fake-login__brand{font-weight:var(--weight-bold)}.fake-login__field,.fake-login__button{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);height:2.25rem;margin-bottom:var(--space-3);display:block}.fake-login__button{background:#555a66;border:0;width:50%}.interactive fieldset,.quiz fieldset{border:0;min-width:0;margin:0;padding:0}.interactive__prompt,.quiz legend{font-weight:var(--weight-semibold);font-size:var(--text-lg);margin-bottom:var(--space-3);padding:0}.choice-list{gap:var(--space-2);margin:var(--space-3) 0 var(--space-4);flex-direction:column;display:flex}.choice{gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius);font-weight:var(--weight-regular);cursor:pointer;align-items:flex-start;display:flex}.choice:hover{background:var(--color-surface)}.choice input{flex-shrink:0;width:1.15rem;height:1.15rem;margin-top:.25rem}.choice:has(input:checked){border-color:var(--color-accent);border-width:2px}.choice:has(input:focus-visible){outline:var(--focus-ring);outline-offset:2px}.choice__url{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--text-sm);word-break:break-all}.choice--right{background:var(--color-success-soft);border-color:var(--color-success)!important}.choice--wrong{background:var(--color-danger-soft);border-color:var(--color-danger)!important}.url-anatomy{margin:var(--space-3) 0;flex-wrap:wrap;gap:2px;display:flex}.url-part{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--text-base);padding:var(--space-2) var(--space-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-ink);cursor:pointer;min-height:44px}.url-part--important{font-weight:var(--weight-bold)}.url-part--active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.quiz__list{margin:0;padding:0;list-style:none}.quiz__question{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-4)}.quiz__question--done{border-color:var(--color-success)}.quiz__question .notice{margin-top:var(--space-4)}.quiz__done{border-color:var(--color-success)}legend{white-space:normal;overflow-wrap:anywhere;max-width:100%;display:block}.feedback-icon{font-weight:var(--weight-bold);margin-right:var(--space-1)}.fake-sms--chat .fake-sms__bubble{background:#e3efe4;border-radius:.5rem .5rem .5rem .15rem}.fake-phone{max-width:22rem;padding:var(--space-5) var(--space-4);background:#2b2d33;border-radius:1.5rem}.fake-notification{border-radius:var(--radius-lg);padding:var(--space-4);background:#fff}.fake-notification p{margin:0 0 var(--space-1)}.fake-notification__app{font-size:var(--text-sm);color:var(--color-ink-muted)}.fake-notification__title{font-weight:var(--weight-bold)}.fake-notification__line{font-size:var(--text-sm)}.fake-notification__buttons{gap:var(--space-2);margin-top:var(--space-3);display:flex}.fake-notification__buttons span{text-align:center;padding:var(--space-2);border-radius:var(--radius-sm);background:var(--color-surface);font-weight:var(--weight-semibold);font-size:var(--text-sm);flex:1}.fake-share{border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-4);max-width:30rem}.fake-share__title{word-break:break-word}.fake-share__people{margin:0 0 var(--space-3);padding-left:var(--space-5)}.fake-share__settings{margin:0}.fake-share__settings div{justify-content:space-between;gap:var(--space-4);padding:var(--space-2) 0;border-top:1px solid var(--color-border);display:flex}.fake-share__settings dt{color:var(--color-ink-muted)}.fake-share__settings dd{font-weight:var(--weight-semibold);margin:0}.yes-no{margin:0;padding:0;list-style:none}.yes-no__item{border-top:1px solid var(--color-border);padding:var(--space-4) 0}.yes-no__text{margin-bottom:var(--space-3)}.yes-no__buttons{gap:var(--space-2);flex-wrap:wrap;display:flex}.yes-no__buttons [aria-pressed=true]{background:var(--color-accent);color:var(--color-on-accent)}.yes-no .notice{margin-top:var(--space-3);margin-bottom:0}.report-contact{border:2px solid var(--color-accent);border-radius:var(--radius-lg);padding:var(--space-5);margin:var(--space-4) 0}.report-contact__heading{font-weight:var(--weight-bold);font-size:var(--text-lg)}.report-contact dl{margin:0}.report-contact dl div{gap:var(--space-4);margin-bottom:var(--space-2);display:flex}.report-contact dt{min-width:6rem;font-weight:var(--weight-semibold)}.report-contact dd{font-size:var(--text-lg);margin:0}.choice>span,.yes-no__text,.notice,.tip p,.content-list li{overflow-wrap:anywhere;min-width:0}.stat-tiles{margin:0 0 var(--space-6);gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));padding:0;list-style:none;display:grid}.stat-tile{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);flex-direction:column;display:flex}.stat-tile--done{border-color:var(--color-success)}.stat-tile__value{font-size:var(--text-2xl);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums}.stat-tile__value small{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-ink-muted)}.stat-tile__label{color:var(--color-ink-muted);font-size:var(--text-sm)}th.num,td.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}tbody th{font-weight:var(--weight-semibold);background:0 0}.bar-cell{align-items:center;gap:var(--space-3);min-width:10rem;display:flex}.bar-cell progress{flex:1}.quiz-stats{border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-3)}.quiz-stats summary{cursor:pointer;font-weight:var(--weight-semibold)}h1,h2,h3,p,li,dd,td,th,label,legend,summary{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}@media (max-width:30rem){h1{font-size:1.625rem}h2{font-size:1.3rem}}