@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap);*,:after,:before{box-sizing:border-box}*,ol,ul{margin:0;padding:0}ol,ul{list-style:none}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;text-rendering:optimizeLegibility}body,html{line-height:150%}body{background-color:#0c0d0e;color:#ccc;font-family:Roboto,sans-serif;min-height:100vh;padding:24px;text-rendering:optimizeSpeed}a{color:inherit;text-decoration:none}canvas,img,picture,svg,video{display:block;height:auto;max-width:100%}button,input,select,textarea{font:inherit}header{align-items:center;display:flex;height:50px;justify-content:space-between}#logo{color:#efece6;font-size:1.5rem;font-weight:700}nav .about{display:none}hr{border:none;border-top:1px solid hsla(0,0%,82%,.26);margin:24px 0}nav{align-items:center;display:flex;gap:10px}nav .btn{background-color:#d0c7b3;border-radius:.5rem;color:#1a1a1a;font-size:.875rem;font-weight:600;padding:.75rem 1.3rem;transition:background-color .3s ease}nav .btn:hover{background-color:#bcb068;color:#efece6}.theme-toggle{background-color:#d0c7b3;border:none;border-radius:.5rem;color:#1a1a1a;cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem 1.2rem;transition:background-color .3s ease}.theme-toggle:hover{background-color:#bcb068}.hero{align-items:center;display:flex;flex-direction:column;margin:5rem auto 2.5rem}.hero .hero__headline{color:#f7f7f7;font-size:2.5rem;font-weight:700;line-height:96%;margin-bottom:24px;max-width:20ch;text-align:center}.hero .hero__headline span{color:#968a73}.hero p{color:#f7f7f7;font-size:1.2rem;margin-left:auto;margin-right:auto;max-width:60ch;padding-top:1.25rem;text-align:center}.card-container{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,300px));justify-content:center;padding:24px 0}.category-section{margin-bottom:2rem}.category-title{border-bottom:2px solid #f7f7f7;color:#efece6;font-size:1.8rem;margin-bottom:1rem;padding-bottom:.5rem}.card{background-color:#101214;border:4px solid hsla(0,0%,82%,.26);border-radius:1rem;box-shadow:0 0 58px 20px rgba(85,85,85,.2);cursor:pointer;max-width:300px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;width:100%}.card:hover{border-color:#d1d1d1;box-shadow:0 0 58px 20px rgba(85,85,85,.35);transform:translateY(-4px)}.card__header{align-items:center;background-color:#1a1a1a;border-radius:0 0 1rem 1rem;display:flex;justify-content:center;padding-bottom:45%;padding-top:45%;position:relative}.card__header .image_container{background-color:transparent;border-radius:1.5rem;overflow:hidden;position:absolute;width:70%}.card__header .image_container:hover{box-shadow:0 0 58px 20px rgba(85,85,85,.35);transition:all .2s ease-in-out}.card__header .image_container img{height:100%;object-fit:cover;transition:transform .2s ease-in-out;width:100%}.card__logo{backdrop-filter:blur(40px);background-color:#675e4c;border-radius:.75rem;padding:.3rem .7rem;position:absolute;right:1rem;top:.9rem;transition:opacity .2s ease-in-out;z-index:99}.card__name{color:#efece6;font-size:1.25rem;font-weight:600;letter-spacing:-1%}.card__content{align-items:flex-start;background-color:#101214;display:flex;flex-direction:column;justify-content:space-between;padding:1.5rem}.card__description{color:#ccc;font-size:1.1rem;font-weight:700;line-height:150%;margin-bottom:16px}.card__text{color:#968a73;font-size:.875rem}.card__link{background-color:#efece6;border-radius:2rem;color:#1a1a1a;display:inline-block;font-size:.875rem;margin-top:16px;padding:.2rem .7rem;transition:color .3s ease}.card__link:hover{color:#675e4c}footer{align-items:center;color:#ccc;display:flex;flex-direction:column;font-size:.875rem;justify-content:center;padding:24px 0}body.light-theme{background-color:#d1d1d1;color:#1a1a1a}body.light-theme #logo{color:#1a1a1a}body.light-theme .hero .hero__headline{color:#bcb068}body.light-theme .hero .hero__headline span{color:#1a1a1a}body.light-theme .hero p{color:#555}body.light-theme .card{background-color:#d1d1d1;border-color:rgba(85,85,85,.26)}body.light-theme .card:hover{border-color:#555}body.light-theme .card__header{background-color:#d0c7b3}body.light-theme .card__content{background-color:#d1d1d1}body.light-theme .card__description{color:#1a1a1a}body.light-theme .card__text{color:#675e4c}body.light-theme .card__link{background-color:#1a1a1a;color:#f7f7f7}body.light-theme .card__link:hover{color:#968a73}body.light-theme nav .btn{background-color:#968a73;color:#f7f7f7}body.light-theme nav .btn:hover{background-color:#555;color:#f7f7f7}body.light-theme .theme-toggle{background-color:#968a73;color:#f7f7f7}body.light-theme .theme-toggle:hover{background-color:#555}body.light-theme .card__logo{background-color:#968a73}body.light-theme footer{color:#1a1a1a}body.light-theme hr{border-top:1px solid rgba(85,85,85,.26)}body.light-theme .tab.active{background:#1a1a1a;color:#efece6}body.light-theme .tab:hover{background-color:#d0c7b3;border:1px solid #1a1a1a;color:#101214}body.light-theme .tab-bar.expanded{background-color:#d1d1d1;margin:10px}@media(min-width:768px){nav .about{display:block;font-size:1.2rem}body{padding:24px 80px}footer{flex-direction:row;font-size:1rem;gap:16px}.hero .hero__headline{font-size:3.1rem}}.tab-bar{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:.5rem}.tab{background-color:#101214;border:1px solid hsla(0,0%,82%,.26);border-radius:5px;color:#ccc;cursor:pointer;font-size:1rem;padding:.4rem 1.5rem;transition:background .3s,color .3s}.tab:hover{background-color:#d0c7b3;color:#101214}.tab.active{font-weight:700}@media(max-width:768px){.tab-bar{align-items:stretch;bottom:0;display:flex;flex-direction:column-reverse;left:0;padding:.5rem;position:fixed;right:0;z-index:1000}.tab{display:none}.tab.active{display:block}.tab-bar.expanded .tab{display:block;margin-bottom:.5rem}.tab-bar.expanded{background-color:#101214;border:1px solid hsla(0,0%,82%,.26);margin:10px}body{padding-bottom:60px}}