:root{--background: #0d0c0d;--block: #0f0f11;--text: #858185;--main: #b2a7fb;--main2: #c6beff;--card-bg: #1d1d1f;--button-bg: #444;--button-bg-hover: #555;--tag-bg: #333;--tag-color: #fff;--font-family: "Geist", sans-serif;--card-border-radius: 15px;--button-padding: 10px 10px}body{font-family: var(--font-family);background-color: var(--background);color: #fff;margin: 0;padding: 0;display: flex;justify-content: center;align-items: center;text-align: center}.container{width: 100%;max-width: 2000px;padding-bottom: 150px;padding-left: 250px;padding-right: 250px;box-sizing: border-box}@media (max-width: 768px){.container{padding-left: 40px;padding-right: 40px}}h1{font-size: 3rem;margin-top: 100px;margin-bottom: 10px}.description{font-size: 1rem;margin-bottom: 20px;color: var(--text)}.back-button{display: inline-block;padding: 10px 20px;background-color: var(--main);color: #000;text-decoration: none;font-size: 1.2rem;border-radius: 5px;transition: background-color 0.3s;margin-bottom: 40px}.back-button:hover{background-color: var(--main2)}.filters{display: flex;gap: 100px;justify-content: center;margin-bottom: 20px}.tags{display: flex;justify-content: center;gap: 20px;margin-top: 20px;margin-left: 20px}.filters + .tags{margin-top: 40px}.filter-option,.tag-filter{padding: 10px;cursor: pointer;background-color: var(--card-bg);color: #fff;border: none;border-radius: 5px;margin: 2px;transition: background-color 0.3s ease}.filter-option.active,.tag-filter.active{background-color: var(--main);color: #000;padding: 11px}.filter-option:hover,.tag-filter:hover{background-color: var(--main2);color: #000}.project-cards{display: grid;grid-template-columns: repeat(3, 1fr);gap: 30px;margin-top: 50px}@media (max-width: 768px){.project-cards{grid-template-columns: repeat(2, 1fr)}}.project-card{background-color: #161618;border-radius: var(--card-border-radius);overflow: hidden;display: flex;flex-direction: column;height: 100%;border: 1px solid #333;position: relative}.project-type{position: absolute;top: 10px;right: 10px;padding: 5px 15px;background-color: #3498db;color: #fff;border-radius: 20px;font-size: 0.9rem;text-transform: uppercase;font-weight: 700;display: flex;align-items: center;justify-content: center;gap: 8px;z-index: 2}.project-type.game{background-color: #e74c3c}.project-type.ai{background-color: #8e44ad}.project-type.web{background-color: #2ecc71}.project-type.desktop{background-color: #16c1df}.project-type.mobile{background-color: #f1c40f}.project-card:hover .project-image{filter: brightness(0.9)}.project-image{width: 100%;height: 250px;object-fit: cover;transition: transform 0.3s ease, filter 0.3s ease;transform-origin: center center}@media (max-width: 768px){.project-image{height: 200px}}.project-title{position: relative;display: flex;flex-direction: column;align-items: flex-start;margin-left: 15px;font-size: 1.4rem}.project-description{position: relative;margin: 10px 20px;color: var(--text);text-align: left;display: block}.tagss{display: flex;gap: 10px;margin: 10px}.tagss i{width: 15px;height: 15px;margin-right: 5px}.tag{background-color: var(--tag-bg);color: var(--tag-color);padding: 5px 10px;border-radius: 20px;font-size: 0.9rem}.buttons{display: flex;justify-content: space-between;padding: 15px 15px;background-color: #222}.button{padding: var(--button-padding);color: #000;text-decoration: none;font-size: 1rem;border-radius: 5px;transition: background-color 0.3s}.button-0{width: 100px;margin-right: 12px;background-color: #222;cursor: unset}.button-1{width: 100px;margin-right: 12px;background-color: var(--main)}.button i{font-size: 30px;color: var(--background)}.button-2{display: inline-flex;width: 500px;background-color: var(--main);font-size: 18px}.button-2 span{transition: 0.3s ease;font-size: 25px;margin-left: 6px;margin-top: -5px}.button-2:hover span{transform: translateX(8px)}.button-1:hover{background-color: var(--main2)}.button-2:hover{background-color: var(--main2)}@media (max-width: 480px){.project-cards{grid-template-columns: 1fr;margin-top: 50px}h1{font-size: 2rem}.project-title{font-size: 1.2rem}.project-description{font-size: 0.9rem}.button{font-size: 0.9rem;padding: 8px 16px}}.backtop{width: 50px;height: 50px;border-radius: 50%;background-color: #141414;border: none;font-weight: 500;display: flex;align-items: center;justify-content: center;box-shadow: 0 0 0 4px rgb(180 160 255 / 0.253);cursor: pointer;transition-duration: 0.5s;overflow: hidden;position: fixed;bottom: 20px;left: 50%;transform: translateX(-50%);opacity: 0;transition: opacity 0.9s ease-in-out}.svgIcon{width: 12px;transition-duration: 0.5s}.svgIcon path{fill: #fff}.backtop:hover{width: 140px;border-radius: 50px;transition-duration: 0.3s;background-color: var(--main);align-items: center}.backtop:hover .svgIcon{transition-duration: 0.5s;transform: translateY(-200%)}.backtop::before{position: absolute;bottom: -20px;content: "En Üste Dön";color: #000;font-size: 0}.backtop:hover::before{font-size: 13px;opacity: 1;bottom: unset;transition-duration: 0.3s}