.setup-container{min-height:100vh;padding:100px 24px;max-width:900px;margin:0 auto;position:relative;z-index:1}.setup-container .bg-glow{position:absolute;top:-100px;left:50%;transform:translateX(-50%);width:80vw;height:600px;background:radial-gradient(circle,rgba(245,158,11,.1) 0,rgba(239,68,68,.1) 30%,transparent 60%);z-index:-1;pointer-events:none}.setup-header-pill{display:inline-flex;align-items:center;gap:8px;padding:4px 14px;border-radius:100px;border:1px solid rgba(245,158,11,.25);background:rgba(239,68,68,.1);color:#f59e0b;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:20px}.setup-header-pill .pill-dot{width:8px;height:8px;border-radius:50%;background:#f59e0b;box-shadow:0 0 10px #ef4444;flex-shrink:0}.setup-header-title{font-size:clamp(36px,6vw,56px);font-weight:900;color:#fff;margin:0 0 16px;line-height:1.1;letter-spacing:-.02em}.setup-header-title .header-title-gradient{background:linear-gradient(135deg,#f59e0b,#ef4444 50%,#b91c1c);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block;padding-bottom:2px}.setup-header-subtitle{font-size:16px;color:#A1A1AA;max-width:52ch;line-height:1.7;margin:0 0 48px}.setup-tab-bar{display:flex;gap:8px;padding:6px;background:linear-gradient(180deg,rgba(22,22,28,.6),rgba(13,13,17,.8));border:1px solid rgba(255,255,255,.08);border-radius:18px;margin-bottom:48px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.setup-tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 24px;border-radius:14px;font-size:14px;font-weight:700;color:#A1A1AA;background:transparent;border:none;cursor:pointer;transition:all .25s ease}.setup-tab-btn:hover{background:rgba(255,255,255,.05);color:#fff}.setup-tab-btn.active{background:rgba(239,68,68,.1);color:#fff;border:1px solid rgba(245,158,11,.25);box-shadow:0 4px 16px rgba(239,68,68,.15)}.setup-tab-btn.active .tab-icon{color:#f59e0b}.setup-tab-count{background:rgba(255,255,255,.1);padding:2px 8px;border-radius:10px;font-size:11px;font-weight:800;color:#fff}.setup-tab-btn.active .setup-tab-count{background:rgba(245,158,11,.2);color:#f59e0b}.setup-section-title{font-size:20px;font-weight:800;color:#fff;margin-bottom:20px;display:flex;align-items:center;gap:10px}.setup-step-card{display:flex;gap:20px;padding:28px;margin-bottom:20px;background:linear-gradient(180deg,rgba(22,22,28,.75),rgba(13,13,17,.9));border:1px solid rgba(255,255,255,.08);border-radius:20px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 16px 36px rgba(0,0,0,.35);transition:transform .25s ease,border-color .25s ease;position:relative;overflow:hidden;animation:fadeIn .4s ease-out backwards}.setup-step-card:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.15)}.setup-step-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#f59e0b,#ef4444);border-radius:20px 0 0 20px;opacity:.8}.step-num-box{width:44px;height:44px;border-radius:12px;background:rgba(239,68,68,.1);border:1px solid rgba(245,158,11,.25);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;color:#f59e0b;flex-shrink:0}.step-content{flex:1}.step-title{font-size:18px;font-weight:700;color:#fff;margin:0 0 10px}.step-desc{font-size:14px;color:#A1A1AA;line-height:1.6;margin:0}.step-code{margin-top:16px;background:rgba(0,0,0,.4);padding:12px 16px;border-radius:10px;font-family:Fira Code,Cascadia Code,monospace;font-size:13px;color:#f59e0b;border:1px solid rgba(255,255,255,.05);display:inline-block}.mock-discord-panel{margin-top:24px;background:#2b2d31;border-radius:8px;overflow:hidden;font-family:gg sans,Noto Sans,sans-serif;border:1px solid rgba(0,0,0,.4);box-shadow:0 10px 20px rgba(0,0,0,.4)}.mock-discord-header{padding:12px 16px;background:#232428;font-size:12px;font-weight:700;color:#b5bac1;justify-content:space-between}.mock-discord-header,.mock-discord-role{border-bottom:1px solid #1e1f22;display:flex}.mock-discord-role{padding:10px 16px;align-items:center;gap:12px;transition:background .1s}.mock-discord-role:last-child{border-bottom:none}.mock-discord-role:hover{background:#313338}.mock-discord-role.active{background:rgba(88,101,242,.1)}.mock-discord-role.active-red{background:rgba(237,66,69,.1)}.mock-role-dot,.mock-role-shield{flex-shrink:0}.mock-role-dot{width:14px;height:14px;border-radius:50%}.mock-role-name{flex:1;font-size:14px;font-weight:500;color:#dbdee1;display:flex;align-items:center;gap:8px}.mock-bot-tag{background:#5865f2;color:#fff;font-size:10px;font-weight:700;padding:2px 4px;border-radius:4px}.mock-role-members{color:#80848e;gap:4px}.mock-role-members,.mock-warning-text{font-size:13px;display:flex;align-items:center}.mock-warning-text{color:#ed4245;font-weight:600;margin:16px 0 8px;gap:8px}.setup-img-wrapper{margin-top:24px;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 24px rgba(0,0,0,.5);background:#000}.setup-img-wrapper img{width:100%;display:block;object-fit:cover}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.setup-container{padding:80px 16px}.setup-step-card{padding:20px;gap:16px;flex-direction:column}.setup-header-title{font-size:32px}}.sr-concepts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.sr-concept-card{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:24px;transition:border-color .2s}.sr-concept-card:hover{border-color:rgba(245,158,11,.2)}.sr-concept-icon{width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,.04);display:flex;align-items:center;justify-content:center;margin-bottom:14px}.sr-concept-title{font-size:15px;font-weight:700;color:#fff;margin:0 0 8px}.sr-concept-desc{font-size:13px;color:rgba(255,255,255,.5);line-height:1.6;margin:0}.sr-mapping-visual{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:28px}.sr-mapping-group{margin-bottom:8px}.sr-mapping-req{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:#fff;margin-bottom:12px}.sr-mapping-req-dot{width:10px;height:10px;border-radius:50%}.sr-mapping-arrows{padding-left:20px;border-left:2px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:8px;margin-left:4px}.sr-mapping-row{display:flex;align-items:center;gap:12px;padding:8px 14px;background:rgba(255,255,255,.02);border-radius:8px;border:1px solid rgba(255,255,255,.04)}.sr-mapping-alias{font-family:Fira Code,Cascadia Code,monospace;font-size:13px;font-weight:700;color:#f59e0b;min-width:55px}.sr-mapping-arrow{color:rgba(255,255,255,.25);font-size:14px}.sr-mapping-role{display:flex;align-items:center;gap:6px;font-size:13px;color:#dcddde;font-weight:500}.sr-mapping-role-dot{width:8px;height:8px;border-radius:50%}.sr-mapping-note{margin-top:20px;padding:14px 16px;background:rgba(217,119,6,.05);border:1px solid rgba(217,119,6,.12);border-radius:8px;font-size:13px;color:rgba(255,255,255,.55);line-height:1.7}.sr-mapping-note code{background:rgba(217,119,6,.15);color:#f59e0b;padding:1px 6px;border-radius:4px;font-family:Fira Code,Cascadia Code,monospace;font-size:12px}.sr-mapping-note strong{color:#fff}@media (max-width:768px){.setup-tab-bar{flex-direction:column}.setup-tab-btn{width:100%;padding:12px 16px}}