@font-face{font-display:swap;font-family:Geist;font-style:normal;font-weight:500;src:url("../fonts/geist-v3-latin-ext-500.woff2") format("woff2")}@font-face{font-display:swap;font-family:Geist;font-style:normal;font-weight:700;src:url("../fonts/geist-v3-latin-ext-700.woff2") format("woff2")}:root{--background:#0d0c0d;--block:#0f0f11;--text:#858185;--main:#b2a7fb;--main2:#c0b7fc;--card-bg:#1d1d1f;--button-bg:#444;--button-bg-hover:#555;--font-family:"Geist",sans-serif;--button-padding:10px 10px;--tag-bg:#333}body{font-family:var(--font-family);background-color:var(--background);color:#efefef;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-flex;align-items:center;padding:10px 20px;background-color:var(--main);color:#000;text-decoration:none;font-size:1.2rem;border-radius:10px;transition:background-color .3s,transform .3s ease;margin-bottom:40px;border:none;cursor:pointer;font-family:Geist,sans-serif}.back-button:hover{background-color:var(--main2)}.back-button:active{transform:scale(.98)}.back-button svg{transition:.3s ease;width:20px;height:20px;margin-right:10px;vertical-align:middle;display:inline-flex;align-items:center}.back-button:hover svg{transform:translateX(-8px)}@media (max-width:768px){.back-button{padding:8px 16px;font-size:1rem;margin-bottom:30px}.back-button svg{width:18px;height:18px;margin-right:8px}}.filters{display:flex;gap:100px;justify-content:center;margin-bottom:60px;margin-top:40px}.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 15px;cursor:pointer;background-color:var(--card-bg);color:var(--text);border:none;border-radius:10px;margin:3px;transition:all .3s ease;font-weight:500;box-shadow:0 2px 8px rgba(0,0,0,.3)}.filter-option.active,.tag-filter.active{background-color:var(--main);color:#000;transform:scale(1.06);box-shadow:0 4px 12px rgba(178,167,251,.4)}.filter-option:hover,.tag-filter:hover{background-color:var(--main2);color:#000;transform:translateY(-2px);box-shadow:0 4px 12px rgba(192,183,252,.3)}.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:10px;overflow:hidden;display:flex;flex-direction:column;height:605px;border:1px solid #333;position:relative;transition:transform .3s ease}@media (max-width:768px){.project-card{height:550px}}@media (max-width:480px){.project-card{height:530px}}.project-type{position:absolute;top:10px;right:10px;padding:5px 15px;background-color:#3498db;color:#efefef;border-radius:20px;font-size:.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{color:var(--block);background-color:var(--main)}.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(.9)}.project-image{width:100%;height:250px;object-fit:cover;transition:transform .3s ease,filter .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;flex-shrink:0}.project-description{margin:10px 20px;color:var(--text);text-align:left;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;line-clamp:4;overflow:hidden;flex-grow:1;line-height:1.5}.tagss{display:flex;gap:10px;margin:8px 15px;height:70px;overflow:hidden;align-items:flex-start;flex-wrap:wrap;align-content:flex-start;flex-shrink:0}.tagss svg{width:15px;height:15px;margin-right:5px}.tagss img{width:15px;height:15px;margin-right:5px}.tag{background-color:var(--tag-bg);padding:5px 10px;border-radius:20px;font-size:.9rem;display:flex;align-items:center}.buttons{display:flex;justify-content:space-between;padding:16px 15px;background-color:#222;margin-top:auto;flex-shrink:0}.button{padding:var(--button-padding);color:#000;text-decoration:none;font-size:1rem;border-radius:5px;transition:background-color .3s}.button-0{width:50%;margin:2%;background-color:var(--tag-bg);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:.7em 1em;border-radius:10px;border:none;transition:background-color .3s ease}.button-0:hover{background-color:var(--tag-bg)}.button-1{width:50%;margin:2%;background-color:var(--main);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:.7em 1em;border-radius:10px;border:none;cursor:pointer;transition:background-color .3s ease}.button-1 span{display:block;margin-left:.3em;transition:all .3s ease-in-out;color:var(--background);font-weight:1000}.button-1 svg{width:30px;height:30px;color:var(--background);display:block;transform-origin:center center;transition:transform .3s ease-in-out}.button-1:hover{background-color:var(--main2)}.button-1:hover .svg-wrapper{transform:scale(1.25);transition:.5s linear}.button-1:hover svg{transform:translateX(1.33em)}.button-1:hover span{opacity:0;transition:.2s linear}.button svg{width:30px;height:30px;color:var(--background)}.button-2{display:inline-flex;width:500px;background-color:var(--main);font-size:1.1rem}.button-2 span{transition:.3s ease;font-size:1.5rem;margin-left:6px;margin-top:-5px}.button-2:hover span{transform:translateX(8px)}.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:.9rem}.buttons{padding:20px 15px}.button{font-size:.9rem;padding:8px 16px}}.backtop{width:50px;height:50px;border-radius:50%;background-color:#141414;border:none;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 4px rgb(180 160 255 / .253);cursor:pointer;transition-duration:.5s;overflow:hidden;position:fixed;bottom:20px;left:50%;transform:translateX(-50%);opacity:0;transition:opacity .9s ease-in-out}.svgIcon{width:12px;transition-duration:.5s}.svgIcon path{fill:#efefef}.backtop:hover{width:140px;border-radius:50px;transition-duration:.3s;background-color:var(--main2);align-items:center}.backtop:hover .svgIcon{transition-duration:.5s;transform:translateY(-200%)}.backtop::before{position:absolute;bottom:-20px;content:"  En Üste Dön";color:#000;font-size:0rem}.backtop:hover::before{font-size:.9rem;opacity:1;bottom:unset;transition-duration:.3s}@media (max-width:768px){.filters{gap:20px;margin-bottom:30px;margin-top:20px;flex-wrap:wrap}.filter-option,.tag-filter{padding:6px 12px;font-size:.8rem;margin:1px;margin-bottom:10px}}