@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700;800;900&display=swap";
.guides-page{color:#fff;min-height:100vh;font-family:var(--font-poppins),"Poppins",sans-serif;background:#000;overflow-x:hidden}.guides-page h1,.guides-page h2,.guides-page h3{font-family:Space Grotesk,sans-serif}.guides-container-relative{width:100%;position:relative;overflow:hidden}.guides-hero{text-align:center;border-bottom:1px solid #ff000014;flex-direction:column;justify-content:center;align-items:center;min-height:70vh;padding:8rem 2rem 6rem;display:flex;position:relative;overflow:hidden}.guides-hero-bg{z-index:0;opacity:.65;pointer-events:none;position:absolute;inset:0}.guides-orb{filter:blur(140px);pointer-events:none;z-index:1;opacity:.3;border-radius:50%;position:absolute}.guides-orb-1{background:radial-gradient(circle,#ff000040 0%,#0000 80%);width:400px;height:400px;animation:25s ease-in-out infinite alternate float-orb-1;top:-10%;left:10%}.guides-orb-2{background:radial-gradient(circle,#ff000026 0%,#0000 80%);width:500px;height:500px;animation:30s ease-in-out infinite alternate float-orb-2;bottom:10%;right:-5%}.guides-orb-3{background:radial-gradient(circle,#ff00001a 0%,#0000 80%);width:350px;height:350px;animation:20s ease-in-out infinite alternate float-orb-3;top:30%;left:50%;transform:translate(-50%,-50%)}@keyframes float-orb-1{0%{transform:translate(0)scale(1)}50%{transform:translate(50px,40px)scale(1.1)}to{transform:translate(-30px,80px)scale(.95)}}@keyframes float-orb-2{0%{transform:translate(0)scale(1.05)}50%{transform:translate(-80px,-60px)scale(.9)}to{transform:translate(40px,20px)scale(1.15)}}@keyframes float-orb-3{0%{transform:translate(-50%,-50%)translate(0)}50%{transform:translate(-50%,-50%)translate(-30px,40px)}to{transform:translate(-50%,-50%)translate(30px,-40px)}}.guides-grid-pattern{z-index:1;pointer-events:none;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-position:50%;background-size:50px 50px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 50%,#000 70%,#0000 100%);mask-image:radial-gradient(60% 50%,#000 70%,#0000 100%)}.guides-hero-inner{z-index:2;max-width:900px;margin:0 auto;padding:0 1rem;position:relative}.guides-breadcrumb{color:#ffffff73;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff0d;border-radius:100px;align-items:center;gap:.5rem;margin-bottom:2rem;padding:6px 16px;font-size:.8rem;display:inline-flex}.guides-breadcrumb a{color:#ffffff8c;text-decoration:none;transition:color .2s}.guides-breadcrumb a:hover{color:var(--primary,red)}.guides-breadcrumb svg{opacity:.5}.guides-hero-label{letter-spacing:.15em;text-transform:uppercase;color:var(--primary,red);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ff000014;border:1px solid #f003;border-radius:100px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:8px 18px;font-size:11px;font-weight:700;display:inline-flex;box-shadow:0 0 20px #ff00001a}.guides-hero-label-dot{background:var(--primary,red);width:6px;height:6px;box-shadow:0 0 8px var(--primary,red);border-radius:50%;animation:2s ease-in-out infinite guides-pulse}.guides-hero h1{color:#fff;letter-spacing:-.03em;margin-bottom:1.5rem;font-size:clamp(2.5rem,6vw,4.25rem);font-weight:900;line-height:1.1}.guides-hero h1 .gradient-text{background:var(--gradient,linear-gradient(93.84deg,red 0%,#ff7b7b 92.64%));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.guides-hero-subtitle{color:#ffffffa6;max-width:680px;margin:0 auto 3rem;font-size:1.15rem;line-height:1.75}.guides-stats{opacity:0;flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;margin-top:1rem;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);display:flex;transform:translateY(20px)}.guides-stats.visible{opacity:1;transform:translateY(0)}.guides-stat{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border:1px solid #ffffff0d;border-radius:16px;flex-direction:column;align-items:center;min-width:170px;padding:1.25rem 2rem;display:flex}.guides-stat-value{color:#fff;background:var(--gradient,linear-gradient(93.84deg,red 0%,#ff7b7b 92.64%));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:800}.guides-stat-label{color:#ffffff73;text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem;font-size:.8rem;font-weight:500}.guides-scroll-indicator{opacity:.5;z-index:2;border:1px solid #fff3;border-radius:12px;width:24px;height:40px;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.guides-scroll-line{background:var(--primary,red);border-radius:1px;width:2px;height:8px;animation:2.5s ease-in-out infinite scroll-bob;position:absolute;top:6px;left:50%;transform:translate(-50%)}@keyframes scroll-bob{0%{opacity:0;top:6px}30%{opacity:1}60%{opacity:0;top:22px}to{opacity:0;top:6px}}.guides-divider{background:linear-gradient(90deg,#0000,#ff000040 50%,#0000);width:100%;height:1px}.guides-grid-section{z-index:2;max-width:1200px;margin:0 auto;padding:6rem 2rem 8rem;position:relative}.guides-section-header{text-align:center;margin-bottom:4rem}.guides-section-label{text-transform:uppercase;color:var(--primary,red);letter-spacing:.08em;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.8rem;font-weight:700;display:inline-flex}.guides-section-header h2{color:#fff;letter-spacing:-.02em;margin-bottom:1rem;font-size:2.25rem;font-weight:800}.guides-section-header p{color:#ffffff8c;max-width:540px;margin:0 auto;font-size:1.05rem}.guides-grid{grid-template-columns:repeat(auto-fill,minmax(300px,380px));justify-content:center;gap:2rem;display:grid}.guide-card{color:inherit;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff04;border:3px solid #ffffff14;border-radius:20px;flex-direction:column;width:100%;max-width:380px;margin:0 auto;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.guide-card-glow{opacity:.5;pointer-events:none;background:radial-gradient(circle at 50% 0,#ff000014 0%,#0000 60%);transition:opacity .4s;position:absolute;inset:0}.guide-card-topbar{background:var(--gradient,linear-gradient(93.84deg,red 0%,#ff7b7b 92.64%));transform-origin:0;height:2px;transition:transform .4s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.guide-card-content{flex-direction:column;height:100%;padding:1.75rem;display:flex}.guide-card-top{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.guide-card-icon{width:44px;height:44px;color:var(--primary,red);background:#ff000014;border:1px solid #ff00002e;border-radius:12px;justify-content:center;align-items:center;transition:all .4s;display:flex}.guide-card-badge{text-transform:uppercase;letter-spacing:.08em;color:var(--primary,red);background:#ff00000f;border:1px solid #ff00001f;border-radius:6px;align-items:center;gap:.35rem;padding:4px 8px;font-size:.65rem;font-weight:700;display:inline-flex}.guide-card h3{color:#fff;margin-bottom:.75rem;font-size:1.15rem;font-weight:700;line-height:1.35;transition:color .3s}.guide-card p{color:#ffffff80;flex:1;margin-bottom:1.5rem;font-size:.88rem;line-height:1.65}.guide-card-tags{flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem;display:flex}.guide-card-tag{color:#fff6;background:#ffffff08;border:1px solid #ffffff0a;border-radius:6px;padding:4px 10px;font-size:.75rem}.guide-card-arrow{color:var(--primary,red);align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;transition:all .3s;display:flex}.guide-card-arrow svg{transition:transform .3s}.guide-card:hover{background:#ffffff08;border-color:#ff000073;transform:translateY(-8px);box-shadow:0 16px 40px #0006,0 0 30px #ff00000d}.guide-card:hover .guide-card-topbar{transform:scaleX(1)}.guide-card:hover .guide-card-glow{opacity:1}.guide-card:hover .guide-card-icon{background:var(--primary,red);color:#fff;border-color:var(--primary,red);box-shadow:0 0 15px #f006}.guide-card:hover h3,.guide-card:hover .guide-card-arrow{color:#fff}.guide-card:hover .guide-card-arrow svg{transform:translate(6px)}.guides-cta{text-align:center;z-index:2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:radial-gradient(at 50% 0,#ff00000f 0%,#ffffff03 100%);border:1px solid #ffffff0d;border-radius:32px;max-width:1000px;margin:0 auto 8rem;padding:4rem;position:relative;overflow:hidden}.guides-cta-glow{pointer-events:none;background:radial-gradient(circle,#ff00001f 0%,#0000 70%);width:300px;height:300px;position:absolute;bottom:-40%;left:50%;transform:translate(-50%)}.guides-cta-inner{z-index:1;max-width:600px;margin:0 auto;position:relative}.guides-cta-icon{width:64px;height:64px;color:var(--primary,red);background:#ff000014;border:1px solid #f003;border-radius:20px;justify-content:center;align-items:center;margin-bottom:1.5rem;display:inline-flex;box-shadow:0 0 15px #ff00001a}.guides-cta h2{color:#fff;margin-bottom:1rem;font-size:2rem;font-weight:800}.guides-cta p{color:#ffffff8c;margin-bottom:2.25rem;font-size:1rem;line-height:1.7}.guides-cta-btn{background:var(--gradient,linear-gradient(93.84deg,red 0%,#ff7b7b 92.64%));color:#fff;border-radius:14px;align-items:center;gap:.75rem;padding:14px 32px;font-size:.95rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 4px 20px #ff000040}.guides-cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #f006}@media (max-width:960px){.guides-hero{min-height:60vh;padding:7rem 2rem 5rem}.guides-stats{gap:1.25rem}.guides-stat{min-width:140px;padding:1rem 1.5rem}.guides-cta{margin-left:1.5rem;margin-right:1.5rem;padding:3rem 2rem}}@media (max-width:600px){.guides-hero h1{font-size:2.25rem}.guides-hero-subtitle{font-size:1rem}.guides-stats{grid-template-columns:1fr 1fr;width:100%;display:grid}.guides-stat{min-width:unset}.guides-section-header h2{font-size:1.75rem}.guides-grid{grid-template-columns:1fr}.guides-grid-section{padding:4rem 1.5rem 6rem}}.guide-card-image{background:#000;border-bottom:1px solid #ffffff0d;width:100%;height:170px;position:relative;overflow:hidden}.guide-card-cover-img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1)}.guide-card:hover .guide-card-cover-img{transform:scale(1.05)}
