/* System Page Apple Style Extensions */
.system-hero {
  padding:100px 0 80px; text-align:center;
  background:linear-gradient(180deg,#ffffff 0%,var(--apple-bg) 100%);
}
.system-hero h1 { font-size:48px; font-weight:700; color:var(--apple-text); margin-bottom:16px; letter-spacing:-0.5px; }
.system-hero p { font-size:17px; color:var(--apple-text-secondary); max-width:600px; margin:0 auto 32px; line-height:1.6; }

.module-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.module-card {
  background:var(--apple-white); border-radius:var(--apple-radius-lg); padding:36px;
  box-shadow:var(--apple-shadow); border:1px solid rgba(0,0,0,0.04); transition:all .3s;
}
.module-card:hover { box-shadow:var(--apple-shadow-hover); transform:translateY(-3px); }
.module-icon { width:56px; height:56px; border-radius:14px; display:flex; align-items:center; justify-content:center; font-size:28px; margin-bottom:16px; }
.module-icon.virtual { background:linear-gradient(135deg,#F59E0B,#E36D41); }
.module-icon.signal { background:linear-gradient(135deg,#8B5CF6,#3B82F6); }
.module-icon.sim { background:linear-gradient(135deg,#15C4AA,#058B78); }
.module-card h3 { font-size:18px; font-weight:600; color:var(--apple-text); margin-bottom:8px; }
.module-card .url { display:inline-block; font-size:12px; color:var(--apple-blue); background:rgba(0,113,227,0.08); padding:4px 10px; border-radius:6px; margin-bottom:14px; font-weight:500; }
.module-card ul { list-style:none; padding:0; }
.module-card li { font-size:13px; color:var(--apple-text-secondary); padding:6px 0; padding-left:16px; position:relative; line-height:1.5; }
.module-card li::before { content:"✓"; position:absolute; left:0; color:var(--apple-blue); font-weight:600; font-size:12px; }
.system-footer-note { background:var(--apple-bg); padding:32px 0; border-top:1px solid var(--apple-gray-light); text-align:center; }
.system-footer-note p { font-size:13px; color:var(--apple-text-secondary); margin-bottom:4px; }
.system-footer-note a { color:var(--apple-blue); text-decoration:none; }
.system-footer-note a:hover { text-decoration:underline; }

@media(max-width:900px){ .module-grid{grid-template-columns:1fr} }