/* Same type, surfaces and controls as the Dranox contact page. */
@media(min-width:1001px) { html { font-size:min(.8403361345vw,1.6913319239svh); } }
.copyright-layout { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); align-items:start; gap:5rem; padding-block:1rem 3rem; }
.copyright-intro { position:sticky; top:3rem; padding-block:2rem; }
.copyright-intro h1 { font-size:3.75rem; line-height:1.12; margin-block:1.25rem 1.75rem; max-width:36rem; }
.copyright-intro>p { max-width:34rem; font-size:1.0625rem; line-height:1.9; }
.copyright-steps { list-style:none; padding:0; margin:2.5rem 0; display:grid; gap:1rem; }
.copyright-steps li { display:flex; align-items:center; gap:1rem; font-size:var(--text-small); color:#c4bcca; }
.copyright-steps li>span { display:grid; place-items:center; width:2.5rem; height:2.5rem; flex-shrink:0; border:1px solid #f5004030; background:#f500400c; border-radius:.5rem; color:#ff779a; font-size:var(--text-caption); }
.copyright-panel { min-width:0; padding:2.25rem 2.5rem; border:1px solid #ffffff19; border-radius:1.25rem; background:radial-gradient(ellipse at 100% 0,#62162f14,transparent 55%),#111014; }
.copyright-panel [hidden] { display:none!important; }
.copyright-panel-heading { margin-bottom:2rem; }
.copyright-panel-heading h2 { font-size:2rem; line-height:1.25; letter-spacing:-.04em; }
.copyright-panel-heading p { margin-top:.625rem; font-size:var(--text-small); }
.copyright-channel-section h3,.copyright-form-section legend { display:flex; align-items:center; gap:.75rem; color:var(--text); font-size:1rem; font-weight:750; letter-spacing:0; line-height:1.5; margin-bottom:1.25rem; }
.copyright-channel-section h3>span,.copyright-form-section legend>span { color:#ff779a; font-size:.8125rem; }
.copyright-picker { position:relative; }
.copyright-search-controls { display:flex; align-items:center; border:1px solid #ffffff20; border-radius:.5rem; background:#09090c; transition:border-color .2s,box-shadow .2s; }
.copyright-search-controls:focus-within { border-color:#ff6487; box-shadow:0 0 0 3px #f5004018; }
.copyright-panel .copyright-picker .copyright-search-controls input[type=search] { flex:1; border:0; background:transparent; box-shadow:none; }
.copyright-panel .copyright-picker .copyright-search-controls input[type=search]:focus-visible { box-shadow:none; }
.copyright-search-controls input::-webkit-search-cancel-button { -webkit-appearance:none; }
.copyright-picker :is(button,svg) { flex-shrink:0; }
.copyright-picker button { display:flex; align-items:center; justify-content:center; min-width:2.75rem; min-height:3rem; padding:.625rem; color:#c8c5d1; border:0; border-radius:.375rem; background:transparent; cursor:pointer; }
.copyright-picker button:hover { color:#fff; background:#ffffff08; }
.copyright-picker button:focus-visible { outline:2px solid #ff6487; outline-offset:-3px; }
.copyright-picker svg { width:1.125rem; height:1.125rem; fill:none; stroke:currentColor; stroke-width:1.65; stroke-linecap:round; stroke-linejoin:round; }
.copyright-picker-toggle[aria-expanded=true] svg { rotate:180deg; }
.copyright-picker-nojs { font-size:var(--text-small); white-space:nowrap; }
.copyright-search.is-enhanced .copyright-picker-nojs { display:none; }
.copyright-channel-menu { position:absolute; z-index:40; inset-inline:0; top:calc(100% + .625rem); padding:.4375rem; background:#17151c; border:1px solid #ffffff1c; border-radius:.75rem; box-shadow:0 .875rem 2.5rem #0008; }
.copyright-channel-menu ul { list-style:none; padding:0; margin:0; max-height:18rem; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:#514957 transparent; }
.copyright-channel-menu [role=option] { position:relative; display:flex; align-items:center; gap:.6875rem; padding:.6875rem .625rem; border-radius:.4375rem; color:#c2bbc9; font-size:var(--text-small); line-height:1.4; cursor:pointer; overflow-wrap:anywhere; }
.copyright-channel-menu [role=option]:hover,.copyright-channel-menu [role=option].is-active { background:#ffffff08; color:#fff; }
.copyright-channel-menu [role=option][aria-selected=true] { color:#ff779a; background:#f5004011; }
.copyright-channel-menu [role=option] svg { margin-inline-start:auto; opacity:0; }
.copyright-channel-menu [aria-selected=true] svg { opacity:1; }
.copyright-channel-menu .copyright-option-empty { padding:.75rem; color:var(--muted); font-size:var(--text-small); }
.copyright-form.is-enhanced .copyright-native-field :is(label,select) { display:none!important; }
.copyright-form.is-enhanced .copyright-native-field .copyright-field { margin:0; }
.copyright-panel label { display:block; font-size:var(--text-small); font-weight:650; margin-bottom:.5rem; line-height:1.5; }
.copyright-panel :is(input:not([type=hidden]):not([type=checkbox]),select,textarea) { display:block; width:100%; min-width:0; min-height:3rem; padding:.8125rem 1rem; border:1px solid #ffffff20; border-radius:.5rem; background:#09090c; color:var(--text); font:inherit; font-size:var(--text-small); line-height:1.5; transition:border-color .2s,box-shadow .2s; }
.copyright-panel :is(input,textarea)::placeholder { color:var(--soft); }
.copyright-panel :is(input,select,textarea):focus-visible { outline:0; border-color:#ff6487; box-shadow:0 0 0 3px #f5004018; }
.copyright-panel :is(input,select,textarea)[aria-invalid=true] { border-color:#ff6487; }
.copyright-panel textarea { min-height:6.5rem; resize:vertical; }
.copyright-panel input[type=email],.copyright-panel input[inputmode=url] { direction:ltr; text-align:start; }
.copyright-panel .copyright-search-status { margin-top:.75rem; margin-bottom:1.25rem; min-height:1.75rem; font-size:var(--text-caption); line-height:1.55; }
.copyright-search-status.is-error { color:#ffafc2; }
.copyright-search[aria-busy=true] .copyright-picker-toggle { opacity:.5; }
.copyright-field { margin-bottom:1.25rem; min-width:0; }
.copyright-pair { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:1rem; }
.copyright-form-section { border:0; border-top:1px solid var(--line); padding:1.75rem 0 0; margin:1.75rem 0 0; min-width:0; }
.copyright-form-section legend { float:inline-start; width:100%; padding:0; }
.copyright-form-section legend+* { clear:both; }
.copyright-selected { display:grid; gap:.125rem; margin-top:-.25rem; padding:.75rem 1rem; border-inline-start:2px solid #f50040; background:#f5004008; border-radius:.375rem; }
.copyright-selected span { font-size:var(--text-caption); color:var(--muted); }
.copyright-selected strong { font-size:var(--text-small); overflow-wrap:anywhere; }
.copyright-declaration { display:grid; grid-template-columns:1.125rem minmax(0,1fr); align-items:start; column-gap:.75rem; margin-block:1.5rem; }
.copyright-declaration label { margin:0; font-weight:500; color:var(--muted); font-size:var(--text-caption); line-height:1.75; cursor:pointer; }
.copyright-declaration input { width:1.125rem; height:1.125rem; margin:.2rem 0 0; accent-color:var(--red); cursor:pointer; }
.copyright-declaration .copyright-errors { grid-column:1/-1; }
.copyright-panel .copyright-help { margin-top:.625rem; font-size:var(--text-caption); line-height:1.65; }
.copyright-panel .errorlist { margin:.5rem 0 0; padding:0; list-style:none; color:#ffafc2; font-size:var(--text-caption); }
.copyright-form-errors { padding:1rem; margin-bottom:1.25rem; border:1px solid #ff648740; border-radius:.5rem; background:#f5004008; }
.copyright-form-errors .errorlist { margin:0; }
.copyright-submit { width:100%; min-height:3.25rem; justify-content:space-between; }
html[dir=rtl] .copyright-submit>span { transform:scaleX(-1); }
.copyright-panel .copyright-required { margin-top:1rem; text-align:center; }
.copyright-success { padding-block:2rem; }
.copyright-success-mark { display:grid; place-items:center; width:3.5rem; height:3.5rem; margin-bottom:1.75rem; border:1px solid #62cbb140; border-radius:1rem; color:#62cbb1; background:#62cbb10c; font-size:1.75rem; }
.copyright-success h2 { font-size:2rem; line-height:1.4; letter-spacing:-.03em; }
.copyright-success p { font-size:var(--text-small); margin-block:1rem 2rem; }
@media(max-width:1100px) { .copyright-layout { gap:3rem; } .copyright-intro h1 { font-size:3.25rem; } }
@media(max-width:900px) { .copyright-layout { grid-template-columns:1fr; gap:2rem; } .copyright-intro { position:static; padding:0; } .copyright-intro h1 { font-size:2.75rem; } .copyright-steps { margin-block:1.5rem; } .copyright-panel { width:100%; max-width:48rem; } }
@media(max-width:540px) { .copyright-layout { padding-block:.5rem 2rem; } .copyright-intro h1 { font-size:2.25rem; } .copyright-panel { padding:1.5rem; } .copyright-panel-heading h2,.copyright-success h2 { font-size:1.625rem; } .copyright-pair { grid-template-columns:1fr; gap:0; } .copyright-channel-menu ul { max-height:14rem; } }
@media(prefers-reduced-motion:reduce) { .copyright-panel * { transition:none!important; } }