.bots-container{min-height:calc(100vh - 80px);position:relative;padding:20px;max-width:1400px;margin:0 auto;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start;gap:20px}.animated-background{position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1;background:linear-gradient(135deg,#0a0a0f,#1a1a2e 40%,#16213e);overflow:hidden}.bg-gradient-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.3;animation:float-orb 20s ease-in-out infinite}.orb-1{width:600px;height:600px;background:linear-gradient(135deg,#667eea,#764ba2);top:-200px;left:-200px;animation-delay:0s}.orb-2{width:500px;height:500px;background:linear-gradient(135deg,#f093fb,#f5576c);bottom:-150px;right:-150px;animation-delay:7s}.orb-3{width:400px;height:400px;background:linear-gradient(135deg,#4facfe,#00f2fe);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:14s}@keyframes float-orb{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.particles-container{position:absolute;inset:0;overflow:hidden}.floating-particle{position:absolute;width:3px;height:3px;background:linear-gradient(135deg,#00ff88,#00b8ff);border-radius:50%;opacity:.6;animation:float-up 15s linear infinite;box-shadow:0 0 6px rgba(0,255,136,.5)}@keyframes float-up{0%{transform:translateY(0) rotate(0deg);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translateY(-100vh) rotate(1turn);opacity:0}}.hero-section{display:flex;flex-direction:column;align-items:center;text-align:center}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:rgba(0,255,136,.1);border:1px solid rgba(0,255,136,.3);border-radius:50px;color:#00ff88;font-size:.8rem;margin-bottom:16px;animation:pulse-badge 2s infinite}@keyframes pulse-badge{0%,to{box-shadow:0 0 0 0 rgba(0,255,136,.4)}50%{box-shadow:0 0 0 10px rgba(0,255,136,0)}}.hero-title{margin-bottom:24px;line-height:1.1;display:block;text-align:center}.title-gradient{display:block;font-size:clamp(2rem,5vw,3.5rem);font-weight:900;background:linear-gradient(135deg,#00ff88,#00b8ff 50%,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase;letter-spacing:2px;margin-bottom:8px;animation:gradient-shift 3s ease infinite;text-align:center;white-space:nowrap}@keyframes gradient-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.title-highlight{display:block;font-size:clamp(1rem,2.5vw,1.4rem);font-weight:600;color:#a0a0c0;text-transform:uppercase;letter-spacing:3px;text-align:center;white-space:nowrap}.hero-description{font-size:1.05rem;color:#b0b0d0;max-width:720px;margin:16px auto 10px;line-height:1.7;text-align:center;padding:0 20px;font-weight:400;letter-spacing:.3px;position:relative;clear:both;white-space:normal;word-break:break-word}.hero-description p{margin:0;background:linear-gradient(135deg,#a0a0c0,#c0c0e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:.95}.bots-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:40px;max-width:1200px;margin-left:auto;margin-right:auto}.bot-card{position:relative;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:28px 24px;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;backdrop-filter:blur(10px);min-height:380px;display:flex;flex-direction:column}.bot-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#00ff88,#00b8ff,transparent);transform:translateX(-100%);transition:transform .6s ease}.bot-card:hover:before{transform:translateX(100%)}.bot-card.hovered{transform:translateY(-8px) scale(1.02);border-color:rgba(0,255,136,.3);background:rgba(255,255,255,.04);box-shadow:0 20px 40px rgba(0,0,0,.3),0 0 60px rgba(0,255,136,.1),inset 0 0 20px rgba(0,255,136,.05)}.bot-card.launching{animation:launch-pulse .3s ease}@keyframes launch-pulse{0%{transform:scale(1)}50%{transform:scale(.98)}to{transform:scale(1)}}.card-badge{position:absolute;top:16px;right:16px;display:flex;align-items:center;gap:4px;padding:4px 10px;background:linear-gradient(135deg,rgba(0,255,136,.2),rgba(0,184,255,.2));border:1px solid rgba(0,255,136,.3);border-radius:20px;font-size:.7rem;color:#00ff88;font-weight:600;text-transform:uppercase;letter-spacing:.5px;z-index:2}.card-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;opacity:0;transition:opacity .4s ease;pointer-events:none}.bot-card:hover .card-glow{opacity:.1}.gradient-learning{background:radial-gradient(circle,#667eea,transparent)}.gradient-sniper{background:radial-gradient(circle,#f093fb,transparent)}.gradient-ai{background:radial-gradient(circle,#4facfe,transparent)}.card-content{position:relative;z-index:1;display:flex;flex-direction:column;height:100%}.card-header,.icon-container{margin-bottom:16px}.icon-container{position:relative;width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:16px;color:white}.icon-container.gradient-learning{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 10px 30px rgba(102,126,234,.3)}.icon-container.gradient-sniper{background:linear-gradient(135deg,#f093fb,#f5576c);box-shadow:0 10px 30px rgba(240,147,251,.3)}.icon-container.gradient-ai{background:linear-gradient(135deg,#4facfe,#00f2fe);box-shadow:0 10px 30px rgba(79,172,254,.3)}.icon-pulse{position:absolute;inset:-10px;border-radius:20px;border:2px solid;opacity:.3;animation:pulse-ring 2s infinite}@keyframes pulse-ring{0%{transform:scale(.9);opacity:.3}50%{transform:scale(1.1);opacity:.1}to{transform:scale(.9);opacity:.3}}.bot-title{font-size:1.25rem;font-weight:700;color:#ffffff;margin-bottom:12px;line-height:1.3}.bot-description{color:#a0a0c0;line-height:1.5;margin-bottom:auto;padding-bottom:20px;font-size:.9rem}.launch-button{position:relative;width:100%;padding:12px 20px;border:none;border-radius:50px;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:1px;cursor:pointer;overflow:hidden;transition:all .3s ease;color:#000}.launch-button.gradient-learning{background:linear-gradient(135deg,#667eea,#764ba2)}.launch-button.gradient-sniper{background:linear-gradient(135deg,#f093fb,#f5576c)}.launch-button.gradient-ai{background:linear-gradient(135deg,#4facfe,#00f2fe)}.button-content{display:flex;align-items:center;justify-content:center;gap:8px;position:relative;z-index:1}.arrow-icon{transition:transform .3s ease}.launch-button:hover .arrow-icon{transform:translateX(4px)}.button-glow{position:absolute;inset:0;background:inherit;filter:blur(20px);opacity:0;transition:opacity .3s ease}.launch-button:hover .button-glow{opacity:.5}.launch-button:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,0,0,.3)}.card-shine{position:absolute;top:-100%;left:-100%;width:100%;height:100%;background:linear-gradient(135deg,transparent 40%,rgba(255,255,255,.1) 50%,transparent 60%);transform:rotate(45deg);transition:all .6s ease;pointer-events:none}.bot-card:hover .card-shine{top:100%;left:100%}@media (min-width:1400px){.bots-grid{grid-template-columns:repeat(3,380px);justify-content:center;gap:24px}.bot-card{min-height:400px}}@media (min-width:481px) and (max-width:1024px){.bots-container{padding:20px}.hero-section{margin-bottom:10px}.bots-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;max-width:700px;margin:0 auto}.bot-card{min-height:360px}.title-gradient{font-size:2.5rem}.title-highlight{font-size:1.2rem}}@media (min-width:1024px) and (max-width:1366px){.bots-grid{grid-template-columns:repeat(3,1fr);max-width:1100px;gap:20px}}@media (max-width:768px){.bots-container{padding:16px}.hero-section{margin-bottom:10px}.bots-grid{grid-template-columns:1fr;gap:16px;max-width:400px;margin-left:auto;margin-right:auto}.bot-card{padding:20px;min-height:auto}}@media (max-width:480px){.bots-container{min-height:calc(100vh - 60px);padding:12px}.hero-section{margin-bottom:10px;padding:0 10px}.hero-badge{padding:4px 10px;font-size:.7rem;margin-bottom:12px}.hero-title{flex-direction:column;gap:4px}.title-gradient{font-size:1.5rem;letter-spacing:.5px;margin-bottom:4px;line-height:1;white-space:normal}.title-highlight{font-size:.75rem;letter-spacing:2px;line-height:1.2;white-space:normal}.hero-description{font-size:.9rem;padding:0 20px;margin:16px auto 10px;line-height:1.5;text-align:center;width:100%;white-space:normal;word-wrap:break-word}.hero-description p{margin:0;background:linear-gradient(135deg,#a0a0c0,#c0c0e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:.95}.bots-grid{gap:12px;max-width:100%}.bot-card{padding:18px 16px;min-height:320px;border-radius:16px}.icon-container{width:56px;height:56px;margin-bottom:12px;border-radius:14px}.bot-title{font-size:1rem;margin-bottom:10px;line-height:1.2}.bot-description{font-size:.85rem;padding-bottom:16px;line-height:1.4}.launch-button{padding:10px 16px;font-size:.8rem;border-radius:40px}.button-content{gap:6px}.button-content svg{width:14px;height:14px}.card-badge{padding:3px 8px;font-size:.65rem;top:12px;right:12px}.card-badge svg{width:10px;height:10px}.button-glow,.card-shine,.icon-pulse{display:none}.bot-card:active{transform:scale(.98)}.floating-particle:nth-child(n+15){display:none}}@media (max-width:360px){.hero-section{margin-bottom:10px;padding:0 8px}.hero-title{margin-bottom:0;display:flex;flex-direction:column;align-items:center;width:100%}.title-gradient{font-size:16px;font-weight:900;letter-spacing:.5px;margin-bottom:6px}.title-gradient,.title-highlight{display:block;text-align:center;width:100%;white-space:normal;word-break:keep-all}.title-highlight{font-size:12px;font-weight:600;letter-spacing:1.5px;margin-bottom:0}.hero-description{font-size:11px;padding:0 10px;margin:16px auto 10px;line-height:1.4;text-align:center;width:100%;white-space:normal;word-wrap:break-word}.bot-card{padding:16px 14px;min-height:300px}.icon-container{width:48px;height:48px}.bot-title{font-size:.95rem}.bot-description{font-size:.8rem}.launch-button{padding:9px 14px;font-size:.75rem}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.loading-shimmer{animation:shimmer 2s infinite;background:linear-gradient(90deg,rgba(255,255,255,.05) 25%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.05) 75%);background-size:1000px 100%}.bot-card:focus-within{outline:2px solid #00ff88;outline-offset:2px}.launch-button:focus{outline:2px solid #00ff88;outline-offset:2px}@media print{.animated-background,.bg-gradient-orb,.particles-container{display:none}.bot-card{break-inside:avoid}}