:root{
--md-sys-color-primary:#4a1a6b;
--md-sys-color-on-primary:#ffffff;
--md-sys-color-primary-container:#f1edf6;
--md-sys-color-on-primary-container:#2e1245;
--md-sys-color-surface:#ffffff;
--md-sys-color-surface-variant:#f7f2fb;
--md-sys-color-on-surface:#211a27;
--md-sys-color-on-surface-variant:#6e5f7a;
--md-sys-color-outline:#e0d3ee;
--md-sys-color-error:#7b1fa2;
--md-sys-color-error-container:#f6eaf8;
--md-sys-color-success:#6b1f8a;
--md-sys-color-success-container:#f3e9fa;
--md-sys-color-warning:#9c27b0;
--md-sys-color-warning-container:#f6ecfb;
}
body{font-family:Futura,"Century Gothic","Trebuchet MS",Georgia,Arial,sans-serif;color:#333}
a{color:#4a1a6b}
.topbar{background:#fff;border-bottom:1px solid #e3d5ee}
.topbar .brand .brand-logo,.topbar .brand-logo span{color:#4a1a6b!important}
.topbar .brand .sub{color:#6e5f7a;letter-spacing:2px;text-transform:uppercase;font-size:11px}
.topbar nav a{text-transform:uppercase;font-weight:700;letter-spacing:.6px;font-size:13px;color:#000;background:none;border:0;border-bottom:2px solid transparent;border-radius:0}
.topbar nav a:hover,.topbar nav a.active{color:#4a1a6b;border-bottom-color:#4a1a6b;background:none}
.card,.panel,.box{border-color:#4a1a6b;border-radius:0}
.card-title,.section-title,h1,h2,h3{color:#4a1a6b;font-weight:600}
.btn,.btn-tonal,.btn-outlined,.btn-text{border-radius:0}
.btn{background:#4a1a6b;border:1px solid #4a1a6b;color:#fff}
.btn:hover{background:#7b1fa2;border-color:#7b1fa2}
.btn-tonal{background:#f1edf6;border:1px solid #4a1a6b;color:#4a1a6b}
.btn-tonal:hover{background:#4a1a6b;color:#fff}
.btn-text{color:#4a1a6b}
.field input,.field textarea,.field select{border-radius:0;border:1px solid #d8c9e6;background:#faf8fc;font-family:inherit}
.field input:focus,.field textarea:focus,.field select:focus{border-color:#7b1fa2;outline:none;background:#fff}
.tab{border-radius:0}
.step .num,.row .num{color:#7b1fa2;font-weight:600}
.label{color:#6e5f7a}
.site-foot{margin-top:48px;background:#4a1a6b;color:#fff;font-size:13px}
.site-foot .wrap{max-width:1100px;margin:0 auto;padding:24px}
.site-foot a{color:rgba(255,255,255,.72)}
.site-foot a:hover{color:#fff;text-decoration:underline}
.site-foot .bar{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;border-top:1px solid rgba(255,255,255,.2);margin-top:16px;padding-top:14px;font-size:12px;color:rgba(255,255,255,.7)}
*{min-width:0}
img,iframe,svg,video{max-width:100%}
:root{--wt-pad:16px}
@media (max-width:900px){
.topbar{flex-wrap:wrap;gap:10px;padding:10px 14px}
.topbar nav{width:100%;display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px;order:3}
.topbar nav a{white-space:nowrap;padding:8px 10px;font-size:12.5px}
.topbar .brand{width:100%}
.topbar .brand .brand-logo{font-size:22px}
.w,.container{padding:16px!important;margin:0!important;max-width:100%!important}
.card{padding:16px}
.row{flex-wrap:wrap}
.step{width:100%}
}
@media (max-width:640px){
body{font-size:14px}
h1{font-size:22px;line-height:1.3}
h2,.card-title{font-size:17px}
h3{font-size:15.5px}
.btn,.btn-tonal,.btn-text,.btn-outlined{width:100%;justify-content:center;margin:4px 0}
.field input,.field textarea,.field select{font-size:16px}
.field label{font-size:12.5px}
table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-collapse:collapse}
pre{overflow-x:auto;font-size:12px}
img{height:auto}
.site-foot .wrap{padding:18px 16px}
.site-foot .bar{flex-direction:column;align-items:flex-start;gap:8px}
}