* { margin: 0; padding: 0; box-sizing: border-box; }
:root { --primary-dark:#0a0a0a; --primary-light:#fff; --accent-orange:#ff6b35; --accent-purple:#7209b7; --text-gray:#666; --bg-light:#f8f8f8; --border-light:#e0e0e0; }
html { scroll-behavior: smooth; }
body { background:#fff; color:var(--primary-dark); line-height:1.9; }
.guidelines-page nav { position: fixed; top: 0; width: 100%; background: rgba(10,10,10,.95); backdrop-filter: blur(10px); z-index: 1000; padding: 15px 30px; }
.guidelines-page nav .logo, .guidelines-page nav .nav-links a { color:#fff; }
.hero { margin-top: 60px; min-height: 320px; background: linear-gradient(135deg, var(--accent-purple), var(--accent-orange)); display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; }
.hero::before { content:""; position:absolute; width:200%; height:200%; background: radial-gradient(circle, rgba(255,255,255,.1) 1px, transparent 1px); background-size: 50px 50px; animation: move 20s linear infinite; }
@keyframes move { 0%{ transform: translate(0,0);} 100%{ transform: translate(50px,50px);} }
.hero-content { text-align:center; color:#fff; position:relative; z-index:1; padding: 32px 20px; }
.main-title { font-size: 2.6rem; font-weight: 300; letter-spacing: .18em; margin-bottom: 10px; }
.hero-subtitle { font-size: 1.1rem; opacity: .95; letter-spacing: .12em; }
.container { max-width: 980px; margin: 0 auto; padding: 50px 24px; }
.content h1 { font-size: 1.8rem; font-weight: 600; margin: 24px 0 14px; }
.content h2 { font-size: 1.3rem; font-weight: 700; margin: 26px 0 10px; color: var(--accent-orange); }
.content h3 { font-size: 1.05rem; font-weight: 700; margin: 18px 0 8px; color: var(--primary-dark); }
.content p { margin-bottom: 12px; color: #222; }
.content ul { margin: 10px 0 16px 22px; }
.content li { margin-bottom: 8px; }
.motto { background: var(--bg-light); border: 1px solid var(--border-light); border-radius: 8px; padding: 12px 14px; margin: 12px 0; color:#333; }
@media (max-width:768px){ .hero { min-height:260px;} .main-title{ font-size:1.9rem;} .container{ padding:32px 16px;} }