@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&family=Inter:wght@400;600&display=swap";:root{--color-primary: #aa0000;--color-primary-dark: #500000;--color-bg: #000000;--color-text: #e0e0e0;--color-text-muted: #888888;--glass-bg: rgba(5, 5, 5, .85);--glass-border: 1px solid rgba(138, 0, 0, .15)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background-color:var(--color-bg);color:var(--color-text);line-height:1.6;overflow-x:hidden}.bg-fixed{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-2;background:url(/bg.png) no-repeat center center/cover}.bg-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:radial-gradient(circle at center,#0006,#000000f2)}#particles-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}h1,h2,h3,h4{font-family:Cinzel,serif;text-transform:uppercase;color:var(--color-text)}h1{font-size:5rem;letter-spacing:5px;text-shadow:0 0 20px var(--color-primary-dark);position:relative}.glitch{position:relative;color:#fff}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch:before{left:2px;text-shadow:-1px 0 red;clip:rect(44px,450px,56px,0);animation:glitch-anim-1 5s infinite linear alternate-reverse}.glitch:after{left:-2px;text-shadow:-1px 0 blue;clip:rect(44px,450px,56px,0);animation:glitch-anim-2 5s infinite linear alternate-reverse}@keyframes glitch-anim-1{0%{clip:rect(30px,9999px,10px,0)}20%{clip:rect(80px,9999px,90px,0)}40%{clip:rect(10px,9999px,50px,0)}60%{clip:rect(60px,9999px,20px,0)}80%{clip:rect(120px,9999px,10px,0)}to{clip:rect(40px,9999px,70px,0)}}@keyframes glitch-anim-2{0%{clip:rect(80px,9999px,10px,0)}20%{clip:rect(30px,9999px,90px,0)}40%{clip:rect(50px,9999px,10px,0)}60%{clip:rect(10px,9999px,80px,0)}80%{clip:rect(90px,9999px,20px,0)}to{clip:rect(20px,9999px,60px,0)}}h2{font-size:2.5rem;margin-bottom:2rem;border-bottom:2px solid var(--color-primary);display:inline-block;padding-bottom:.5rem;position:relative}h2:after{content:"";position:absolute;bottom:-2px;left:0;width:50%;height:2px;background:#fff;box-shadow:0 0 10px #fff}header{position:fixed;top:0;width:100%;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;z-index:100;background:linear-gradient(to bottom,rgba(0,0,0,.8),transparent);transition:background .3s,padding .3s}header.scrolled{background:#000000f2;border-bottom:1px solid var(--color-primary-dark);padding:1rem 2rem}.logo img{height:60px;filter:drop-shadow(0 0 5px rgba(255,0,0,.5));transition:transform .3s}.logo img:hover{transform:scale(1.1) rotate(2deg)}.nav-links{list-style:none;display:flex;gap:2rem}.nav-links a{text-decoration:none;color:var(--color-text);font-family:Cinzel,serif;font-size:1.1rem;font-weight:600;position:relative;transition:color .3s}.nav-links a:after{content:"";position:absolute;width:0;height:2px;bottom:-5px;left:0;background-color:var(--color-primary);transition:width .3s;box-shadow:0 0 8px var(--color-primary)}.nav-links a:hover:after{width:100%}.nav-links a:hover{color:var(--color-primary);text-shadow:0 0 10px var(--color-primary)}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem;position:relative;z-index:10}.hero p{font-size:1.5rem;color:var(--color-text-muted);margin-bottom:3rem;max-width:700px;text-shadow:0 2px 4px rgba(0,0,0,.8)}.btn-primary{padding:1rem 3rem;font-size:1.2rem;font-family:Cinzel,serif;font-weight:700;color:var(--color-text);background:transparent;border:1px solid var(--color-primary);position:relative;overflow:hidden;text-decoration:none;text-transform:uppercase;letter-spacing:2px;transition:all .3s;box-shadow:0 0 15px #f003;z-index:1}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,0,0,.4),transparent);transition:left .5s;z-index:-1}.btn-primary:hover:before{left:100%}.btn-primary:hover{transform:scale(1.05);box-shadow:0 0 30px #f009;border-color:#f33;color:#fff;background:#8a000066}section{padding:8rem 2rem;max-width:1200px;margin:0 auto;position:relative;z-index:10}.about-us{background:var(--glass-bg);border:var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:4rem;border-radius:8px;box-shadow:0 0 50px #00000080;position:relative;overflow:hidden}.about-us:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(to bottom,var(--color-primary),transparent)}.content{font-size:1.2rem;margin-bottom:3rem;line-height:1.8}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.card{background:linear-gradient(135deg,#141414e6,#0a0a0af2);padding:2.5rem;border:1px solid #333;transition:.4s cubic-bezier(.175,.885,.32,1.275);border-radius:4px;position:relative}.card:hover{border-color:var(--color-primary);box-shadow:0 10px 30px #ff000026;transform:translateY(-10px)}.card h3{margin-bottom:1rem;color:var(--color-primary);font-size:1.4rem}.card p{color:#aaa;font-size:1rem}footer{text-align:center;padding:2rem;background:#000;color:#666;border-top:1px solid #222;margin-top:4rem;position:relative;z-index:10;font-family:Cinzel,serif;letter-spacing:1px}footer p{transition:color .3s}footer:hover p{color:var(--color-primary);text-shadow:0 0 10px rgba(255,0,0,.3)}@media(max-width:768px){h1{font-size:2.5rem;letter-spacing:2px}.hero p{font-size:1.1rem}header{flex-direction:column;gap:1rem;padding:1rem}.logo img{height:50px}.bg-fixed{background-attachment:scroll}}
