@charset "UTF-8";*{box-sizing:border-box}body{margin:0}body{display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}: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}@font-face{font-family:Squada One;src:url(/assets/SquadaOne-Regular-Cqz_Rcah.ttf) format("truetype");font-weight:400;font-style:normal}#root{width:100%}.app-container{display:flex;flex-direction:column;min-height:100vh}.app-main{flex:1;background-color:#f9f9f9;padding:20px}.content{max-width:1200px;margin:0 auto;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a}.error{display:flex;flex-direction:column;align-items:center}header{display:flex;align-items:center;justify-content:space-evenly;background-color:#a00;color:#fff;padding:4px 24px;text-align:center;font-size:1.5rem;height:60px;width:100%}.logo{font-family:Squada One,sans-serif;font-size:30px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:1px}.logo-link{display:inline-block;text-decoration:none}.nav-toggle{display:none}.nav__items,.nav__item{display:flex}.nav__item--link{margin-right:16px;color:#fff;font-size:16px;text-transform:uppercase;text-decoration:none}.nav__item--link:hover{color:#ffffffb3;transform:scale(1.1);transition:transform .3s ease}.nav__item--link:active{transform:scale(1.1);transition:transform .3s ease}.nav-toggle{display:none;background-color:#a00;color:#fff;border:none;padding:10px 20px;cursor:pointer;font-size:1.5rem;border-radius:4px;width:max-content}.nav-toggle:hover{background-color:#ffffff1a}button{display:inline-flex;align-items:center;justify-content:center;width:60px;height:48px;border-radius:5px;border:1px solid #ccc;background-color:#fff;color:#000;cursor:pointer;transition:border-color .25s,transform .3s ease,box-shadow .3s ease;box-shadow:0 0 10px #0000001a}button:hover{box-shadow:0 0 3px #a00}button:focus,button:focus-visible{outline:none}button:active{border:none}.button--copy{margin-left:10px;width:30px;height:26px}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}form{display:flex;flex-direction:column;max-width:400px;margin:0 auto 20px;gap:10px}.form--search{flex-direction:row}.input--search{font-size:16px;height:48px;width:100%;padding:10px;border:1px solid #ccc;border-radius:5px;transition:border-color .25s,transform .3s ease,box-shadow .3s ease;box-shadow:0 0 10px #0000001a}.input--search:hover{box-shadow:0 0 3px #a00}.input--search:focus,.input--search:focus-visible{outline:none}.search-results{display:flex;flex-wrap:wrap;gap:20px;opacity:0;transition:opacity .5s}.search-results.show{opacity:1}.search-results.hide{opacity:0}.card{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:15px;flex:1 1 calc(33% - 20px);min-width:250px}.card h3{margin:0 0 10px}.card ul{padding-left:20px}.loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .5s}.loader.show{opacity:1}.loader.hide{opacity:0;transition:opacity .5s;transition-delay:1s}.footer{background-color:#24292e;color:#fff;padding:20px 0;text-align:center}.footer a{color:#58a6ff;text-decoration:none;transition:color .3s}.footer a:hover{color:#79b8ff}.footer .footer-content{max-width:1200px;margin:0 auto;padding:0 20px}.footer .footer-content ul{list-style:none;padding:0;margin:0}.footer .footer-content ul li{display:inline;margin:0 15px}.footer .footer-content ul li a{font-size:14px}.footer .footer-bottom{margin-top:20px;font-size:12px;opacity:.7}.error--message{background-color:#f44336;color:#fff;padding:10px;border-radius:5px;margin-bottom:10px}input,select,button{-webkit-appearance:none;-moz-appearance:none}.light-theme{background-color:#fff;color:#333}.dark-theme{background-color:#333;color:#fff}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@media screen and (max-width: 768px){header{justify-content:space-between}.nav{display:none}.nav-toggle{display:block;font-size:24px;cursor:pointer}.nav--open{display:flex;flex-direction:column;gap:10px;position:absolute;top:55px;left:0;width:100%;background-color:#a00;padding:20px;margin:0}.nav__items{flex-direction:column;align-items:center;margin:0;padding:0}.nav__item{margin:10px 0}.nav__item--title{font-size:14px}}