*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}#app{display:flex;flex-direction:column;flex-wrap:nowrap}footer{padding:10px;height:100px;max-width:1200px;width:100%;margin:auto}footer button{width:50px;height:30px}.itemArticle{padding:10px;transition:box-shadow ease-in-out .1s;box-shadow:0 5px 8px -1px #000;display:flex;flex-direction:column;gap:0;height:130px;align-content:start;border-radius:5px}.mainArticle{padding:10px;transition:box-shadow ease-in-out .1s;box-shadow:0 5px 8px -1px #000;height:250px;display:grid;gap:0;align-content:start;border-radius:5px;line-height:1.5em}.mainArticle:hover{box-shadow:0 5px 8px var(--mainColor)}.div001{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:20px 0;padding:20px;background-color:var(--bg-light);border-radius:var(--border-radius)}.div001 p{display:flex;flex-direction:column;gap:10px;padding:15px;background-color:#fff;border-radius:4px;border-left:4px solid var(--mainColor)}.div001 span{font-weight:700;color:var(--mainColor)}.mainSection{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}.mainSection .banka{text-transform:uppercase;color:var(--mainColor);border-bottom:2px solid;font-weight:700;grid-area:1/1}.mainSection .basvuruLink{text-decoration-line:none;color:#000;font-weight:700;grid-area:1/1;width:120px;text-align:right;left:55%;position:relative}.mainSection .baslik,.mainSection .h2baslik{font-size:18px;font-weight:700;color:var(--text-primary);margin:10px 0;grid-row:2;transition:color ease-in-out .3s;cursor:pointer;text-transform:capitalize}.mainSection .baslik:hover{color:var(--mainColor)}.mainSection .krediMiniContainer{display:flex;flex-direction:column}.itemArticle .itemBaslik{font-weight:700;width:fit-content;margin:10px 0;overflow:hidden;display:inline-block;color:var(--bg-light);background-color:var(--mainColor);border-radius:10px;padding:10px}.itemArticle .itemBaslik:hover{background-color:#8a0000}.mainSection .basvuruLink:hover{text-decoration-line:underline;color:var(--mainColor)}.mainSection .donem{white-space:pre-line;grid-area:3/1}header{padding:0 10px;display:flex;justify-content:space-between;background-color:var(--mainColor);position:relative;width:100%}.paginatorContainer>button{background-color:var(--mainColor);color:var(--bg-light);border-radius:10px;transition:all 1s;cursor:pointer}.paginatorContainer>button:hover{background-color:#8a0000}.loader{display:none;width:50%;position:relative;left:50%;align-content:center;height:70vh}.loading{width:48px;height:48px;border:5px solid var(--mainColor);border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}.siteTitle{color:var(--bg-light);background-color:var(--mainColor);padding:10px;text-transform:capitalize}.siteName{color:var(--bg-light);background:linear-gradient(135deg,var(--mainColor) 50%);font-size:30px;padding:10px;display:block}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}ul{margin-left:10px;list-style-position:outside}main{padding:10px;position:relative;max-width:1200px;width:100%;margin:auto}.kampanyaDetaySection{padding:10px;background-color:#fff;box-shadow:0 20px 25px -5px #000;border-radius:5px;border:1px solid rgba(255 255 255 / 5%);line-height:1.5em}.kampanyaDetaySection .basvuruLink{text-decoration:none;color:#fff;font-weight:700;background-color:var(--mainColor);padding:6px 24px;border-radius:4px;transition:all .2s ease;display:inline-block;width:fit-content;border:2px solid var(--mainColor);margin:10px 0}.kampanyaDetaySection .donem{background-color:var(--bg-light);border-left:5px solid darkred;border-radius:7px;padding:10px;white-space:pre-line}.kampanyaDetaySection .banka{text-transform:uppercase;color:var(--mainColor);border-bottom:3px solid var(--mainColor);font-weight:700;display:block;padding-bottom:5px}.kampanyaDetaySection .baslik{font-weight:700;color:var(--text-primary);margin:10px 0;line-height:1.2em}.krediHesapContainer{overflow-y:auto;white-space:pre-line}.kampanyaDetaySection .detayContainer{margin:30px 0;padding:0 20px;background-color:var(--bg-light);border-left:4px solid var(--mainColor);border-radius:var(--border-radius)}.kampanyaDetaySection .detayContainer *{line-height:1.5em}.krediHesapContainer>div{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin-bottom:10px;padding:10px;background-color:#fff}.krediHesapContainer>div:nth-child(1){text-transform:capitalize}.krediHesapHeaderItemContainer,.krediHesapToplamItemContainer{background-color:var(--mainColor);color:#fff;font-weight:700;text-transform:uppercase}.krediHesapCellContainer{background-color:#fff;border:1px solid var(--border-color)}.krediHesapHeaderItemContainer,.krediHesapCellContainer,.krediHesapToplamItemContainer{padding:12px;text-align:center;border-radius:4px;min-width:80px}.kaynak{display:inline-block;background-color:var(--mainColor);border-radius:20px;padding:4px 12px;color:var(--bg-light)}.kaynak a{color:var(--bg-light)}.tableContainer{overflow:auto}.tableContainer table,.tableContainer th,.tableContainer td{border-collapse:collapse;border:1px solid;white-space:nowrap}.kampanyaDetaySection .tag:before{content:"Etiketler:"}.kampanyaDetaySection .tag{display:block;background-color:var(--mainColor);color:#fff;padding:4px 12px;border-radius:20px;font-weight:600;margin:5px 0}nav{display:flex;flex-direction:row;gap:5px;padding:10px 0;align-items:center;border-radius:5px;flex-wrap:wrap;grid-row:2}nav>a{text-decoration:none;color:var(--bg-light);background-color:var(--mainColor);display:inline-block;border-radius:20px;padding:10px;cursor:pointer;transition:background-color .5s ease}nav>a:hover{text-decoration:underline;background-color:#8b0000}.mobilNavButton{display:none}:root{--mainColor: hsl(208deg 90.16% 35.88%);--shadow: 0 5px 8px -1px rgba(0, 0, 0, .3);--shadow-hover: 0 10px 20px rgba(0, 0, 0, .2);--border-radius: 5px;--text-primary: #1a1a1a;--text-secondary: #666;--bg-light: #f9f9f9;--border-color: #e0e0e0 }@media only screen and (max-width:600px){.mainSection{justify-content:center;grid-template-columns:repeat(auto-fill,100%)}header{display:grid;gap:5px;grid-template-columns:1fr 3fr;padding:10px}nav{display:none}.mobilNav{display:flex;grid-area:1/1;flex-direction:column;position:absolute;top:100%;width:calc(100% - 10px);z-index:50;background-color:#fff}.mobilNav a{text-decoration:none;color:var(--bg-light);background-color:var(--mainColor);display:block;border-radius:10px;padding:10px;width:100%;cursor:pointer}.siteName{grid-area:1/2;display:block;position:relative}.mobilNavButton{display:block;grid-area:1/1;color:var(--bg-light);background-color:var(--mainColor);border-radius:10px}.siteName,.siteTitle{font-size:1em;overflow-wrap:break-word;border-radius:10px}}