:root{--qarl-shell-navy:#081a35;--qarl-shell-teal:#00a99a;--qarl-shell-mint:#70e4d1;--qarl-shell-gold:#ffc765;--qarl-shell-line:#d9e5ef}
.qarl-shell-container{width:min(1180px,calc(100% - 44px));margin-inline:auto}
.qarl-shell-header{position:sticky;top:0;z-index:1000;overflow:visible;background:linear-gradient(105deg,rgba(5,20,43,.98),rgba(12,39,72,.97) 58%,rgba(38,35,85,.97));color:#fff;border-bottom:1px solid #ffffff20;box-shadow:0 8px 26px #06162d24;backdrop-filter:blur(16px)}
.qarl-shell-header:after{content:"";display:block;height:2px;background:linear-gradient(90deg,#20d6c4,#7be8d5 35%,#ffd176 68%,#bc83ff);background-size:220% 100%;animation:qarlShellGlow 8s linear infinite}
@keyframes qarlShellGlow{to{background-position:220% 0}}
.qarl-shell-topbar{position:relative;min-height:78px;width:min(1240px,calc(100% - 40px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:28px}
.qarl-shell-brand{display:flex;align-items:center;gap:13px;flex:none;color:#fff;text-decoration:none}.qarl-shell-brand img{width:52px;height:52px;object-fit:cover;border-radius:50%;clip-path:circle(50% at 50% 50%);background:#091a35}.qarl-shell-brand span{font-size:12px;font-weight:850;letter-spacing:.08em;line-height:1.35}.qarl-shell-brand small{display:block;margin-top:4px;color:#8de9df;font-size:10px;letter-spacing:.16em}
.qarl-shell-toggle{display:none;width:44px;height:42px;border:1px solid #ffffff40;border-radius:12px;background:#ffffff12;color:#fff;font-size:22px;cursor:pointer;transition:background .18s,border-color .18s,transform .18s}.qarl-shell-toggle:hover{background:#ffffff24;border-color:#84e8da;transform:translateY(-1px)}
.qarl-shell-nav{display:flex;align-items:center;gap:4px}.qarl-shell-nav>a,.qarl-shell-nav-trigger{position:relative;display:flex;align-items:center;min-height:44px;padding:0 13px;border:0;border-radius:999px;background:transparent;color:#eaf3ff;text-decoration:none;font-family:inherit;font-size:13px;font-weight:750;transition:color .2s,background .2s,transform .2s}.qarl-shell-nav>a:hover,.qarl-shell-nav-group:hover>.qarl-shell-nav-trigger,.qarl-shell-nav-group:focus-within>.qarl-shell-nav-trigger,.qarl-shell-nav-group.is-open>.qarl-shell-nav-trigger{background:linear-gradient(120deg,#ffffff20,#73e5d51e);color:#a5f6e8;box-shadow:inset 0 0 0 1px #a5f6e840}.qarl-shell-nav-group{position:relative}.qarl-shell-nav-trigger{gap:7px}.qarl-shell-nav-trigger:after{content:"⌄";color:#86ddd3;font-size:13px;transition:transform .2s,color .2s}.qarl-shell-nav-group:hover>.qarl-shell-nav-trigger:after,.qarl-shell-nav-group:focus-within>.qarl-shell-nav-trigger:after,.qarl-shell-nav-group.is-open>.qarl-shell-nav-trigger:after{transform:rotate(180deg);color:#ffd176}
.qarl-shell-nav-menu{position:absolute;top:100%;left:0;min-width:230px;max-height:min(70vh,560px);overflow:auto;padding:8px;border:1px solid #c9d9ea;border-radius:15px;background:linear-gradient(145deg,#fff 0%,#f4fbff 65%,#effbf8 100%);box-shadow:0 22px 48px #06162d42;opacity:0;visibility:hidden;transform:scale(.98);transform-origin:top left;transition:opacity .16s,visibility .16s,transform .16s;pointer-events:none}.qarl-shell-nav-menu:before{content:"";display:block;height:3px;margin:-8px -8px 7px;background:linear-gradient(90deg,#00b5a4,#70dfd1,#ffd176,#a884ff)}.qarl-shell-nav-group:hover>.qarl-shell-nav-menu,.qarl-shell-nav-group:focus-within>.qarl-shell-nav-menu,.qarl-shell-nav-group.is-open>.qarl-shell-nav-menu{opacity:1;visibility:visible;transform:scale(1);pointer-events:auto}.qarl-shell-nav-group.is-dismissed>.qarl-shell-nav-menu{opacity:0;visibility:hidden;transform:scale(.98);pointer-events:none}.qarl-shell-nav-group:last-child .qarl-shell-nav-menu{right:0;left:auto}.qarl-shell-nav-menu a{display:block;padding:10px 12px;border-radius:9px;color:#183452;text-decoration:none;font-size:13px;font-weight:650;transition:background .16s,color .16s,transform .16s}.qarl-shell-nav-menu a:hover,.qarl-shell-nav-menu a:focus{transform:translateX(3px);background:linear-gradient(90deg,#e3f8f6,#f1f0ff);color:#006e79}
.qarl-shell-header.qarl-shell-reset-hover .qarl-shell-nav-group:hover>.qarl-shell-nav-menu,.qarl-shell-header.qarl-shell-reset-hover .qarl-shell-nav-group:focus-within>.qarl-shell-nav-menu{opacity:0!important;visibility:hidden!important;transform:scale(.98);pointer-events:none!important}.qarl-shell-header a:focus-visible,.qarl-shell-toggle:focus-visible{outline:3px solid #ffd176;outline-offset:3px}
.qarl-shell-footer{position:relative;overflow:hidden;background:#07172e;color:#dbe7f3}.qarl-shell-footer-main{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;padding:60px 0 42px}.qarl-shell-footer-brand{display:flex;align-items:flex-start;gap:15px}.qarl-shell-footer-brand img{width:56px;height:56px;object-fit:contain}.qarl-shell-footer-brand h2{margin:0;color:#fff;font-size:16px}.qarl-shell-footer-brand h2 em{color:#80ded3;font-style:normal}.qarl-shell-footer-brand p{max-width:410px;margin:8px 0;color:#a9bdcf;font-size:13px}.qarl-shell-footer-brand small{color:#80ded3;font-weight:800;letter-spacing:.12em}.qarl-shell-footer-links h3{margin:0 0 14px;color:#fff;font-size:12px;letter-spacing:.16em}.qarl-shell-footer-link-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px 18px}.qarl-shell-footer-link-grid a{color:#b9cbd9;font-size:12px;text-decoration:none}.qarl-shell-footer-link-grid a:hover{color:#88ecdd}.qarl-shell-footer-bottom{display:flex;justify-content:space-between;gap:20px;padding:18px 0 22px;border-top:1px solid #ffffff20;color:#9bb0c4;font-size:11px}.qarl-shell-footer-bottom a{color:#b9d1e3;text-decoration:none}
.qarl-shell-mount-error{margin:8px auto;padding:12px 16px;border:1px solid #e8bb7d;border-radius:10px;background:#fff7e9;color:#6b4a16;font:600 13px/1.5 Arial,sans-serif}.qarl-shell-mount-error a{color:#075f76;font-weight:800}
@media(max-width:980px){.qarl-shell-topbar{min-height:72px}.qarl-shell-toggle{display:block}.qarl-shell-nav{position:absolute;top:calc(100% + 2px);left:0;right:0;display:none;align-items:stretch;flex-direction:column;gap:2px;max-height:calc(100vh - 72px);overflow:auto;padding:13px max(18px,calc((100vw - 720px)/2)) 20px;border-bottom:1px solid #ffffff20;background:linear-gradient(160deg,#081a37,#102c51 72%,#173c5b);box-shadow:0 22px 36px #05152d44}.qarl-shell-nav.is-open{display:flex}.qarl-shell-nav>a,.qarl-shell-nav-trigger{width:100%;justify-content:space-between;border-radius:10px}.qarl-shell-nav-menu{position:static;display:none;min-width:0;max-height:none;margin:3px 7px 8px;padding:8px;border-color:#ffffff55;background:linear-gradient(145deg,#fff,#eefaf8);box-shadow:none;opacity:1;visibility:visible;transform:none;pointer-events:auto}.qarl-shell-nav-menu:before{margin:-8px -8px 7px}.qarl-shell-nav-group:hover>.qarl-shell-nav-menu,.qarl-shell-nav-group:focus-within>.qarl-shell-nav-menu{display:none}.qarl-shell-nav-group.is-open>.qarl-shell-nav-menu{display:block;animation:qarlShellMenuIn .17s ease-out}.qarl-shell-nav-group.is-dismissed>.qarl-shell-nav-menu{display:none!important}.qarl-shell-nav-group.is-open>.qarl-shell-nav-trigger{background:linear-gradient(100deg,#ffffff22,#42d8c429);color:#9cf2e5}.qarl-shell-footer-main{gap:35px}}
@keyframes qarlShellMenuIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:680px){.qarl-shell-container{width:min(100% - 30px,520px)}.qarl-shell-topbar{width:calc(100% - 28px);min-height:68px}.qarl-shell-brand img{width:45px;height:45px}.qarl-shell-brand span{font-size:10px}.qarl-shell-brand small{font-size:9px}.qarl-shell-footer-main{grid-template-columns:1fr;gap:30px;padding:43px 0 30px}.qarl-shell-footer-link-grid{grid-template-columns:repeat(2,1fr)}.qarl-shell-footer-bottom{display:block}.qarl-shell-footer-bottom span{display:block;margin-top:6px}}
@media(max-width:420px){.qarl-shell-brand span{max-width:180px;font-size:9px}.qarl-shell-footer-link-grid{gap:8px}.qarl-shell-footer-brand{gap:12px}.qarl-shell-footer-brand img{width:52px;height:52px}}
@media(prefers-reduced-motion:reduce){.qarl-shell-header:after,.qarl-shell-nav-menu,.qarl-shell-nav-menu a,.qarl-shell-toggle{animation:none!important;transition:none!important}}