/* === FONT ===
_Layout.cshtml içinde:
*/
:root {
--ana-font: 'Itim', cursive;
--ana-renk: #1a1a1a;
--ana-boyut: 17px;
--ana-satir: 1.65;
--zemin: #fdfcf5;
--kart-bg: rgba(255, 255, 255, 0.6);
--kart-border: rgba(255, 255, 255, 0.7);
--yumusak-golge: 0 25px 50px rgba(0,0,0,0.06);
}
/* === GLOBAL SIFIRLAMA === */
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
html {
font-size: var(--ana-boyut);
}
body {
font-family: var(--ana-font);
color: var(--ana-renk);
line-height: var(--ana-satir);
background: var(--zemin);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
min-height: 100dvh;
}
/* === HER ŞEY AYNI FONT + AYNI RENK === */
h1, h2, h3, h4, h5, h6,
p, span, div, a, li, ul, ol,
label, input, textarea, select, button,
th, td, small, strong, em, blockquote {
font-family: var(--ana-font);
color: var(--ana-renk);
}
/* === LINK === */
a {
color: var(--ana-renk);
text-decoration: none;
transition: opacity 0.25s ease;
}
a:hover {
opacity: 0.65;
color: var(--ana-renk);
}
/* === BASLIKLAR === */
h1 {
font-size: 2.2rem;
margin-bottom: 1rem;
}
h2 {
font-size: 1.7rem;
margin-bottom: 0.85rem;
}
h3 {
font-size: 1.35rem;
margin-bottom: 0.7rem;
}
h4 {
font-size: 1.1rem;
margin-bottom: 0.6rem;
}
/* === PARAGRAF === */
p {
margin-bottom: 1rem;
}
/* === KART (söz kartı hissi) === */
.card, .kart {
background: var(--kart-bg);
border: 1px solid var(--kart-border);
border-radius: 30px;
box-shadow: var(--yumusak-golge), inset 0 2px 10px rgba(255,255,255,0.5);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
padding: 2.5rem;
}
/* === FORM ELEMANLARI === */
input, textarea, select {
font-size: 1rem;
color: var(--ana-renk);
background: rgba(255,255,255,0.7);
border: 1px solid rgba(0,0,0,0.08);
border-radius: 16px;
padding: 0.75rem 1rem;
width: 100%;
transition: all 0.3s ease;
}
input:focus, textarea:focus, select:focus {
outline: none;
border-color: rgba(0,0,0,0.25);
box-shadow: 0 8px 25px rgba(0,0,0,0.05);
}
/* === BUTON === */
button, .btn {
font-family: var(--ana-font);
font-size: 1rem;
color: var(--ana-renk);
background: rgba(255,255,255,0.7);
border: 1px solid rgba(0,0,0,0.05);
border-radius: 16px;
padding: 0.85rem 1.5rem;
cursor: pointer;
box-shadow: 0 10px 25px rgba(0,0,0,0.05);
transition: all 0.3s ease;
}
button:hover, .btn:hover {
transform: translateY(-3px) scale(1.02);
box-shadow: 0 15px 35px rgba(0,0,0,0.1);
}
button:active, .btn:active {
transform: scale(0.97);
}
/* === LAYOUT === */
.container {
max-width: 800px;
margin: 0 auto;
padding: 3rem 1.25rem;
}
/* Login sekme butonları global button kuralını ezsin */
.sekme-btn {
color: #a06a90 !important;
box-shadow: none !important;
}
.sekme-btn.aktif {
color: black !important;
box-shadow: 0 8px 20px rgba(255,110,196,.35) !important;
}
.sekme-btn:hover {
transform: none !important;
opacity: 1 !important;
}