.dh{--c-primary: #2563eb;--c-primary-dark: #1d4ed8;--c-ink: #0e1b2b;--c-ink-soft: #3b4a5a;--c-line: #e2e8ec;position:sticky;top:0;z-index:50;padding:.75rem;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.6;color:var(--c-ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box}.dh *,.dh *:before,.dh *:after{box-sizing:border-box}.dh__container{max-width:1120px;margin-inline:auto;padding-inline:1.5rem}.dh__card{background:#ffffff8c;backdrop-filter:saturate(180%) blur(18px);-webkit-backdrop-filter:saturate(180%) blur(18px);border-radius:14px}.dh__inner{display:flex;align-items:center;gap:1.5rem;padding:.35rem 1.25rem}.dh__brand{display:flex;align-items:center;gap:.5rem;flex-shrink:0;text-decoration:none;color:var(--c-ink);transition:opacity .2s ease}.dh__brand:hover{opacity:.8;color:var(--c-ink)}.dh__logo{display:block;width:28px;height:28px;object-fit:contain}.dh__name{font-weight:700;font-size:1.4rem;letter-spacing:-.01em;line-height:1.6}.dh__menu{margin-left:auto}.dh__links{display:none;list-style:none;margin:0;padding:0;gap:.25rem}.dh__links a{display:inline-block;color:var(--c-ink-soft);text-decoration:none;font-weight:500;font-size:.95rem;padding:.45rem .85rem;border-radius:10px;transition:color .2s ease,background-color .2s ease}.dh__links a:hover{color:var(--c-primary);background-color:#0a5c7a0f}.dh__actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.dh__btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.35rem .85rem;font:inherit;font-size:.875rem;line-height:1.6;min-height:unset;border-radius:8px;box-shadow:none;white-space:nowrap;text-decoration:none;cursor:pointer;border:2px solid transparent;transition:transform .15s ease,background .15s ease,border-color .15s ease}.dh__btn--ghost{background:transparent;color:var(--c-ink);border:1.5px solid rgba(0,0,0,.15);font-weight:500}.dh__btn--ghost:hover{background:#0000000d;border-color:#00000040}.dh__btn--primary{background:var(--c-primary);color:#fff;font-weight:600}.dh__btn--primary:hover{background:var(--c-primary-dark)}.dh__hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:36px;height:36px;padding:0;background:transparent;border:none;cursor:pointer;flex-shrink:0;margin-left:auto}.dh__hamburger span{display:block;width:22px;height:2px;background:var(--c-ink);border-radius:2px;transition:transform .25s ease,opacity .25s ease;transform-origin:center}.dh__hamburger.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.dh__hamburger.is-open span:nth-child(2){opacity:0;transform:scaleX(0)}.dh__hamburger.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.dh__mobile-menu{display:none;overflow:hidden;max-height:0;opacity:0;transition:max-height .3s ease,opacity .25s ease}.dh__mobile-menu.is-open{max-height:400px;opacity:1}.dh__mobile-links{list-style:none;margin:0;padding:.5rem 1.25rem;border-top:1px solid rgba(0,0,0,.08)}.dh__mobile-links li a{display:block;padding:.65rem .5rem;color:var(--c-ink);text-decoration:none;font-weight:500;font-size:1rem;border-radius:8px;transition:background .2s ease,color .2s ease}.dh__mobile-links li a:hover{background:#0a5c7a0f;color:var(--c-primary)}.dh__mobile-actions{display:flex;gap:.5rem;padding:.75rem 1.25rem 1rem;border-top:1px solid rgba(0,0,0,.08)}.dh__mobile-actions .dh__btn{flex:1;padding:.55rem 1rem;font-size:.9rem}@media(max-width:719px){.dh__actions{display:none}.dh__hamburger{display:flex}.dh__mobile-menu{display:block}}@media(min-width:720px){.dh__links{display:flex}.dh__logo{width:32px;height:32px}.dh__mobile-menu,.dh__hamburger{display:none!important}}.dh-page{position:relative;overflow:hidden;isolation:isolate}.dh-bg{position:absolute;inset:0;z-index:-1;background:radial-gradient(55% 50% at 85% 10%,#2563eb1a,#2563eb00 70%),radial-gradient(60% 55% at 10% 90%,#00c2a814,#00c2a800 70%),linear-gradient(180deg,#f5f8fa,#fff 75%)}.dh-bg:before{content:"";position:absolute;inset:0;background-image:linear-gradient(to right,rgba(14,27,43,.04) 1px,transparent 1px),linear-gradient(to bottom,rgba(14,27,43,.04) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse 80% 60% at 50% 50%,#000 30%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 50%,#000 30%,transparent 80%)}
