:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}html,body{overflow-x:hidden}body{margin:0;width:100%;min-height:100vh;position:relative}#root{width:100%;min-height:100vh;display:flex;flex-direction:column}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}html,body{margin:0;padding:0;background-color:#121212;color:#fff;min-height:100%}#root{background-color:#121212}.main-content{padding-top:5rem;width:100%;box-sizing:border-box}@media(max-width:768px){.main-content{padding-top:4.25rem}}.panel-card{position:relative;border-radius:8px;overflow:hidden;background-color:#1a1a1a;transition:transform .2s;height:auto;display:flex;flex-direction:column}.panel-card:hover{transform:translateY(-5px)}.panel-image{position:relative;aspect-ratio:1 / 1;width:100%;overflow:hidden;background-color:#0f0f0f;display:block}.panel-image img{width:100%;height:100%;object-fit:contain;object-position:center;display:block}.panel-card:hover{opacity:1}.favorite-btn{position:absolute;top:1rem;right:1rem;color:#fff;font-size:1.5rem;padding:.5rem;background-color:#00000080;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.favorite-btn:hover{background-color:#000c}.favorite-btn.active{color:#ff4757}.panel-card h3{font-size:1rem;margin:.75rem 1rem 1rem;color:#fff}@media(max-width:768px){.panel-card{font-size:.9rem}.panel-info{padding:.75rem}.favorite-btn{width:32px;height:32px;font-size:1.2rem}}.search-form{max-width:600px;margin:0 auto 2rem;display:flex;gap:1rem;padding:0 1rem;box-sizing:border-box}.search-input{flex:1;padding:.75rem 1rem;border:none;border-radius:4px;background-color:#333;color:#fff;font-size:1rem}.search-input:focus{outline:none;box-shadow:0 0 0 2px #666}.panels-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;padding:1rem;width:100%;box-sizing:border-box;justify-items:center}.panels-grid.single{grid-template-columns:1fr;justify-items:center}.panel-card{max-width:350px;width:100%}@media(max-width:640px){.panels-grid{grid-template-columns:1fr;gap:1rem}.panel-card{max-width:100%}}.home{padding:2rem;background-color:transparent;color:#fff;min-height:100vh;box-sizing:border-box}.favorites-section{background-color:#1f1f1f;padding:1rem 0;border-radius:8px}.favorites-section h2,.others-section h2{color:#fff;margin-left:1rem;margin-bottom:.5rem;font-size:1.3rem;font-weight:600}.home{background:linear-gradient(to bottom,#181818,#0d0d0d);min-height:100vh;color:#fff}.CV{padding:5rem;width:100%;box-sizing:border-box}.CV h2{margin-bottom:2rem;text-align:center;font-size:2.5rem;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.CV-top{display:flex;align-items:center;background-color:#dfdfdf;animation:fadeIn .8s ease-in-out}.CV-top-left{flex:1;padding:2rem;margin-left:2rem;max-width:400px;background-color:#18672f}.CV-top-right{flex:2;padding:1rem 2rem;text-align:left}.CV-header{text-align:right;padding:1rem 2rem;position:relative;background-color:#18672f}.CV-photo-container{position:absolute;left:7.5rem;top:-40px;width:220px;z-index:10}.CV-photo-container img{width:100%;height:auto;border-radius:8%}.CV-header h2{text-align:right;font-size:2rem;color:#fff}.CV-header p{color:#fff;font-size:1.2rem;line-height:1.6}.CV-split{display:flex;gap:1rem;margin-top:0rem;background-color:#dfdfdf;animation:fadeIn .8s ease-in-out}.CV-column{flex:1;padding:1rem;margin-left:2rem;max-width:400px;background-color:#18672f}.CV-column a{display:block;color:#fff;text-decoration:none;margin-bottom:5px;text-align:center;font-size:.9rem}.CV-column p{margin-bottom:4px;text-align:center;font-size:.95rem;color:#fff}.CV-column a:hover{text-decoration:underline}.skills-list{list-style-type:none;text-align:center;padding:0;margin:0}.skills-list li{margin-bottom:4px;text-align:center;font-size:.95rem;color:#fff}.section{margin-bottom:2rem}.section h2{font-size:1.2rem;color:#000;text-align:center;border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:5px;margin-bottom:10px}.CV-right{flex:1;padding:1rem 2rem;background-color:#dfdfdf;animation:fadeIn .8s ease-in-out}.CV-right p{color:#252f35}.titre-formation{position:relative;display:inline-block;margin:2rem 0 1rem;padding:0;font-size:1.7rem;font-weight:700;color:#4a5d6a;text-transform:uppercase;z-index:1}.titre-formation:after{content:"";position:absolute;bottom:-3px;left:0;width:100%;height:17px;background-color:#b4d7b4;z-index:-1}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.CV{padding:1rem;overflow-x:hidden}.CV-top,.CV-split{flex-direction:column;align-items:stretch}.CV-top-left,.CV-top-right,.CV-column,.CV-right{width:100%;margin-left:0;padding:1.5rem;flex:auto;box-sizing:border-box}.CV-photo-container{position:relative;top:0;left:0;margin:0 auto 1.5rem}}:root{--bg: #ffffff;--card: #1f1f1f;--accent: #0016dd;--muted: #6b7280}input[type=number],select{background-color:#8b8b8b;color:#fff;font-weight:700;border:1px solid #0015ff;border-radius:6px;padding:6px 10px;font-size:1rem;width:100%;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}input[type=number]:focus,select:focus{outline:none;border-color:#60a5fa;box-shadow:0 0 0 2px #60a5fa66}.number-input{display:flex;align-items:center;gap:8px}.number-input input[type=number]{-moz-appearance:textfield;-webkit-appearance:none;appearance:none;padding:6px 10px;border-radius:6px;border:1px solid #0015ff;background-color:#8b8b8b;color:#fff;width:100%;box-sizing:border-box}.number-input input{padding:6px 10px;border-radius:6px;border:1px solid #0015ff;background-color:#8b8b8b;color:#fff;font-weight:700;width:100%;box-sizing:border-box}.number-input .spin-btn{background:#ffffff0f;color:#fff;border:1px solid rgba(255,255,255,.06);padding:6px 10px;border-radius:6px;cursor:pointer;font-size:1rem;line-height:1}.number-input .spin-btn:hover{background:#ffffff1f}.number-input input[type=number]::-webkit-outer-spin-button,.number-input input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;display:none;margin:0}body{background:var(--bg);color:#111827;font-family:Inter,system-ui,sans-serif}.graphs-container{max-width:920px;margin:0 auto;padding:24px}header{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-bottom:18px}h1{font-size:1.4rem;margin:0;color:#2563eb}.card{background:var(--card);padding:18px;border-radius:12px;box-shadow:0 6px 18px #1018280f;margin-bottom:24px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:12px}label{display:block;font-size:.85rem;color:var(--muted);margin-bottom:6px}button{background:var(--accent);color:#fff;border:none;padding:10px 14px;border-radius:10px;cursor:pointer;font-weight:600;transition:background .2s ease}button:hover{background:#002fff}button.reset{background:#626262}.result{margin-top:14px;padding:12px;border-radius:10px;background:#626262}.convert-btn{margin-top:12px}.muted{color:#fff;font-size:.9rem}.chart-container{margin-top:18px;height:320px}.actions{margin-top:12px;display:flex;gap:8px;align-items:center}.taux-valeur{color:#fff;font-weight:700}.label-strong{color:#000;font-weight:700}.chart-container{position:relative;height:300px;margin-top:1rem}.chart-container.second{height:350px;margin-top:2rem;border-top:1px solid #334155;padding-top:1rem}.extra-rates{margin-top:1rem}.extra-rates h3{margin-bottom:8px;font-size:1rem;color:#f1f5f9}.extra-rates .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:10px}.Kiduland{padding:20px;box-sizing:border-box;margin-left:2rem;margin-right:2rem}.Kiduland h1{text-align:center;margin-top:40px;margin-bottom:80px;font-size:40px}.Kiduland p{text-align:left;font-size:18px;margin-bottom:15px;line-height:1.2;color:#fff}.Video-container{margin-top:20px;max-width:800px;margin-left:auto;margin-right:auto}.Video-container video{width:100%;height:auto}.Image-container{margin-top:20px;max-width:800px;margin-left:auto;margin-right:auto}.Image-container img{width:100%;height:auto}.separator{background-color:#1f1f1f;padding:10px;border-radius:8px;margin-top:30px;margin-bottom:30px}.p-purple{color:#ff69b4;font-weight:700}.navbar{position:fixed;top:.8rem;left:50%;transform:translate(-50%);width:90%;max-width:1200px;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:1rem;box-shadow:0 6px 24px #00000059;padding:.8rem 1.5rem;display:flex;justify-content:space-between;align-items:center;z-index:1000}.navbar-brand a{font-size:1.5rem;font-weight:700;text-decoration:none;color:#007bff}.navbar-links{display:flex;gap:1.5rem}.h2-card{color:#fff}.nav-link{text-decoration:none;color:#007bff;font-weight:500;padding:.5rem .8rem;border-radius:8px;transition:background-color .2s ease,color .2s ease}.nav-link:hover{background-color:#007bff1a;color:#007bff}@media(max-width:768px){.navbar{width:95%;padding:.8rem 1rem}.navbar-brand a{font-size:1.2rem}.navbar-links{gap:1rem}}.Backend{text-align:center;margin-bottom:2rem}.Backend p{color:#fff;text-align:left;margin-top:0%;margin-left:20%;margin-right:20%}.Backend h1{margin-top:3%;margin-bottom:3%;color:red}.title{background-color:#242424;border-radius:18px;padding:18px 0 18px 3px;margin:3% 20%}.code{background-color:#242424;border-radius:10px;padding:6px;margin:3% 20%;overflow:"hidden"}.ZuulBad{padding:2rem;max-width:1200px;margin:0 auto}.ZuulBad h1{text-align:center;margin-top:2%;margin-bottom:2%}.ZuulBad p{color:#fff}.carousel-container{margin-top:2rem;width:100%;border-radius:15px;overflow:hidden}.slide-content{width:100%;height:auto;container-type:inline-size}.slide-content img{width:100%;height:auto}.slide-text{position:absolute;bottom:5%;right:5%;background-color:#000000b3;color:#fff;padding:.5em 1em;border-radius:.5em;font-weight:700;font-size:clamp(12px,5cqw,30px);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}:is(.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--swiper-navigation-size: 44px}.swiper-button-prev,.swiper-button-next{position:absolute;width:var(--swiper-navigation-size);height:var(--swiper-navigation-size);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}:is(.swiper-button-prev,.swiper-button-next).swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}:is(.swiper-button-prev,.swiper-button-next).swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled :is(.swiper-button-prev,.swiper-button-next){display:none!important}:is(.swiper-button-prev,.swiper-button-next) svg{width:100%;height:100%;object-fit:contain;transform-origin:center;fill:currentColor;pointer-events:none}.swiper-button-lock{display:none}.swiper-button-prev,.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2))}.swiper-button-prev{left:var(--swiper-navigation-sides-offset, 4px);right:auto}.swiper-button-prev .swiper-navigation-icon{transform:rotate(180deg)}.swiper-button-next{right:var(--swiper-navigation-sides-offset, 4px);left:auto}.swiper-horizontal .swiper-button-prev,.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal~.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));margin-left:0}.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next{left:var(--swiper-navigation-sides-offset, 4px);right:auto}.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-next,.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev{right:var(--swiper-navigation-sides-offset, 4px);left:auto}:is(.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next) .swiper-navigation-icon{transform:rotate(180deg)}:is(.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(0)}.swiper-vertical .swiper-button-prev,.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-prev,.swiper-vertical~.swiper-button-next{left:var(--swiper-navigation-top-offset, 50%);right:auto;margin-left:calc(0px - (var(--swiper-navigation-size) / 2));margin-top:0}.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev{top:var(--swiper-navigation-sides-offset, 4px);bottom:auto}:is(.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(-90deg)}.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset, 4px);top:auto}:is(.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next) .swiper-navigation-icon{transform:rotate(90deg)}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0,-50%,0)}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets) .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets) .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.container{margin-left:25%;margin-top:2rem;margin-bottom:2rem;margin-right:25%;display:flex;flex-direction:column;align-items:center;gap:2rem}.text-container{text-align:left;color:#fff}.text-container h2{color:#ff00a2}.terminal-card{width:100%;margin:0 auto;position:relative;overflow:hidden}.terminal-card img{width:100%;height:auto;display:block}.card-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#1e1e1e;color:#0f0;transition:opacity .3s ease;display:flex;flex-direction:column;padding:10px;opacity:0;z-index:10}.terminal-card:hover .card-overlay{opacity:1}.terminal-header{display:flex;gap:5px;margin-bottom:10px}.dot{width:10px;height:10px;border-radius:50%}.red{background:#ff5f56}.yellow{background:#ffbd2e}.green{background:#27c93f}.writing{overflow:hidden;border-right:2px solid green;width:0;animation:typing 4s steps(20,end) forwards;animation-delay:.4s;white-space:nowrap}.passed{color:#27c93f;font-weight:700;animation:fadeIn .5s forwards;animation-delay:2.5s;opacity:0}@keyframes typing{0%{width:0}to{width:100%}}@keyframes fadeIn{to{opacity:1}}@media(max-width:900px){.container{margin-left:5%;margin-right:5%}}