/* Approved option 6: original Figma hero clouds, emblems and golden button fill. */
@font-face{font-family:AvServerVersion;src:url('/fonts/sf-pro-version-italic.woff2') format('woff2');font-style:italic;font-weight:1 1000;font-display:swap;unicode-range:U+002E,U+0030-0039}
.avServerPanels,.avServerPanels *{box-sizing:border-box}
.avServerPanels{clear:both;isolation:isolate;position:relative;container:av-server-panels/inline-size;width:100%;margin:16px 0 20px;padding:0;color:#584127;font-family:var(--font-system,'SF Pro Variable',system-ui,-apple-system,sans-serif);font-optical-sizing:auto;line-height:1.3}
.avServerPanels .avServerPanels-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;width:100%;max-width:944px;margin:0 auto}
.avServerPanels .avServerPanel{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:center;min-width:0;padding:14px 24px 12px;border:0;background:none;color:#584127!important;text-decoration:none!important;text-align:center}
.avServerPanels .avServerPanel::before{content:'';position:absolute;inset:0;z-index:-2;background:url('/design-assets/server-cloud-left-figma.png') right center/auto 100% no-repeat;pointer-events:none}
.avServerPanels .avServerPanel--main::before{background-image:url('/design-assets/server-cloud-right-figma.png');background-position:left center}
.avServerPanels .avServerPanel-watermark{position:absolute;z-index:-1;width:180px;height:180px;object-fit:contain;opacity:.15;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none;margin:0}
.avServerPanels .avServerPanel:focus-visible{outline:2px solid #d49850;outline-offset:3px}
.avServerPanels .avServerPanel-title{display:flex;align-items:center;justify-content:center;gap:4px;margin:0;color:#584127;font-size:28px;line-height:34px;letter-spacing:-.84px;white-space:nowrap}
.avServerPanels .avServerPanel-title>img{display:block;flex:none;width:24px;height:24px;object-fit:contain;margin:0}
.avServerPanels .avServerPanel-title>strong{font-size:inherit;font-weight:590;font-variation-settings:'wght' 590,'wdth' 100}
.avServerPanels .avServerPanel-title>em{margin-left:2px;font-family:AvServerVersion,var(--font-system,system-ui);font-size:18px;line-height:26px;font-weight:700;font-style:italic;font-variation-settings:'wght' 700,'YAXS' 430;letter-spacing:-1px;color:#daa024}
.avServerPanels .avServerPanel-clockLabel{display:block;margin:2px 0 12px;color:#97836c;font-size:14px;font-weight:510;font-variation-settings:'wght' 510,'wdth' 100;line-height:18.2px;letter-spacing:0}
.avServerPanels .avServerPanel-clock{display:flex;flex-direction:column;align-items:center;width:100%;min-width:0;text-align:center}
.avServerPanels .avServerPanel-clockValue{display:flex;align-items:center;justify-content:center;gap:8px;width:280px;max-width:100%;height:56px;flex:none;margin:0 auto 10px;padding:0 8px;border-radius:12px;background:url('/design-assets/server-button-figma.png') center/100% 100% no-repeat;box-shadow:inset 0 2px 6px #ffe2bccc;color:#fff!important;font-size:24px;line-height:31.2px;letter-spacing:-.48px;font-variant-numeric:tabular-nums;font-weight:700;text-shadow:0 0 6px #0000004d;white-space:nowrap}
.avServerPanels .avServerPanel-clockValue>b{font-size:inherit;font-weight:700;font-variation-settings:'wght' 700,'wdth' 100}
.avServerPanels .avServerPanel-clockValue>small{font-size:14px;font-weight:510;letter-spacing:inherit;color:inherit}
.avServerPanels .avServerPanel-date{display:block;margin:0;color:#9d856a;font-size:12px;font-weight:400;line-height:15.6px;letter-spacing:0}
@container av-server-panels (max-width:700px){.avServerPanels .avServerPanels-grid{grid-template-columns:minmax(0,458px);justify-content:center;gap:18px}}
@container av-server-panels (max-width:350px){.avServerPanels .avServerPanel{padding-left:12px;padding-right:12px}.avServerPanels .avServerPanel-clockValue{font-size:22px;gap:6px}.avServerPanels .avServerPanel-date{max-width:100%;font-size:11px}}