* { margin:0; padding:0; box-sizing:border-box; }
body {
    font-family: 'Open Sans', sans-serif;
    background: #0a0a12;
    color: #c8c8d4;
    line-height: 1.6;
    min-height: 100vh;
    overflow-x: hidden;
}
.bg-particles {
    position: fixed; top:0; left:0; width:100%; height:100%;
    background: radial-gradient(ellipse at 20% 50%, #0d1b2a 0%, #0a0a12 70%);
    z-index: -1;
}
.container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
header {
    background: linear-gradient(180deg, rgba(16,24,48,.95), rgba(10,10,18,.9));
    border-bottom: 1px solid #1a2a4a;
    padding: 15px 0;
    position: sticky; top:0; z-index:100;
}
header .container { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:15px; }
.logo h1 { font-family: 'MedievalSharp', cursive; font-size: 1.8em; }
.logo h1 a { color: #d4a843; text-decoration:none; text-shadow: 0 0 20px rgba(212,168,67,.3); }
.slogan { font-size: .85em; color: #6a7a9a; font-style:italic; }
nav { display:flex; gap:5px; flex-wrap:wrap; }
nav a {
    padding: 8px 18px; text-decoration:none; color: #8899bb; font-size:.9em; font-weight:600;
    border-radius: 6px; transition: all .3s;
}
nav a:hover, nav a.active { background: rgba(212,168,67,.15); color: #d4a843; }
/* Hero */
.hero {
    text-align:center; padding: 80px 20px 60px;
    background: radial-gradient(ellipse at center, rgba(212,168,67,.05) 0%, transparent 70%);
}
.hero h2 { font-family: 'MedievalSharp', cursive; font-size: 2.8em; color: #d4a843; margin-bottom: 20px; }
.hero p { font-size: 1.15em; color: #8899bb; max-width: 700px; margin: 0 auto 35px; }
.hero-buttons { display:flex; gap:15px; justify-content:center; flex-wrap:wrap; }
.btn {
    display:inline-block; padding: 14px 35px; border-radius: 8px;
    text-decoration:none; font-weight:700; font-size:1em; transition: all .3s; cursor:pointer;
}
.btn-primary { background: linear-gradient(135deg, #d4a843, #b8922a); color: #0a0a12; }
.btn-primary:hover { transform:translateY(-2px); box-shadow:0 8px 25px rgba(212,168,67,.3); }
.btn-secondary { background: transparent; border:2px solid #d4a843; color: #d4a843; }
.btn-secondary:hover { background: rgba(212,168,67,.1); transform:translateY(-2px); }
/* Stats */
.stats { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:20px; margin: 40px 0; }
.stat-card {
    text-align:center; padding:30px 20px;
    background: rgba(26,42,74,.3); border:1px solid #1a2a4a; border-radius:12px;
    backdrop-filter:blur(10px);
}
.stat-number { font-family:'MedievalSharp',cursive; font-size:2.5em; color:#d4a843; }
.stat-label { color:#6a7a9a; font-size:.9em; margin-top:5px; text-transform:uppercase; letter-spacing:1px; }
/* Sections */
section { margin: 50px 0; }
section h2 { font-family:'MedievalSharp',cursive; font-size:2em; color:#d4a843; text-align:center; margin-bottom:30px; }
.feature-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:25px; }
.feature-item {
    text-align:center; padding:35px 20px;
    background: rgba(26,42,74,.2); border:1px solid #1a2a4a; border-radius:12px;
    transition: all .3s;
}
.feature-item:hover { border-color:#d4a843; transform:translateY(-3px); }
.feature-icon { font-size:2.5em; margin-bottom:15px; }
.feature-item h3 { color:#d4a843; margin-bottom:10px; }
/* News */
.news-item {
    padding:20px; margin-bottom:15px;
    background: rgba(26,42,74,.2); border:1px solid #1a2a4a; border-radius:10px;
}
.news-date { color:#6a7a9a; font-size:.85em; margin-bottom:5px; }
.news-item h3 { color:#d4a843; margin-bottom:8px; }
/* Features detailed */
.features-detailed { display:grid; grid-template-columns:repeat(auto-fit,minmax(350px,1fr)); gap:20px; }
.feature-block {
    padding:25px; background: rgba(26,42,74,.2); border:1px solid #1a2a4a; border-radius:10px;
}
.feature-block h3 { color:#d4a843; margin-bottom:10px; font-size:1.2em; }
/* Connect */
.connect-info { display:grid; grid-template-columns:repeat(auto-fit,minmax(350px,1fr)); gap:30px; }
.connect-card {
    padding:30px; background: rgba(26,42,74,.2); border:1px solid #1a2a4a; border-radius:12px;
}
.connect-card h3 { color:#d4a843; margin-bottom:20px; }
.info-table { width:100%; border-collapse:collapse; }
.info-table td { padding:12px 10px; border-bottom:1px solid #1a2a4a; }
.info-table td:first-child { color:#6a7a9a; font-weight:600; }
.highlight { color:#d4a843; font-family:monospace; font-size:1.1em; }
.steps li { padding:8px 0; color:#c8c8d4; }
.steps li::marker { color:#d4a843; font-weight:700; }
/* Downloads */
.downloads { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:25px; }
.download-card {
    text-align:center; padding:35px 20px;
    background: rgba(26,42,74,.2); border:1px solid #1a2a4a; border-radius:12px;
}
.download-card h3 { color:#d4a843; margin:15px 0 10px; }
.dl-icon { font-size:3em; }
.download-card .btn { margin-top:15px; }
/* Community */
.community-links { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:25px; }
.community-card {
    text-align:center; padding:35px 20px;
    background: rgba(26,42,74,.2); border:1px solid #1a2a4a; border-radius:12px;
}
.community-card h3 { color:#d4a843; margin:15px 0 10px; }
.comm-icon { font-size:3em; }
.community-card .btn { margin-top:15px; }
/* Page header */
.page-header { text-align:center; padding:40px 0; }
.page-header p { color:#6a7a9a; font-size:1.1em; }
/* Footer */
footer {
    text-align:center; padding:30px 0; margin-top:60px;
    border-top:1px solid #1a2a4a; color:#4a5a7a; font-size:.85em;
}
/* Responsive */
@media(max-width:768px) {
    header .container { flex-direction:column; text-align:center; }
    .hero h2 { font-size:2em; }
    .hero p { font-size:1em; }
}