@font-face{font-family:Manrope;src:url('assets/fonts/manrope.woff2') format('woff2');font-weight:200 800;font-display:swap}
.legal-page{margin:0;background:#f8f6fc;color:#423858;font:400 16px/24px Manrope,sans-serif}
.legal-page *,.legal-dialog *{box-sizing:border-box}
.legal-page a,.legal-dialog a{color:#5134b3;text-underline-offset:4px;overflow-wrap:anywhere}
.legal-page a:focus-visible,.legal-dialog :focus-visible{outline:3px solid #6344c7;outline-offset:4px}
.legal-header,.legal-footer{max-width:960px;margin:auto;padding:24px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;font-size:14px;line-height:20px}
.legal-header a,.legal-footer a{padding:12px 0}
.legal-content{max-width:800px;margin:auto;padding:40px 32px 64px;overflow-wrap:anywhere}
.legal-content h1{font-size:36px;line-height:40px;font-weight:600;letter-spacing:-.025em;margin:0 0 24px;text-wrap:balance}
.legal-content h2{font-size:24px;line-height:32px;font-weight:600;margin:0 0 16px;text-wrap:balance;color:#423858}
.legal-content h3{font-size:20px;line-height:28px;font-weight:600;margin:32px 0 12px;text-wrap:balance;color:#423858}
.legal-content p{font-size:16px;line-height:24px;margin:0 0 16px;text-wrap:pretty}
.legal-content .legal-notice{font-size:14px;line-height:20px;padding:16px;background:#eee7fa;border:1px solid #d8cfeb;border-radius:8px;margin:0 0 24px}
.legal-content .legal-date{font-size:14px;line-height:20px;color:#6f6487;margin-bottom:32px}
.legal-nav{display:flex;flex-wrap:wrap;gap:16px;margin:32px 0 40px;font-size:14px;line-height:20px}
.legal-nav a{padding:8px 0}
.legal-list{display:grid;gap:32px;margin-top:40px}
.legal-list h2{font-size:20px;line-height:28px;margin-bottom:8px}
.legal-list p{margin:0}
.legal-document{scroll-margin-top:96px}
.legal-document+.legal-document{margin-top:64px}
.legal-page .legal-document>h2{font-size:18px;line-height:28px}
.legal-page .legal-document section>h2{font-size:20px;line-height:28px;margin:32px 0 12px}
.legal-document li{margin-bottom:12px}
.legal-skip{position:absolute;top:-80px;left:16px;background:white;padding:12px}
.legal-skip:focus{top:8px}
.legal-open{overflow:hidden}
.legal-dialog{padding:0;border:1px solid #d8cfeb;border-radius:16px;background:#f8f6fc;color:#423858;width:calc(100% - 32px);max-width:864px;max-height:calc(100dvh - 32px);font:400 16px/24px Manrope,sans-serif}
.legal-dialog::backdrop{background:#28203399}
.legal-dialog-bar{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;background:#f8f6fc}
.legal-dialog-bar button{font:600 14px/20px Manrope,sans-serif;padding:12px;border:1px solid #d8cfeb;border-radius:8px;background:white;color:#5134b3;cursor:pointer}
.legal-dialog-bar button:hover{background:#eee7fa}
@media(max-width:600px){.legal-header,.legal-footer{padding:16px 24px;gap:16px}.legal-header span{font-size:12px;line-height:16px}.legal-content{padding:24px 24px 48px}.legal-content h1{font-size:30px;line-height:36px}.legal-dialog{width:calc(100% - 16px);max-height:calc(100dvh - 16px)}.legal-dialog-bar{padding:12px 16px}.legal-dialog .legal-content{padding:24px 16px}.legal-nav{display:grid;gap:8px}}
@media print{.legal-header,.legal-footer,.legal-nav,.legal-skip{display:none}.legal-page{background:white;color:black}.legal-content{max-width:none;padding:0}.legal-content h2,.legal-content h3{break-after:avoid}.legal-document section{break-inside:auto}}
