*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}:root{--primary-color:#00b4d8;--primary-dark:#0077b6;--primary-light:#48cae4;--secondary-color:#4361ee;--accent-color:#03045e;--bg-gradient-start:#023047;--bg-gradient-end:#0077b6;--card-bg:rgba(42,54,112,0.4);--text-primary:#fff;--text-secondary:#a0aec0;--text-muted:#718096;--border-color:rgba(0,180,216,0.3);--shadow:0 8px 32px rgba(0,180,216,0.15);--glow:0 0 20px rgba(0,180,216,0.4);--hover-glow:0 0 30px rgba(0,180,216,0.6);--font-size-xs:clamp(0.75rem,1.1rem,0.875rem);--font-size-sm:clamp(0.875rem,1.45rem,1rem);--font-size-base:clamp(1rem,1.8rem,1.125rem);--font-size-lg:clamp(1.125rem,2.15rem,1.25rem);--font-size-xl:clamp(1.25rem,2.5rem,1.5rem);--font-size-2xl:clamp(1.5rem,3.2rem,2rem)}.config-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,var(--bg-gradient-start),var(--bg-gradient-end));color:var(--text-primary);height:100vh;padding:0 2rem 2rem;position:relative;overflow-x:hidden;overflow-y:auto}.config-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(0,180,216,.1) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(67,97,238,.1) 0,transparent 50%),radial-gradient(circle at 40% 80%,rgba(0,119,182,.1) 0,transparent 50%);pointer-events:none}.header-section{text-align:center;margin-bottom:1rem;position:relative;z-index:1}.main-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary);text-shadow:0 0 30px rgba(0,180,216,.5);position:relative;display:inline-block;padding:1rem 2rem;border-radius:1rem;background:rgba(0,180,216,.1);border:1px solid rgba(0,180,216,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-animation:titleGlow 2s ease-in-out infinite;animation:titleGlow 2s ease-in-out infinite}.main-title:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color),var(--primary-color));border-radius:1rem;z-index:-1;opacity:.5}.content-section{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:2rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;z-index:1}.module-card{width:calc(25% - 1.5rem);min-width:280px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:1rem;overflow:hidden;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-box-shadow:var(--shadow);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);position:relative}.module-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:-webkit-gradient(linear,left top,right top,from(var(--primary-color)),to(var(--secondary-color)));background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;transform-origin:left;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.module-card:hover{-webkit-transform:translateY(-8px);transform:translateY(-8px);-webkit-box-shadow:var(--hover-glow);box-shadow:var(--hover-glow);border-color:var(--primary-color)}.module-card:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1)}.module-image{position:relative;height:180px;width:100%;overflow:hidden}.module-image img{width:100%;height:100%;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.module-card:hover .module-image img{-webkit-transform:scale(1.05);transform:scale(1.05)}.image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.5)));background:linear-gradient(180deg,transparent,rgba(0,0,0,.5));opacity:.7}.module-content{padding:1.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1rem}.module-info{-webkit-box-flex:1;-ms-flex:1;flex:1}.module-title{font-size:var(--font-size-lg);font-weight:600;margin-bottom:.5rem;color:var(--primary-light);text-shadow:0 0 10px rgba(0,180,216,.3)}.module-description{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.5}.module-button{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-size:var(--font-size-sm);font-weight:600;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:.5rem;-webkit-box-shadow:0 4px 15px rgba(0,180,216,.3);box-shadow:0 4px 15px rgba(0,180,216,.3)}.module-button:hover{background:linear-gradient(135deg,var(--primary-dark),var(--accent-color));-webkit-box-shadow:0 6px 25px rgba(0,180,216,.5);box-shadow:0 6px 25px rgba(0,180,216,.5);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.module-button:hover .button-arrow{-webkit-transform:translateX(5px);transform:translateX(5px)}.button-arrow{-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;font-size:var(--font-size-base)}.module-button-cancel{background:linear-gradient(135deg,#ff6b6b,#ee5a52);-webkit-box-shadow:0 4px 15px hsla(0,100%,71%,.3);box-shadow:0 4px 15px hsla(0,100%,71%,.3)}.module-button-cancel:hover{background:linear-gradient(135deg,#ee5a52,#e74c3c);-webkit-box-shadow:0 6px 25px hsla(0,100%,71%,.5);box-shadow:0 6px 25px hsla(0,100%,71%,.5)}@-webkit-keyframes titleGlow{0%,to{-webkit-box-shadow:0 0 20px rgba(0,180,216,.3),0 0 40px rgba(0,180,216,.1);box-shadow:0 0 20px rgba(0,180,216,.3),0 0 40px rgba(0,180,216,.1)}50%{-webkit-box-shadow:0 0 30px rgba(0,180,216,.5),0 0 60px rgba(0,180,216,.2);box-shadow:0 0 30px rgba(0,180,216,.5),0 0 60px rgba(0,180,216,.2)}}@keyframes titleGlow{0%,to{-webkit-box-shadow:0 0 20px rgba(0,180,216,.3),0 0 40px rgba(0,180,216,.1);box-shadow:0 0 20px rgba(0,180,216,.3),0 0 40px rgba(0,180,216,.1)}50%{-webkit-box-shadow:0 0 30px rgba(0,180,216,.5),0 0 60px rgba(0,180,216,.2);box-shadow:0 0 30px rgba(0,180,216,.5),0 0 60px rgba(0,180,216,.2)}}@-webkit-keyframes cardPulse{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.02);transform:scale(1.02)}}@keyframes cardPulse{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.02);transform:scale(1.02)}}@media (max-width:1200px){.module-card{width:calc(33.333% - 1.33rem)}}@media (max-width:900px){.module-card{width:calc(50% - 1rem)}}@media (max-width:600px){.config-container{padding:1rem}.module-card{width:100%;min-width:unset}.main-title{font-size:var(--font-size-xl);padding:.75rem 1.5rem}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:rgba(0,0,0,.2);border-radius:4px}::-webkit-scrollbar-thumb{background:-webkit-gradient(linear,left top,left bottom,from(var(--primary-color)),to(var(--secondary-color)));background:linear-gradient(180deg,var(--primary-color),var(--secondary-color));border-radius:4px}::-webkit-scrollbar-thumb:hover{background:-webkit-gradient(linear,left top,left bottom,from(var(--primary-dark)),to(var(--accent-color)));background:linear-gradient(180deg,var(--primary-dark),var(--accent-color))}