.runks-main{font-family:Lato,sans-serif;min-height:100vh}.exemple_width{width:80%;margin:50px auto 20px;justify-content:center;display:flex;padding-left:15px;flex-direction:column;border-left:10px solid #A6BFF8;box-sizing:border-box}.runks_hero{position:relative;background-image:url(/assets/static/about_background.unMMZLM0.jpg);background-size:cover;background-position:center bottom;background-repeat:no-repeat;width:100%;padding:150px 0;overflow:hidden}.runks_hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#000;opacity:.03;z-index:0}.runks-tags{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;padding:0;margin:5rem auto}.runks-tags button{background:#fff;border:2px solid #2436d4;color:#2436d4;padding:.5rem 1rem;border-radius:5px;cursor:pointer;transition:all .2s ease;text-transform:uppercase}.runks-tags button:hover{background:#2436d4;border:2px solid #2436d4;color:#fff}.runks-tags button.active{background:#2436d4;color:#fff}.coming-soon{text-align:center;margin:2rem 0}.display-mode-selector{width:100%;display:flex;justify-content:center;margin:2rem auto 1.5rem;padding:.5rem}.selector-container{display:flex;gap:1rem;padding:.4rem;background:#f8f9fa;border-radius:12px;box-shadow:0 2px 8px #00000014}.selector-btn{display:flex;align-items:center;gap:.75rem;padding:.8rem 1.5rem;background:#fff;border:2px solid transparent;border-radius:10px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;min-width:220px}.selector-btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#2436d4,#1c2aa8);opacity:0;transition:opacity .3s ease;z-index:0}.selector-btn:hover{transform:translateY(-2px);box-shadow:0 8px 16px #2436d426}.selector-btn:hover:before{opacity:.05}.selector-btn.active{border-color:#2436d4;background:linear-gradient(135deg,#2436d4,#1c2aa8);box-shadow:0 8px 20px #2436d440;transform:translateY(-2px)}.selector-btn.active .selector-title,.selector-btn.active .selector-description,.selector-btn.active .selector-icon{color:#fff}.selector-icon{width:32px;height:32px;color:#2436d4;flex-shrink:0;transition:all .3s ease;z-index:1}.selector-btn:hover .selector-icon{transform:scale(1.1)}.selector-btn.active .selector-icon{color:#fff}.selector-text{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;z-index:1}.selector-title{font-size:14px;font-weight:600;color:#1a1a1a;transition:color .3s ease}.selector-description{font-size:11px;color:#6b7280;transition:color .3s ease}.selector-btn.active .selector-title{color:#fff}.selector-btn.active .selector-description{color:#ffffffe6}.all-categories-container{width:100%;padding:2rem 0}.category-section{margin-bottom:4rem}.category-title{text-align:center;font-size:24px;font-weight:700;color:#2436d4;text-transform:uppercase;margin:2rem 0 1.5rem;padding:.8rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-left:5px solid #2436d4}@media (max-width: 768px){.selector-container{flex-direction:column;gap:1rem;width:90%;max-width:400px}.selector-btn{min-width:unset;width:100%;padding:1rem 1.5rem}.selector-icon{width:35px;height:35px}.selector-title{font-size:15px}.selector-description{font-size:12px}.category-title{font-size:20px}}@media (max-width: 480px){.selector-container{width:95%}.selector-btn{padding:.9rem 1.2rem}.selector-icon{width:30px;height:30px}.selector-title{font-size:14px}.selector-description{font-size:11px}}