:root {
--blue:#0b0f26;
--blue2:#1a2238;
--silver:#c0c0c0;
--text:#e9eef7;
--muted:#AAB3C5;
--btn:#1c2b5a;
--btn2:#2f4b8a;
}
* {
box-sizing: border-box;
}
html, body {
margin:0;
padding:0;
background:var(--blue);
color:var(--text);
font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
}
a {
color:#cfe8ff;
text-decoration:none;
}
a:hover {
text-decoration:underline;
} .site-wrap {
padding-top:230px; } .header {
position:fixed;
top:0;
left:0;
right:0;
z-index:999;
background:linear-gradient(180deg,var(--blue),var(--blue2));
box-shadow:0 6px 18px rgba(0,0,0,.25);
}
.header-inner {
max-width:1120px;
margin:0 auto;
padding:12px 16px 14px;
text-align:center;
} .header .logo img {
height:170px; width:auto;
filter:
drop-shadow(0 0 6px rgba(192,192,192,.45)) drop-shadow(0 2px 2px rgba(0,0,0,.6)); } .menu-primary-menu-container ul {
list-style:none;
padding:0;
margin:10px 0 0;
display:flex;
flex-wrap:wrap;
gap:10px;
justify-content:center;
}
.menu-primary-menu-container a {
display:inline-flex;
align-items:center;
gap:8px;
padding:8px 12px;
border-radius:999px;
background:rgba(255,255,255,.06);
border:1px solid rgba(255,255,255,.12);
font-size:14px;
line-height:1.2;
white-space:nowrap;
}
.menu-primary-menu-container a:hover {
background:rgba(255,255,255,.12);
} .container {
max-width:1120px;
margin:22px auto;
padding:0 16px;
}
.content {
background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));
border:1px solid rgba(255,255,255,.1);
border-radius:14px;
padding:18px;
} .grid {
display:grid;
grid-template-columns: repeat(auto-fit,minmax(260px,1fr));
gap:18px;
}
.card {
background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));
border:1px solid rgba(255,255,255,.12);
border-radius:14px;
padding:18px;
backdrop-filter: blur(6px);
}
.card h3 {
margin:0 0 8px;
color:#fff;
}
.card p {
margin:0 0 12px;
color:var(--muted);
}
.btn {
display:inline-block;
padding:10px 14px;
border-radius:10px;
background:linear-gradient(180deg,var(--btn),var(--btn2));
color:#fff;
font-weight:600;
}
.btn:hover {
filter:brightness(1.1);
} .banner {
text-align:center;
padding:16px;
border:1px dashed rgba(255,255,255,.2);
border-radius:10px;
margin:22px 0;
} footer {
margin-top:40px;
background:var(--blue);
color:#a7afc6;
font-size:14px;
}
.footer-inner {
max-width:1120px;
margin:0 auto;
padding:18px 16px;
text-align:center;
} @media (max-width: 640px) {
.header .logo img {
height:130px; width:auto;
filter:
drop-shadow(0 0 6px rgba(192,192,192,.45))
drop-shadow(0 2px 2px rgba(0,0,0,.6));
}
.site-wrap {
padding-top:260px; }
.menu-primary-menu-container a {
font-size:13px;
padding:8px 10px;
}
}