grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 25px; margin: 50px 0; } .feature-card { background: linear-gradient(145deg, #1a0a0a, #0d0505); border: 2px solid #CD7F32; border-radius: 0; padding: 30px; text-align: center; transition: all 0.4s ease; position: relative; overflow: hidden; box-shadow: 0 0 20px rgba(255, 69, 0, 0.15), inset 0 0 15px rgba(0, 0, 0, 0.5); } .feature-card::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 107, 53, 0.2), transparent); transition: left 0.5s ease; } .feature-card:hover::before { left: 100%; } .feature-card:hover { border-color: #FF6B35; box-shadow: 0 0 30px rgba(255, 107, 53, 0.4), 0 0 60px rgba(255, 69, 0, 0.2), inset 0 0 20px rgba(255, 69, 0, 0.1); transform: translateY(-8px); } .feature-card i { font-size: 3em; background: linear-gradient(135deg, #FF8C00, #FF6B35, #FF4500); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 20px; filter: drop-shadow(0 0 10px rgba(255, 107, 53, 0.6)); animation: flameFlicker 3s ease-in-out infinite; } .feature-card h3 { font-family: 'Orbitron', sans-serif; background: linear-gradient(135deg, #FF8C00, #FF6B35); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; font-size: 1.3em; margin-bottom: 15px; text-transform: uppercase; letter-spacing: 2px; } .feature-card p { color: #c0c0c0; font-size: 1em; line-height: 1.7; } .cta-section { text-align: center; margin: 60px 0; padding: 50px 30px; background: linear-gradient(145deg, #1a0a0a, #0a0a0a), radial-gradient(ellipse at center, rgba(255, 69, 0, 0.2) 0%, transparent 70%); border: 3px solid #CD7F32; border-radius: 0; box-shadow: 0 0 40px rgba(255, 69, 0, 0.3), inset 0 0 30px rgba(0, 0, 0, 0.8); position: relative; } .cta-section::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, transparent, #FF6B35, #FF4500, #FF6B35, transparent); animation: flameFlicker 2s ease-in-out infinite; } .cta-section h2 { font-family: 'Orbitron', sans-serif; background: linear-gradient(135deg, #FF8C00, #FF6B35, #FF4500); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; font-size: 2.5em; margin-bottom: 25px; text-transform: uppercase; letter-spacing: 3px; text-shadow: 0 0 30px rgba(255, 107, 53, 0.6); } .cta-section p { font-size: 1.3em; color: #FFA500; margin-bottom: 40px; text-shadow: 0 0 15px rgba(255, 165, 0, 0.4); } .cta-buttons { display: flex; gap: 20px; justify-content: center; flex-wrap: wrap; } .cta-button { display: inline-block; padding: 18px 35px; background: linear-gradient(135deg, #FF6B35, #FF4500); color: #000000; text-decoration: none; border-radius: 0; font-weight: bold; font-size: 1.1em; transition: all 0.3s ease; text-transform: uppercase; letter-spacing: 2px; border: 2px solid #FF8C00; box-shadow: 0 0 20px rgba(255, 107, 53, 0.5), inset 0 0 10px rgba(255, 140, 0, 0.2); position: relative; overflow: hidden; } .cta-button::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent); transition: left 0.5s ease; } .cta-button:hover::before { left: 100%; } .cta-button:hover { background: linear-gradient(135deg, #FF8C00, #FF6B35); box-shadow: 0 0 30px rgba(255, 107, 53, 0.8), 0 0 60px rgba(255, 69, 0, 0.4), inset 0 0 15px rgba(255, 140, 0, 0.3); transform: translateY(-3px); } .cta-button.secondary { background: transparent; color: #FF8C00; border: 2px solid #FF6B35; box-shadow: 0 0 15px rgba(255, 107, 53, 0.3), inset 0 0 10px rgba(255, 69, 0, 0.1); } .cta-button.secondary:hover { background: rgba(255, 107, 53, 0.15); border-color: #FF8C00; box-shadow: 0 0 25px rgba(255, 140, 0, 0.5), inset 0 0 15px rgba(255, 69, 0, 0.2); color: #FFA500; } .team-members-section { margin: 60px 0; } .section-title { font-family: 'Orbitron', sans-serif; background: linear-gradient(135deg, #FF8C00, #FF6B35, #FF4500); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; font-size: 2.5em; text-align: center; margin-bottom: 30px; text-transform: uppercase; letter-spacing: 3px; text-shadow: 0 0 30px rgba(255, 107, 53, 0.6); } /* Mobile responsive styles */ @media (max-width: 768px) { .cyber-container { margin: 80px auto 20px auto; padding: 15px; } .hero-section { padding: 40px 20px; margin: 20px auto 30px auto; } .hero-logo { max-width: 250px; width: 250px; height: 250px; margin-bottom: 20px; border-width: 3px; } .hero-section h1 { font-size: 2.2em; letter-spacing: 2px; } .hero-section .subtitle { font-size: 1.1em; } .team-description { padding: 25px 20px; margin: 30px auto; } .team-description h2 { font-size: 1.4em; } .team-description p { font-size: 1em; } .features-grid { grid-template-columns: 1fr; gap: 20px; } .cta-section { padding: 40px 20px; } .cta-section h2 { font-size: 1.8em; } .cta-buttons { flex-direction: column; align-items: center; } .cta-button { width: 100%; max-width: 300px; } .section-title { font-size: 1.8em; } }

KlumaArmy

Your Streaming Family

A supportive crew of friends and community members from TehKluma's world. We stream, we grow, we lift each other up.

Applications Open! Head to the Kluma's Kred Discord and apply in #apply-to-ka. Simple app, real people, zero gatekeeping 😊

About KlumaArmy

KlumaArmy is more than just a Twitch stream team — it's a community built on friendship, support, and shared passion for streaming. This team is specifically for friends and community members of TehKluma who want to be part of something special.

We're a tight-knit group of streamers who support each other, share experiences, and grow together. Whether you're just starting out or have been streaming for years, KlumaArmy is a place where you can find your streaming family.

Our team values community, positivity, and mutual support. We believe in lifting each other up, celebrating wins together, and being there for one another through the ups and downs of content creation.

Community First

Built on genuine friendships and connections within TehKluma's community. You're never just a number here.

Supportive Environment

A positive space where streamers help each other grow, raid, collab, and celebrate every win — big or small.

Mutual Growth

Share knowledge, experiences, tips, and opportunities with fellow team members who actually care.

Quality Vibes

Dedicated, chill streamers creating great content while keeping things fun, inclusive, and drama-free.

Join the KlumaArmy Family

Ready to stream with people who actually have your back?

Join Discord & Apply View on Twitch Meet the Army

Meet the Army

A bunch of awesome, supportive streamers who are part of the KlumaArmy crew.

View Full Team on Twitch Browse Team Members