.cs-page{background:#000;min-height:100vh;color:#fff;font-family:Inter,system-ui,-apple-system,sans-serif;overflow-x:hidden}.cs-hero{position:relative;padding:140px 0 0;text-align:center;overflow:hidden}.cs-hero:before{content:"";position:absolute;top:-200px;left:50%;transform:translate(-50%);width:800px;height:800px;background:radial-gradient(circle,rgba(59,130,246,.12) 0%,transparent 70%);pointer-events:none}.cs-hero-badge{display:inline-block;padding:8px 24px;border-radius:100px;background:#3b82f61a;color:#3b82f6;font-size:14px;font-weight:600;border:1px solid rgba(59,130,246,.2);margin-bottom:24px;letter-spacing:.5px}.cs-hero-title{font-size:clamp(2.5rem,6vw,5rem);font-weight:900;letter-spacing:-.04em;line-height:1.05;margin-bottom:24px;background:linear-gradient(135deg,#fff 40%,#fff9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cs-hero-title span{background:linear-gradient(135deg,#3b82f6,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cs-hero-subtitle{color:#ffffff80;font-size:clamp(16px,1.3vw,20px);line-height:1.7;max-width:640px;margin:0 auto 48px}.cs-nav-tabs{display:flex;justify-content:center;gap:16px;margin-bottom:80px}.cs-nav-tab{padding:12px 32px;border-radius:100px;font-size:15px;font-weight:600;cursor:pointer;transition:all .35s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.1);background:#ffffff08;color:#fff9;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.cs-nav-tab:hover{background:#3b82f61a;border-color:#3b82f64d;color:#3b82f6;transform:translateY(-2px)}.cs-nav-tab.active{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6;color:#fff;box-shadow:0 8px 30px #3b82f64d}.cs-stats-strip{display:flex;justify-content:center;gap:60px;padding:60px 0;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:80px;flex-wrap:wrap}.cs-stat{text-align:center}.cs-stat-number{font-size:clamp(2.5rem,4vw,4rem);font-weight:900;background:linear-gradient(135deg,#3b82f6,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.03em}.cs-stat-label{font-size:14px;color:#fff6;font-weight:500;text-transform:uppercase;letter-spacing:1px;margin-top:8px}.cs-carousel-section{padding:0 0 100px}.cs-carousel-grid{display:flex;gap:40px;max-width:1400px;margin:0 auto;padding:0 24px}.cs-carousel-left{flex:1;display:flex;flex-direction:column;justify-content:center;padding-right:40px;min-width:300px}.cs-carousel-left h2{font-size:clamp(2rem,4vw,3.5rem);font-weight:800;letter-spacing:-.04em;line-height:1.1;margin-bottom:20px;color:#fff}.cs-carousel-left h2 span{color:#3b82f6}.cs-carousel-left p{color:#ffffff80;font-size:17px;line-height:1.7;max-width:420px}.cs-carousel-right{flex:2;display:flex;gap:24px;height:650px;overflow:hidden;mask-image:linear-gradient(to bottom,transparent,black 12%,black 88%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,black 12%,black 88%,transparent)}.cs-carousel-column{flex:1;display:flex;flex-direction:column;gap:24px}.cs-scroll-up{animation:csScrollUp 45s linear infinite}.cs-scroll-down{animation:csScrollDown 45s linear infinite}.cs-scroll-up:hover,.cs-scroll-down:hover{animation-play-state:paused}@keyframes csScrollUp{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes csScrollDown{0%{transform:translateY(-50%)}to{transform:translateY(0)}}.cs-testimonial-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:32px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .4s cubic-bezier(.165,.84,.44,1);cursor:default;flex-shrink:0}.cs-testimonial-card:hover{transform:scale(1.03);background:#ffffff0f;border-color:#3b82f640;box-shadow:0 12px 40px #0006}.cs-card-quote{font-size:15px;line-height:1.7;color:#ffffffb3;margin-bottom:20px;font-style:italic}.cs-card-quote:before{content:'"';font-size:28px;color:#3b82f6;font-weight:700;line-height:0;vertical-align:middle;margin-right:4px}.cs-card-user{display:flex;align-items:center;gap:14px}.cs-card-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid rgba(59,130,246,.3)}.cs-card-info h4{font-size:15px;font-weight:700;color:#fff;margin:0}.cs-card-info p{font-size:13px;color:#fff6;margin:2px 0 0}.cs-card-stars{display:flex;gap:3px;margin-bottom:14px}.cs-star{color:#fbbf24;font-size:14px}.cs-featured-section{padding:0 0 100px}.cs-featured-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:32px;max-width:1200px;margin:0 auto;padding:0 24px}.cs-featured-card{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:28px;overflow:hidden;transition:all .45s cubic-bezier(.165,.84,.44,1);cursor:pointer}.cs-featured-card:hover{transform:translateY(-8px);border-color:#3b82f659;box-shadow:0 24px 60px #00000080,0 0 60px #3b82f614}.cs-featured-card:hover .cs-featured-img{transform:scale(1.05)}.cs-featured-img-wrap{position:relative;height:240px;overflow:hidden}.cs-featured-img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.cs-featured-img-overlay{position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(to top,#000 10%,transparent)}.cs-featured-body{padding:28px 32px 32px}.cs-featured-tag{display:inline-block;padding:5px 14px;border-radius:100px;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;background:#3b82f61a;color:#60a5fa;border:1px solid rgba(59,130,246,.2);margin-bottom:16px}.cs-featured-title{font-size:22px;font-weight:700;color:#fff;margin-bottom:12px;letter-spacing:-.02em;line-height:1.3}.cs-featured-desc{font-size:15px;color:#ffffff80;line-height:1.65;margin-bottom:20px}.cs-featured-meta{display:flex;align-items:center;gap:12px}.cs-featured-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.cs-featured-author{font-size:14px;font-weight:600;color:#fff}.cs-featured-role{font-size:12px;color:#fff6}.cs-cta-section{text-align:center;padding:80px 24px 120px}.cs-cta-card{max-width:800px;margin:0 auto;padding:60px 48px;background:linear-gradient(135deg,#3b82f614,#6366f10d);border:1px solid rgba(59,130,246,.2);border-radius:32px;position:relative;overflow:hidden}.cs-cta-card:before{content:"";position:absolute;top:-50%;right:-30%;width:500px;height:500px;background:radial-gradient(circle,rgba(59,130,246,.08) 0%,transparent 60%);pointer-events:none}.cs-cta-title{font-size:clamp(1.8rem,3.5vw,3rem);font-weight:800;letter-spacing:-.03em;margin-bottom:16px;color:#fff}.cs-cta-text{color:#ffffff80;font-size:17px;margin-bottom:32px;max-width:500px;margin-left:auto;margin-right:auto;line-height:1.6}.cs-cta-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 36px;border-radius:100px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-size:16px;font-weight:700;border:none;cursor:pointer;text-decoration:none;transition:all .3s ease;box-shadow:0 8px 30px #3b82f64d}.cs-cta-btn:hover{transform:translateY(-2px);box-shadow:0 12px 40px #3b82f673}.cs-skeleton-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:24px;padding:32px;min-height:200px;animation:csPulse 1.5s ease-in-out infinite}@keyframes csPulse{0%,to{opacity:1}50%{opacity:.5}}@media(max-width:992px){.cs-carousel-grid{flex-direction:column;padding:0 20px}.cs-carousel-left{padding-right:0;text-align:center;margin-bottom:40px}.cs-carousel-left p{margin:0 auto}.cs-carousel-right{height:500px}.cs-stats-strip{gap:32px}.cs-featured-grid{grid-template-columns:1fr;max-width:500px}.cs-nav-tabs{flex-wrap:wrap;gap:10px}}@media(max-width:576px){.cs-hero{padding:120px 16px 60px}.cs-carousel-right{flex-direction:column;height:400px}.cs-carousel-right>.cs-carousel-column:nth-child(2){display:none}.cs-cta-card{padding:40px 24px}}