/*

 Author: Kaya Firat
 Date: 11/22/2025
 File: style_index.css
 Version: 1.0
 Description: Style Sheet for index.html

 */

:root {
--bg1: #000000;
--bg2: #050505;
--text: #e2e2e2;
--text-muted: #7a7a7a;
--accent: #4f46e5;
--card: rgba(255,255,255,0.03);
--shadow: rgba(0,0,0,0.8);
font-family: "Inter", system-ui, sans-serif;
}
body {
margin: 0;
background: linear-gradient(180deg, var(--bg1), var(--bg2));
color: var(--text);
display: flex;
flex-direction: column;
height: 100vh;
justify-content: center;
align-items: center;
text-align: center;
}
.center-box {
padding: 40px 50px;
background: rgba(20,20,20,0.6);
border-radius: 16px;
box-shadow: 0 8px 35px var(--shadow);
backdrop-filter: blur(8px);
animation: fadeIn 0.8s ease;
}
h1 {
margin: 0;
font-size: 32px;
color: var(--text);
}
.subtitle {
margin-top: 10px;
color: var(--text-muted);
}
footer {
position: fixed;
bottom: 0;
width: 100%;
text-align: center;
padding: 12px 0;
background: rgba(0,0,0,0.55);
backdrop-filter: blur(5px);
border-top: 1px solid rgba(255,255,255,0.05);
}
.footer-link {
color: var(--text-muted);
text-decoration: underline;
transition: 0.2s ease;
}
.footer-link:hover {
color: var(--accent);
}
@keyframes fadeIn {
from { opacity: 0; transform: translateY(10px); }
to { opacity: 1; transform: translateY(0); }
}