:root{--bg-color: #0b0d17;--text-color: #e0e6ed;--accent-color: #00d4ff;--secondary-color: #7d8597;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--font-main: "Inter", system-ui, sans-serif}body{margin:0;padding:0;background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-main);background-image:radial-gradient(1px 1px at 20px 30px,#fff,#0000),radial-gradient(1px 1px at 40px 70px,#fff,#0000),radial-gradient(1px 1px at 50px 160px,#fff,#0000),radial-gradient(1.5px 1.5px at 90px 40px,#fff,#0000),radial-gradient(2px 2px at 130px 80px,#fff,#0000);background-size:200px 200px;min-height:100vh}#root{max-width:1200px;margin:0 auto;padding:2rem;text-align:center}h1,h2,h3{font-weight:700;letter-spacing:-.02em}h1{font-size:2.5rem;background:linear-gradient(to right,#00d4ff,#8a2be2);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:2rem}button{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-color);padding:.8em 1.2em;font-size:1rem;border-radius:8px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}button:hover{background:#ffffff26;transform:translateY(-2px);border-color:var(--accent-color)}button.active{background:var(--accent-color);color:#000;border-color:var(--accent-color);font-weight:600}.card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;padding:2rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 32px #0000004d;margin-top:2rem}.flex-center{display:flex;justify-content:center;align-items:center;gap:1rem}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:2rem}.gallery-item{position:relative;aspect-ratio:1;overflow:hidden;border-radius:12px;border:1px solid var(--glass-border);transition:transform .3s ease}.gallery-item:hover{transform:scale(1.05);border-color:var(--accent-color);z-index:10}.gallery-item img{width:100%;height:100%;object-fit:cover}.video-container{width:100%;max-width:800px;margin:0 auto;border-radius:16px;overflow:hidden;box-shadow:0 0 50px #00d4ff33}video{width:100%;display:block}