.typing-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;min-height:3rem;overflow:hidden;white-space:nowrap;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.clock-toggle-react{position:fixed;top:20px;right:20px;width:50px;height:50px;border-radius:50%;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#fff;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px);z-index:100}.clock-toggle-react:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.3)}.animated-btn{position:relative;overflow:hidden;backdrop-filter:blur(15px);box-shadow:0 4px 20px rgba(0,0,0,.1);font-weight:500;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;border:none;cursor:pointer}.btn-icon{font-size:1.2em;transition:transform .3s ease;margin-right:8px}.app-container{min-height:100vh;position:relative;display:flex;flex-direction:column}.background-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}#background-image{width:100%;height:100%;object-fit:cover;object-position:center;transition:opacity 1s ease-in-out}.main-content{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#fff;background-color:rgba(0,0,0,.1);backdrop-filter:blur(8px);padding:2rem}.footer{position:relative;z-index:2;background:rgba(0,0,0,.2);backdrop-filter:blur(10px);padding:1rem 0;margin-top:auto}.footer-content{max-width:1200px;margin:0 auto;padding:0 1.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}.footer-info p{margin:.25rem 0;color:rgba(255,255,255,.9);font-size:.85rem}@media (prefers-color-scheme: dark){.typing-title{color:#fff}.subtitle{color:rgba(255,255,255,.9)}.main-content{background:rgba(0,0,0,.05);border:1px solid rgba(255,255,255,.1);color:#fff}}@media (max-width: 768px){.typing-title{font-size:2rem}.subtitle{font-size:1rem}.footer-content{flex-direction:column;text-align:center;gap:.25rem}.footer{padding:.75rem 0}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}