.gl-hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:8rem 1.5rem 4rem;position:relative;z-index:1;} .gl-hero-inner{max-width:800px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1.5rem;} .gl-globe-ring{width:120px;height:120px;border-radius:50%;border:3px solid rgba(124,58,237,0.5);display:flex;align-items:center;justify-content:center;position:relative;animation:spinRing 8s linear infinite;box-shadow:0 0 40px rgba(124,58,237,0.3),0 0 80px rgba(6,182,212,0.15);} .gl-globe-ring::before{content:'';position:absolute;inset:8px;border-radius:50%;border:1px solid rgba(6,182,212,0.4);animation:spinRing 5s linear infinite reverse;} .gl-globe-ring::after{content:'';position:absolute;inset:18px;border-radius:50%;border:1px dashed rgba(236,72,153,0.3);animation:spinRing 12s linear infinite;} @keyframes spinRing{from{transform:rotateY(0deg) rotateZ(0deg);} to{transform:rotateY(360deg) rotateZ(15deg);} } .gl-globe{font-size:3rem;animation:floatGlobe 3s ease-in-out infinite;filter:drop-shadow(0 0 15px rgba(6,182,212,0.5));} @keyframes floatGlobe{0%,100%{transform:translateY(0px) scale(1);} 50%{transform:translateY(-8px) scale(1.05);} } .gl-hero h1{font-size:clamp(2.5rem,6vw,5rem);font-weight:900;line-height:1.1;letter-spacing:-1px;} .gl-hero-sub{font-size:1.1rem;color:var(--text-muted);max-width:620px;line-height:1.7;} .gl-flags{font-size:1.6rem;letter-spacing:4px;opacity:0.7;animation:scrollFlags 20s linear infinite;white-space:nowrap;} @keyframes scrollFlags{0%,100%{opacity:0.5;transform:scale(0.97);} 50%{opacity:0.85;transform:scale(1);} } .rules-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem;max-width:1100px;margin:0 auto;} .rule-card{background:var(--glass);border:1px solid var(--glass-border);border-radius:16px;padding:1.8rem 1.5rem;backdrop-filter:blur(10px);transition:transform 0.3s,border-color 0.3s,box-shadow 0.3s;position:relative;overflow:hidden;} .rule-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--purple),var(--cyan));opacity:0;transition:opacity 0.3s;} .rule-card:hover{transform:translateY(-5px);border-color:rgba(124,58,237,0.4);box-shadow:0 15px 40px rgba(124,58,237,0.15);} .rule-card:hover::before{opacity:1;} .rule-num{font-family:'Space Mono',monospace;font-size:2.2rem;font-weight:700;background:linear-gradient(135deg,var(--purple-light),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1;margin-bottom:0.8rem;} .rule-card h3{font-size:1rem;font-weight:700;color:#fff;margin-bottom:0.5rem;} .rule-card p{font-size:0.88rem;color:var(--text-muted);line-height:1.6;} @media (max-width:600px){.gl-globe-ring{width:90px;height:90px;} .gl-globe{font-size:2.2rem;} .gl-flags{font-size:1.2rem;letter-spacing:2px;} .rules-grid{grid-template-columns:1fr;} }