#date { font-family: 'Georgia', serif; font-size: 0.9rem; color: var(--latin-color); letter-spacing: 0.3em; margin-bottom: 0.5rem; text-transform: uppercase; }
#clock { font-family: 'Times New Roman', serif; font-size: 3.8rem; font-weight: 400; color: var(--accent-color); margin-bottom: 2rem; letter-spacing: 4px; }
.ms { font-family: 'Courier New', monospace; font-size: 1.5rem; color: var(--latin-color); margin-left: 12px; vertical-align: middle; }
.main-text { font-style: italic; line-height: 2.4; color: var(--text-color); margin-bottom: 3rem; letter-spacing: 0.05em; }
.latin-main { display: block; font-size: 1.3rem; margin-bottom: 0.5rem; color: var(--accent-color); }
.cn-main { display: block; font-size: 1rem; color: var(--latin-color); font-style: normal; }
.latin { font-size: 0.8rem; color: var(--latin-color); text-transform: uppercase; letter-spacing: 0.5em; }
.separator { width: 40px; height: 1px; background: var(--sep-color); margin: 2rem auto; }
.auth-box { margin-top: 2rem; font-family: 'Courier New', monospace; }
.auth-input { background: transparent; border: none; border-bottom: 1px solid var(--sep-color); color: var(--text-color); text-align: center; font-family: 'Courier New', monospace; outline: none; padding: 5px; width: 150px; transition: border-color 0.3s; }
.auth-input:focus { border-bottom-color: var(--accent-color); }
.auth-btn { cursor: pointer; font-size: 0.7rem; color: var(--latin-color); margin-left: 10px; text-transform: uppercase; }
.auth-btn:hover { color: var(--accent-color); }