#scl-integration-page{--brand-gradient:linear-gradient(135deg,#0459D7 0%,#16CAF2 100%);--brand-blue:#0459D7;--brand-cyan:#16CAF2;--text-dark:#0F172A;--text-gray:#64748B;--text-white:#ffffff;--bg-light:#F8FAFC;--card-shadow:0 10px 30px rgba(0,0,0,0.08);--radius-lg:24px;font-family:'Inter',system-ui,-apple-system,sans-serif;background-color:#fff;color:var(--text-dark);line-height:1.6;width:100%;overflow-x:hidden}#scl-integration-page *{box-sizing:border-box}.container{max-width:1200px;margin:0 auto;padding:0 24px;position:relative;z-index:2}.section-padding{padding:100px 0}.integration-hero{position:relative;min-height:85vh;background:linear-gradient(rgba(15,23,42,0.9),rgba(15,23,42,0.8)),url('https://ik.imagekit.io/vijayrana/iGaming/Lottery.png');background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;text-align:center;color:white;padding-top:180px;padding-bottom:120px;border-bottom-left-radius:40px;border-bottom-right-radius:40px}.back-nav-btn{position:absolute;top:120px;left:30px;background:rgba(255,255,255,0.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2);padding:10px 24px;border-radius:50px;color:#fff!important;text-decoration:none;font-weight:600;display:flex;align-items:center;gap:10px;transition:0.3s;z-index:20;font-size:0.9rem}.back-nav-btn:hover{background:rgba(255,255,255,0.2);transform:translateX(5px)}.hero-content{max-width:900px}.badge-glass{display:inline-block;padding:8px 20px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);color:#fff;border-radius:50px;font-weight:600;font-size:0.85rem;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:25px;backdrop-filter:blur(5px)}.hero-title{font-size:clamp(2.5rem,5vw,4.5rem);font-weight:800;line-height:1.1;margin-bottom:25px;color:#ffffff!important}.hero-desc{font-size:clamp(1rem,2vw,1.25rem);opacity:0.9;margin-bottom:40px;max-width:700px;margin-left:auto;margin-right:auto;color:#e2e8f0!important}.hero-btn{background:white;color:var(--brand-blue);padding:18px 45px;border-radius:50px;font-weight:700;font-size:1.1rem;transition:0.3s;text-decoration:none;box-shadow:0 20px 40px rgba(0,0,0,0.2);display:inline-flex;align-items:center;gap:10px}.hero-btn:hover{transform:translateY(-5px);box-shadow:0 25px 50px rgba(0,0,0,0.3)}.api-section{background:#0F172A;color:white;padding:100px 0;position:relative}.api-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.api-text h2{font-size:clamp(2rem,4vw,3rem);margin-bottom:20px;font-weight:700;color:#fff!important}.api-text p{color:#94a3b8;font-size:1.1rem;margin-bottom:30px}.api-features{list-style:none;padding:0}.api-features li{display:flex;gap:15px;margin-bottom:15px;font-size:1.05rem;color:#E2E8F0;align-items:center}.api-features i{color:var(--brand-cyan)}.code-window{background:#1E293B;border-radius:16px;border:1px solid #334155;overflow:hidden;font-family:'Courier New',monospace;box-shadow:0 20px 50px rgba(0,0,0,0.3)}.code-header{background:#334155;padding:12px 15px;display:flex;gap:8px}.dot{width:10px;height:10px;border-radius:50%}.red{background:#ef4444}.yellow{background:#f59e0b}.green{background:#10b981}.code-body{padding:25px;font-size:0.9rem;color:#cbd5e1}.c-blue{color:#38BDF8}.c-purple{color:#C084FC}.c-green{color:#4ADE80}.process-section{background-color:#fff;padding:100px 0}.text-center{text-align:center;max-width:800px;margin:0 auto 60px}.process-roadmap{display:flex;justify-content:space-between;position:relative;max-width:1000px;margin:0 auto}.roadmap-line{position:absolute;top:35px;left:50px;right:50px;height:4px;background:#E2E8F0;z-index:0}.roadmap-line::after{content:'';position:absolute;top:0;left:0;height:100%;width:66%;background:var(--brand-gradient)}.process-step{position:relative;z-index:1;text-align:center;flex:1;padding:0 15px}.step-circle{width:70px;height:70px;margin:0 auto 20px;background:#fff;border-radius:50%;border:2px solid #E2E8F0;color:var(--text-gray);font-size:1.5rem;font-weight:800;display:flex;align-items:center;justify-content:center;transition:0.3s}.process-step.active .step-circle{background:var(--brand-gradient);color:#fff;border-color:transparent;box-shadow:0 10px 20px rgba(4,89,215,0.25);transform:scale(1.1)}.step-content h3{font-size:1.25rem;font-weight:700;margin-bottom:10px;color:var(--text-dark)}.step-content p{font-size:0.95rem;color:var(--text-gray)}.tech-tag{display:inline-block;font-size:0.8rem;background:#eff6ff;color:var(--brand-blue);padding:4px 10px;border-radius:4px;margin-top:10px;font-family:monospace;font-weight:600}.blog-section{background-color:var(--bg-light);padding:100px 0;border-top:1px solid #e2e8f0}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:40px}.blog-card{background:#fff;border-radius:16px;overflow:hidden;border:1px solid #e2e8f0;box-shadow:var(--card-shadow);transition:0.3s;display:flex;flex-direction:column}.post-item{display:none}.post-item:nth-child(-n+3){display:flex}.blog-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,0.1);border-color:var(--brand-blue)}.blog-thumb{height:220px;overflow:hidden;position:relative}.blog-thumb img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease}.blog-card:hover .blog-thumb img{transform:scale(1.05)}.blog-content{padding:24px;flex-grow:1;display:flex;flex-direction:column}.blog-date{font-size:0.85rem;color:var(--text-gray);margin-bottom:10px;display:block}.blog-title{font-size:1.25rem;font-weight:700;margin-bottom:12px;color:var(--text-dark);line-height:1.4}.blog-title a{color:inherit;text-decoration:none;transition:0.3s}.blog-title a:hover{color:var(--brand-blue)}.blog-excerpt{font-size:0.95rem;color:var(--text-gray);margin-bottom:20px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-footer{margin-top:auto;padding-top:15px;border-top:1px solid #f1f5f9}.read-more-link{color:var(--brand-blue);font-weight:600;font-size:0.9rem;text-decoration:none;display:flex;align-items:center;gap:6px}.read-more-link:hover{gap:10px}.blog-load-more-wrapper{text-align:center}.outline-btn{display:inline-block;padding:12px 30px;border:2px solid var(--brand-blue);color:var(--brand-blue);border-radius:50px;font-weight:600;background:linear-gradient(135deg,#0459D7 0%,#16CAF2 100%);cursor:pointer;transition:0.3s;color:#fff;font-size:1rem}.outline-btn:hover{background:var(--brand-gradient);color:#fff;border-color:transparent}@media (max-width:992px){.api-grid{grid-template-columns:1fr;gap:40px}.hero-title{font-size:3rem}.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.integration-hero{padding-top:150px;padding-bottom:80px}.back-nav-btn{top:90px;left:20px;padding:8px 16px;font-size:0.8rem}.process-roadmap{flex-direction:column;gap:40px}.roadmap-line{width:4px;height:100%;top:0;left:33px;right:auto;background:linear-gradient(to bottom,#0459D7 66%,#E2E8F0 66%)}.roadmap-line::after{display:none}.process-step{display:flex;text-align:left;gap:20px;padding:0}.step-circle{margin:0;flex-shrink:0}.step-content{padding-top:10px}.blog-grid{grid-template-columns:1fr}.form-wrapper{padding:25px}}