.config{display:flex;flex-direction:column;min-height:100%;max-width:100%;margin:0 auto;background:#ffffff;padding:20px}.config-logo-bar{display:flex;justify-content:center;margin-bottom:12px}.config-logo{height:120px;animation:cfg-scale-in .5s ease both}@keyframes cfg-fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes cfg-scale-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes cfg-slide-right{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes cfg-pulse{0%,to{box-shadow:0 4px 20px rgba(0,119,182,.25)}50%{box-shadow:0 4px 30px rgba(0,119,182,.45)}}.config-welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center;gap:24px;padding:40px 20px;animation:cfg-fade-up .6s ease}.config-welcome-logo{height:120px;animation:cfg-scale-in .6s ease .2s both}.config-welcome-title{font-size:28px;font-weight:700;color:#1a2b3c;margin:0;animation:cfg-fade-up .5s ease .3s both}.config-welcome-text{font-size:16px;color:rgba(26,43,60,.6);line-height:1.6;max-width:300px;margin:0;animation:cfg-fade-up .5s ease .4s both}.config-welcome-btn{background:#0077b6;color:white;border:none;border-radius:9999px;padding:16px 48px;font-size:16px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .25s ease;animation:cfg-fade-up .5s ease .5s both}.config-welcome-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(0,119,182,.35)}.config-welcome-btn:active{transform:translateY(0)}.config-step-header{display:flex;align-items:center;gap:12px;margin-bottom:8px;animation:cfg-slide-right .4s ease}.config-back{background:none;border:none;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#1a2b3c;font-size:20px;transition:all .2s}.config-back:hover{background:rgba(0,0,0,.05)}.config-step-label{font-size:13px;color:rgba(26,43,60,.45);font-weight:500}.config-progress{display:flex;gap:6px;margin-bottom:24px;animation:cfg-fade-up .4s ease .1s both}.config-progress-bar{flex:1 1;height:4px;border-radius:2px;background:rgba(0,0,0,.08);overflow:hidden;transition:all .3s ease}.config-progress-bar--done{background:#0077b6}.config-progress-bar--active{background:linear-gradient(90deg,#0077b6 50%,rgba(0,0,0,.08) 0);background-size:200% 100%;animation:cfg-progress-fill 1s ease forwards}@keyframes cfg-progress-fill{to{background-position:0 0}}.config-title{font-size:26px;font-weight:700;color:#1a2b3c;margin:0 0 6px;animation:cfg-fade-up .4s ease .15s both}.config-subtitle{font-size:14px;color:rgba(26,43,60,.5);margin:0 0 24px;animation:cfg-fade-up .4s ease .2s both}.config-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.config-grid-card{border-radius:18px;overflow:hidden;cursor:pointer;border:none;background:#f5f7fa;display:flex;flex-direction:column;text-align:left;font-family:inherit;transition:all .25s ease;position:relative}.config-grid-card:first-child{animation:cfg-scale-in .4s ease .25s both}.config-grid-card:nth-child(2){animation:cfg-scale-in .4s ease .3s both}.config-grid-card:nth-child(3){animation:cfg-scale-in .4s ease .35s both}.config-grid-card:nth-child(4){animation:cfg-scale-in .4s ease .4s both}.config-grid-card:nth-child(5){animation:cfg-scale-in .4s ease .45s both}.config-grid-card:nth-child(6){animation:cfg-scale-in .4s ease .5s both}.config-grid-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.1)}.config-grid-card:active{transform:scale(.97)}.config-grid-card-img,.config-grid-card-logo{width:100%;height:110px;object-fit:cover}.config-grid-card-logo{border-radius:20px}.config-grid-card-body{padding:12px 14px 14px}.config-grid-card-title{font-size:15px;font-weight:700;color:#1a2b3c;margin:0}.config-grid-card-desc{font-size:11px;color:rgba(26,43,60,.5);margin:3px 0 0;line-height:1.3}.config-featured{border-radius:20px;background:#0077b6;padding:20px;margin-bottom:14px;display:flex;align-items:center;gap:16px;cursor:pointer;border:none;width:100%;text-align:left;font-family:inherit;position:relative;overflow:hidden;transition:all .25s ease;animation:cfg-fade-up .4s ease .25s both}.config-featured:hover{transform:translateY(-3px);box-shadow:0 8px 28px rgba(0,119,182,.4)}.config-featured:active{transform:scale(.98)}.config-featured-img{width:90px;height:70px;object-fit:contain;flex-shrink:0;border-radius:12px;background:rgba(255,255,255,.15);padding:8px}.config-featured-content{flex:1 1}.config-featured-badge{display:inline-block;background:#c2f29b;color:#1a2b3c;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:3px 8px;border-radius:6px;margin-bottom:6px}.config-featured-title{font-size:18px;font-weight:700;color:white;margin:0}.config-featured-desc{font-size:12px;color:rgba(255,255,255,.75);margin:4px 0 0}.config-unknown{display:block;width:100%;margin-top:20px;padding:14px;background:none;border:1.5px dashed rgba(26,43,60,.2);border-radius:14px;color:rgba(26,43,60,.5);font-size:14px;font-family:inherit;cursor:pointer;transition:all .2s;animation:cfg-fade-up .4s ease .6s both}.config-unknown:hover{border-color:#0077b6;color:#0077b6;background:rgba(0,119,182,.04)}@media (max-width:380px){.config-title{font-size:22px}.config-grid{gap:10px}.config-featured-img{width:70px;height:55px}}@media (min-width:600px){.config{max-width:100%;padding:28px}.config-welcome{gap:28px}.config-welcome-logo{height:140px}.config-welcome-title{font-size:32px}.config-title{font-size:30px}.config-grid{gap:18px}.config-grid-card-img,.config-grid-card-logo{height:130px}.config-featured{padding:24px}}@media (min-width:900px){.config{max-width:100%;padding:36px}.config-welcome-logo{height:160px}.config-welcome-title{font-size:36px}.config-welcome-text{font-size:18px;max-width:400px}.config-welcome-btn{font-size:18px;padding:18px 56px}.config-grid-card-img{height:150px}.config-grid-card-title{font-size:17px}}