.integration-page{--integration-hero-bg:linear-gradient(135deg, var(--ts-secondary-bg) 0%, var(--ts-tertiary-bg) 55%, var(--ts-body-bg) 100%);--integration-hero-border:var(--ts-border-color);--integration-text-primary:var(--ts-heading-color,var(--ts-body-color));--integration-text-secondary:var(--ts-body-color);--integration-text-muted:var(--ts-secondary-color);--integration-card-bg:var(--ts-card-bg);--integration-card-border:var(--ts-border-color);--integration-card-hover-border:rgba(var(--ts-primary-rgb), .45);--integration-badge-bg:var(--ts-card-bg);--integration-badge-border:var(--ts-border-color);--integration-code-bg:var(--ts-tertiary-bg);--integration-code-border:var(--ts-border-color);--integration-step-line:var(--ts-border-color);--integration-step-bg:var(--ts-card-bg);--integration-step-border:var(--ts-border-color);min-height:100vh}.integration-page .sticky-top{z-index:4}.integration-page .hero-section{background:var(--integration-hero-bg);border-bottom:1px solid var(--integration-hero-border);position:relative;overflow:hidden}.integration-page .hero-section>div{position:relative}.integration-page .hero-section:before{content:"";opacity:1;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ff5500' fill-opacity='0.03'%3E%3Cpath d='m36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;top:0;bottom:0;left:0;right:0}.integration-page .hero-section:after{content:"";background:radial-gradient(circle, rgba(var(--ts-primary-rgb), .1) 0%, transparent 70%);border-radius:50%;width:200px;height:200px;position:absolute;top:-50%;right:-20%}.integration-page .hero-section .hero-content h1{color:var(--integration-text-primary)}.integration-page .hero-section .hero-content p{color:var(--integration-text-secondary)}.integration-page .feature-badges{flex-direction:column;gap:1rem;animation:1s ease-out .8s both heroFadeInUp;display:flex}.integration-page .feature-badges .badge-item{background:var(--integration-badge-bg);border:1px solid var(--integration-badge-border);color:var(--integration-text-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:1.5rem;font-weight:600;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000014}.integration-page .feature-badges .badge-item .icon{margin-right:5px}[data-bs-theme=dark] .integration-page .feature-badges .badge-item .icon{color:#fff}.integration-page .feature-badges .badge-item:before{content:"";background:linear-gradient(90deg, var(--ts-primary), var(--ts-secondary));opacity:0;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.integration-page .feature-badges .badge-item:hover{border-color:rgba(var(--ts-primary-rgb), .2);transform:translateY(-4px)scale(1.02);box-shadow:0 8px 30px #00000026}.integration-page .feature-badges .badge-item:hover:before{opacity:1}.integration-page .feature-badges .badge-item i{font-size:1.6rem}.integration-page .feature-badges .badge-item:first-child{animation:1s ease-out 1s both heroFadeInUp,4s ease-in-out 2s infinite badgeFloat}.integration-page .feature-badges .badge-item:nth-child(2){animation:1s ease-out 1.2s both heroFadeInUp,4s ease-in-out 2.5s infinite badgeFloat}.integration-page .feature-badges .badge-item:nth-child(3){animation:1s ease-out 1.4s both heroFadeInUp,4s ease-in-out 3s infinite badgeFloat}.integration-page .feature-item{background:var(--integration-card-bg);border:1px solid var(--integration-card-border);border-radius:12px;gap:1rem;height:100%;padding:1.5rem;transition:all .3s;display:flex}.integration-page .feature-item:hover{border-color:var(--integration-card-hover-border);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.integration-page .feature-item .feature-icon{background:linear-gradient(135deg, var(--ts-primary), var(--ts-secondary));color:#fff;height:48px;box-shadow:0 2px 8px rgba(var(--ts-primary-rgb), .25);border-radius:12px;flex:0 0 48px;justify-content:center;align-items:center;font-size:1.25rem;display:flex}.integration-page .feature-item .feature-content{flex:1}.integration-page .feature-item .feature-content h5{color:var(--integration-text-primary);margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.integration-page .feature-item .feature-content p{color:var(--integration-text-muted);margin:0;font-size:.9rem;line-height:1.5}.integration-page .sticky-sidebar{align-self:flex-start;position:-webkit-sticky;position:sticky;top:2rem}.integration-page .sticky-sidebar .card{margin-bottom:1.5rem}.integration-page .sticky-sidebar .card:last-child{margin-bottom:0}.integration-page .step-container{position:relative}.integration-page .step-container .step-item{margin-bottom:3rem;display:flex;position:relative}.integration-page .step-container .step-item:not(:last-child):after{content:"";background:var(--integration-step-line);width:1px;position:absolute;top:60px;bottom:-48px;left:24px}.integration-page .step-container .step-item .step-number{background:var(--integration-step-bg);height:48px;color:var(--integration-text-secondary);border:2px solid var(--integration-step-border);z-index:2;border-radius:50%;flex:0 0 48px;justify-content:center;align-items:center;margin-right:1.5rem;font-size:1.1rem;font-weight:600;display:flex;position:relative;box-shadow:0 2px 4px #0000000d}.integration-page .step-container .step-item .step-content{flex:1}.integration-page .step-container .step-item .step-content h5{color:var(--integration-text-primary);margin-bottom:.75rem;font-size:1.1rem;font-weight:600}.integration-page .step-container .step-item .step-content p{color:var(--integration-text-muted);margin-bottom:1rem;line-height:1.6}.integration-page .step-container .step-item:first-child{animation-delay:.1s}.integration-page .step-container .step-item:nth-child(2){animation-delay:.2s}.integration-page .step-container .step-item:nth-child(3){animation-delay:.3s}.integration-page .step-container .step-item:nth-child(4){animation-delay:.4s}.integration-page .code-block{background:var(--integration-code-bg);border:1px solid var(--integration-code-border);color:var(--integration-text-secondary);border-radius:8px;margin:1rem 0;padding:1rem;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;font-size:.875rem}.integration-page .card{border-radius:16px}.integration-page .card .card-header{border-top-left-radius:16px;border-top-right-radius:16px;padding:1.5rem}.integration-page .card .card-body{padding:2rem}.integration-page .card .card-title a{color:inherit;text-decoration:none;transition:opacity .2s}.integration-page .card .card-title a:hover{opacity:.7}.integration-page .btn{border:none;border-radius:8px;align-items:center;padding:.75rem 1.5rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.integration-page .btn.btn-lg{padding:1rem 2rem;font-size:1rem}.integration-page .btn.btn-warning{background:linear-gradient(135deg, var(--ts-primary), var(--ts-secondary));color:#fff;box-shadow:0 4px 14px rgba(var(--ts-primary-rgb), .25);border:none}.integration-page .btn.btn-warning:hover{background:linear-gradient(135deg, var(--ts-secondary) 0%, var(--ts-primary) 100%);box-shadow:0 8px 25px rgba(var(--ts-primary-rgb), .35);color:#fff;transform:translateY(-2px)}.integration-page .btn.btn-outline-light{color:var(--integration-text-secondary);border:1px solid rgba(var(--ts-primary-rgb), .2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc}.integration-page .btn.btn-outline-light:hover{border-color:rgba(var(--ts-primary-rgb), .4);color:var(--integration-text-primary);background:#fffffff2;transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.integration-page .btn.btn-outline-primary{color:var(--integration-text-primary);border:1px solid var(--integration-card-border);background:0 0}.integration-page .btn.btn-outline-primary:hover{background:var(--integration-text-primary);color:#fff;border-color:var(--integration-text-primary)}.integration-page .btn.btn-secondary{box-shadow:0 1px 3px #0000001a}.integration-page .btn.btn-secondary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.integration-page .accordion-item{border:1px solid var(--integration-card-border);border-radius:12px;margin-bottom:.5rem;overflow:hidden}.integration-page .accordion-item .accordion-button{background:var(--integration-card-bg);width:100%;color:var(--integration-text-primary);border:none;padding:1.25rem 1.5rem;font-weight:500}.integration-page .accordion-item .accordion-button:not(.collapsed){background:var(--integration-code-bg);color:var(--integration-text-primary);box-shadow:none}.integration-page .accordion-item .accordion-button:focus{box-shadow:none;border-color:#0000}.integration-page .accordion-item .accordion-body{background:var(--integration-card-bg);padding:1.5rem}.integration-page .accordion-item .accordion-body ul{margin:0;padding-left:1.5rem}.integration-page .accordion-item .accordion-body li{color:var(--integration-text-muted);margin-bottom:.5rem;line-height:1.6}.integration-page .card-code .card{background:var(--integration-code-bg)}.integration-page .card-code .card pre{border-radius:12px;max-height:400px;margin:0;overflow-y:auto}.integration-page .card-code .card code{font-size:.875rem;line-height:1.7;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace!important}.integration-page .card-code .card-title{color:var(--integration-text-muted);font-size:.875rem;font-weight:500}.integration-page .card-code .card-body{padding:1.5rem}.integration-page code{background:var(--integration-code-bg);color:var(--integration-text-primary);border-radius:4px;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;font-size:.875rem}.integration-page p code,.integration-page li code,.integration-page .alert-warning code{padding:.25rem .5rem}.integration-page .display-4{font-size:2.5rem;font-weight:700;line-height:1.2}.integration-page .lead{font-size:1.125rem;line-height:1.6}@keyframes heroFadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes badgeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (max-width:768px){.integration-page .hero-section{padding:2rem 0}.integration-page .hero-section:after{display:none}.integration-page .feature-badges{margin-top:2rem}.integration-page .step-container .step-item .step-number{flex:0 0 40px;height:40px;margin-right:1.5rem;font-size:1rem}.integration-page .step-container .step-item:not(:last-child):after{top:50px;left:20px}.integration-page .card-body{padding:1.5rem}}.plugin-card{background:var(--integration-card-bg);border:1px solid var(--integration-card-border);border-radius:12px;flex-direction:column;height:100%;padding:1.5rem;transition:all .3s;display:flex}.plugin-card:hover{border-color:var(--integration-card-hover-border);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.plugin-card h6{color:var(--integration-text-primary);margin-bottom:.75rem;font-size:1.1rem;font-weight:600}.plugin-card p{color:var(--integration-text-muted);flex-grow:1;margin-bottom:1rem;font-size:.875rem;line-height:1.5}.plugin-card .btn{margin-top:auto}.config-checklist{counter-reset:step-counter;padding-left:0;list-style:none}.config-checklist li{counter-increment:step-counter;color:var(--integration-text-secondary);margin-bottom:.75rem;padding-left:2rem;position:relative}.config-checklist li:before{content:counter(step-counter);background:var(--integration-step-bg);width:1.5rem;height:1.5rem;color:var(--integration-text-primary);border:2px solid var(--integration-step-border);border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;display:flex;position:absolute;top:0;left:0}.info-list{flex-direction:column;gap:1rem;display:flex}.info-list .info-item{border-bottom:1px solid var(--integration-card-border);color:var(--integration-text-secondary);padding:.5rem 0}.info-list .info-item:last-child{border-bottom:none}.info-list .info-item strong{color:var(--integration-text-primary)}html[data-bs-theme=dark] .integration-page .btn-outline-primary{color:#7640ff;background:0 0;border-color:#7640ff}html[data-bs-theme=dark] .integration-page .btn-outline-primary:hover{color:#fff;background:#7640ff;border-color:#7640ff}html[data-bs-theme=dark] .integration-page .btn-outline-primary:focus,html[data-bs-theme=dark] .integration-page .btn-outline-primary:active{box-shadow:0 0 0 .2rem rgba(var(--ts-primary-rgb), .5);color:#fff;background:#7640ff;border-color:#7640ff}html[data-bs-theme=dark] .integration-page .btn-secondary:focus,html[data-bs-theme=dark] .integration-page .btn-secondary:active{box-shadow:0 0 0 .2rem rgba(var(--ts-primary-rgb), .5)}html[data-bs-theme=dark] .integration-page .hero-section:before{background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ff5500' fill-opacity='0.08'%3E%3Cpath d='m36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}html[data-bs-theme=dark] .integration-page .hero-section:after{background:radial-gradient(circle, rgba(var(--ts-primary-rgb), .2) 0%, transparent 70%)}html[data-bs-theme=dark] .integration-page .btn-outline-light{color:var(--integration-text-secondary);border:1px solid rgba(var(--ts-primary-rgb), .3);background:#221f2ccc}html[data-bs-theme=dark] .integration-page .btn-outline-light:hover{border-color:rgba(var(--ts-primary-rgb), .5);color:var(--integration-text-primary);background:#221f2cf2}html[data-bs-theme=dark] .integration-page .plugin-card:hover{box-shadow:0 4px 12px #0000004d}html[data-bs-theme=dark] .reward-type-card,html[data-bs-theme=dark] .customization-card,html[data-bs-theme=dark] .game-compatibility-card{border:1px solid var(--ts-border-color);border-radius:.5rem;height:100%;padding:1rem;transition:transform .2s}html[data-bs-theme=dark] .reward-type-card:hover,html[data-bs-theme=dark] .customization-card:hover,html[data-bs-theme=dark] .game-compatibility-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.integration-page.guide-page{--integration-hero-bg:linear-gradient(135deg, #f3f0ff 0%, #e9e2ff 55%, #ddd2ff 100%)}.integration-page.guide-page .hero-section:before{background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%237640ff' fill-opacity='0.04'%3E%3Cpath d='m36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.integration-page.guide-page .hero-section:after{background:radial-gradient(circle, rgba(var(--ts-secondary-rgb), .12) 0%, transparent 70%)}.integration-page.guide-page .feature-badges .badge-item:before{background:linear-gradient(90deg, var(--ts-primary), var(--ts-secondary))}.integration-page.guide-page .feature-badges .badge-item:hover{border-color:rgba(var(--ts-secondary-rgb), .3)}html[data-bs-theme=dark] .integration-page.guide-page{--integration-hero-bg:linear-gradient(135deg, #241b3d 0%, #2c2150 55%, #1a1530 100%)}html[data-bs-theme=dark] .integration-page.guide-page .hero-section:before{background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%237640ff' fill-opacity='0.1'%3E%3Cpath d='m36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}html[data-bs-theme=dark] .integration-page.guide-page .hero-section:after{background:radial-gradient(circle, rgba(var(--ts-secondary-rgb), .2) 0%, transparent 70%)}