@import"https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700;900&family=Cinzel:wght@400;600;700&family=Lora:ital,wght@0,400;0,600;1,400&display=swap";html{scroll-behavior:smooth}body{margin:0;font-family:Lora,serif;background-color:#0d0920;color:#f0f0f0;line-height:1.8;overflow-x:hidden;font-size:1.05em;letter-spacing:.01em}.container{max-width:1100px;margin:0 auto;padding:0 20px}a{color:#f5c518;text-decoration:none;transition:color .3s ease}a:hover{color:gold;text-decoration:none}h1,h2,h3{font-family:Cinzel,serif;color:#fff;letter-spacing:.05em}h2{text-align:center;margin-bottom:50px;margin-top:50px;font-size:2.4em;color:gold;font-family:Cinzel Decorative,serif;letter-spacing:.08em;text-transform:uppercase}.navbar{background-color:#0d0920a6;padding:.75rem 0;position:sticky;top:0;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.1)}.navbar .container{display:flex;justify-content:space-between;align-items:center}.navbar .logo{font-size:1.8em;font-weight:700;color:#fff;line-height:1}.navbar .logo:hover{text-decoration:none;color:#f5c518}.navbar .logo:hover .logo-image{filter:drop-shadow(0 0 .02em #ffd700) drop-shadow(0 0 .03em #ffd700) drop-shadow(0 0 .04em #f5c518) drop-shadow(0 0 .05em #f5c518);animation:.5s infinite ease-in-out}.navbar .logo .logo-image{height:55px;width:auto;vertical-align:middle;display:inline-block;transition:filter .25s ease}.navbar nav ul{list-style:none;padding:0;margin:0;display:flex;align-items:center}.navbar nav ul li{margin-left:25px;margin-top:0}.navbar nav ul li a{font-family:Cinzel,serif;font-size:.95em;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding-bottom:5px;position:relative}.navbar nav ul li a:after{content:"";position:absolute;width:0;height:2px;bottom:0;left:0;background-color:gold;transition:width .3s ease}.navbar nav ul li a:hover:after,.navbar nav ul li a.active:after{width:100%}.cta-button-primary,.cta-button-secondary{display:inline-block;padding:5px 25px;font-family:Cinzel,serif;font-weight:600;letter-spacing:.1em;text-transform:uppercase;text-align:center;transition:background-color .3s ease,transform .2s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease;border:2px solid transparent;border-radius:3px}.cta-button-primary{background-color:#f5c518;color:#0d0920;border-color:#f5c518;padding:12px 32px}.cta-button-primary:hover{background-color:transparent;color:#f5c518;border-color:#f5c518;box-shadow:0 0 18px #f5c51866;text-decoration:none}.cta-button-secondary{background-color:transparent;color:gold;border-color:gold}.cta-button-secondary:hover{background-color:gold;color:#0d0920;text-decoration:none}.hero{background:linear-gradient(160deg,#09061a99,#0d0920fa);background-size:cover;background-position:center;text-align:center;padding:140px 0;min-height:65vh;display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(245,197,24,.2);position:relative}.hero .container{position:relative;z-index:1}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,rgba(168,85,247,.06) 0%,transparent 70%);pointer-events:none}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(/assets/banner.png) no-repeat center center;background-size:contain;opacity:.06;pointer-events:none;z-index:0}.hero h1{font-family:Cinzel Decorative,serif;font-size:3.6em;margin-bottom:25px;margin-top:25px;color:gold;text-shadow:0 0 30px rgba(245,197,24,.4),0 2px 10px rgba(0,0,0,.8);letter-spacing:.1em}.hero p{font-size:1.25em;font-style:italic;margin-bottom:50px;color:#ccc;max-width:650px;margin-left:auto;margin-right:auto;line-height:1.9}.features{padding:100px 0;background-color:#130d28}.features .feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px}.features .feature-item{background-color:#0d0920;padding:35px;border-radius:2px;text-align:center;border:1px solid rgba(245,197,24,.25);position:relative;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.features .feature-item:before,.features .feature-item:after{content:"";position:absolute;width:12px;height:12px;border-color:#f5c518;border-style:solid;opacity:.6;transition:opacity .3s ease,width .3s ease,height .3s ease}.features .feature-item:before{top:-1px;left:-1px;border-width:2px 0 0 2px}.features .feature-item:after{bottom:-1px;right:-1px;border-width:0 2px 2px 0}.features .feature-item:hover{transform:translateY(-6px);box-shadow:0 12px 35px #f5c51826;border-color:#f5c51880}.features .feature-item:hover:before,.features .feature-item:hover:after{opacity:1;width:20px;height:20px}.features .feature-item .icon{font-size:2.8em;margin-bottom:20px;color:#f5c518}.features .feature-item h3{font-family:Cinzel,serif;font-size:1.2em;margin-bottom:15px;margin-top:15px;color:gold;letter-spacing:.06em;text-transform:uppercase}.features .feature-item p{font-size:.95em;color:#bbb;font-style:italic;line-height:1.8}.ranks,.support{padding:80px 0;text-align:center}.ranks p,.support p{font-size:1.2em;color:#ccc;max-width:600px;margin:0 auto 30px}.ranks{background-color:#0d0920}.ranks .rank-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:30px;margin-top:40px;text-align:left}.ranks .rank-grid .rank-item{grid-column:span 2}.ranks .rank-grid .rank-item:nth-child(4){grid-column:2/span 2}.ranks .rank-grid .rank-item:nth-child(5){grid-column:4/span 2}.ranks .rank-item{background-color:#130d28;padding:25px 30px;border-radius:2px;border:1px solid rgba(245,197,24,.2);position:relative;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;display:flex;flex-direction:column}.ranks .rank-item code{margin-top:auto}.ranks .rank-item:before{content:"";position:absolute;top:0;left:0;width:3px;height:0;background:#f5c518;transition:height .3s ease}.ranks .rank-item:hover{transform:translateY(-5px);border-color:#f5c51880;box-shadow:0 8px 25px #f5c5181a}.ranks .rank-item:hover:before{height:100%}.ranks .rank-item h3{font-family:Cinzel,serif;font-size:1.2em;color:gold;margin-bottom:10px;margin-top:10px;letter-spacing:.06em;text-transform:uppercase;text-align:center}.ranks .rank-item p{font-size:.95em;font-style:italic;color:#bbb;margin-bottom:15px;max-width:none;margin-left:0;margin-right:0;text-align:center}.ranks .rank-item code{background-color:#f5c51814;padding:5px 10px;border-radius:2px;border:1px solid rgba(245,197,24,.4);font-family:Cinzel,serif;font-size:.8em;letter-spacing:.05em;color:#f5c518;display:block;white-space:pre-wrap;text-align:center}.support{background-color:#130d28}.footer{background-color:#09061a;color:#ccc;padding:40px 0;text-align:center;margin-top:80px;border-top:1px solid rgba(255,255,255,.1)}.footer p{margin:5px 0;color:#aaa}.footer ul{list-style:none;padding:0;margin:15px 0 0;display:flex;justify-content:center;flex-wrap:wrap}.footer ul li{margin:5px 10px}.footer ul li a{color:#a855f7}.footer ul li a:hover{color:gold}@media (max-width: 768px){.navbar nav ul{flex-wrap:wrap;justify-content:center;margin-top:10px}.navbar nav ul li{margin:5px 10px}.hero h1{font-size:2.8em}.hero p{font-size:1.2em}h2{font-size:2.2em}.features .feature-grid,.ranks .rank-grid{grid-template-columns:1fr}.footer .container{flex-direction:column}}.content-section{min-height:60vh}.content-section .container h1,.content-section .container h2{text-align:center;margin-bottom:40px;color:gold}.content-section .container p,.content-section .container ul{max-width:800px;margin:20px auto;color:#ccc}.content-section .container ul{list-style:disc;padding-left:40px}.content-section .container ul ul{margin-top:10px;margin-bottom:10px}.content-section .container a{color:#f5c518}.content-section .container a:hover{color:gold}.simple-footer{background-color:#09061a;color:#aaa;padding:20px 0;text-align:center;margin-top:40px;border-top:1px solid rgba(255,255,255,.1)}.simple-footer p{margin:0}.simple-footer a{color:#f5c518}.simple-footer a:hover{color:gold}
