.clock{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:4rem;transition:background-color .3s,box-shadow .3s}.time{color:#555;font-family:clockicons,sans-serif;font-size:10rem;transition:color .3s}.dark-mode .time{color:#ff9500}.date{color:#666;font-family:vps-son-la-hoa;font-size:1.8rem;margin-top:1rem;transition:color .3s}.dark-mode .date{color:#ff9500}@media(max-width:768px){.clock{min-height:100vh;padding:4rem 1rem 2rem}.time{font-size:4rem;line-height:1.1}.date{font-size:1.2rem;margin-top:.8rem}}@font-face{font-family:clockicons;src:url(../f214ace3565633bcd834.woff2)}@font-face{font-family:vps-son-la-hoa;src:url(../b2edda9157fd27531580.TTF) format("woff"),url(../b2edda9157fd27531580.TTF) format("opentype"),url(../b2edda9157fd27531580.TTF) format("truetype")}@font-face{font-family:Material Symbols Outlined;font-style:normal;font-weight:100 700;src:url(../11e08fb96c137fb5af58.woff2) format("woff2")}.material-symbols-outlined{display:inline-block;font-family:Material Symbols Outlined;font-size:24px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}body,html{margin:0;padding:0}*,:after,:before{box-sizing:border-box}body{align-items:center;background-color:#fcfcfc;display:flex;flex-direction:column;font-family:Arial,sans-serif;justify-content:center;margin:0;min-height:100vh;transition:background-color .3s}body.dark-theme{background-color:#000;color:#e1e1e1}body.light-theme{background-color:#fff;color:#000}.material-symbols-outlined{color:#ff9500;line-height:1.2}.light-icon{display:none}.light-theme .dark-icon{display:inline}.light-theme .light-icon{display:none}.button{border:1px solid #ccc;border-radius:6px;color:#555;cursor:pointer;display:inline-block;padding:10px 20px}.button:hover{border:1px solid #0b57d0;border-radius:4px;color:#0b57d0;cursor:pointer}.link-button{color:#555;text-decoration:underline}.link-button:hover{color:#0b57d0}h1{font-size:24px}h1,h2{font-weight:500;font-weight:700;line-break:anywhere;line-height:150%;margin:0 0 10px;padding:0}h2{font-size:22px}.space20{height:20px}.dark-theme h1,.dark-theme h2,.dark-theme h3{color:#9caec7}.dark-theme .light-icon{display:inline}.dark-theme .dark-icon{display:none}.dark-theme .button{border:1px solid #888;color:#bbb}.dark-theme .button:hover{border:1px solid #fff;color:#fff}.dark-theme .link-button{color:#bbb;text-decoration:underline}.dark-theme .link-button:hover{color:#fff}.dark-theme .time{color:#ff9500}.dark-theme::-webkit-scrollbar{width:10px}.dark-theme::-webkit-scrollbar-track{background:#1a1a1a}.dark-theme::-webkit-scrollbar-thumb{background:#444;border-radius:5px}.dark-theme::-webkit-scrollbar-thumb:hover{background:#555}@media(max-width:768px){body{font-size:14px;margin:0;padding:0}h1{font-size:20px}h2{font-size:18px}.button{font-size:14px;padding:12px 16px}}.footer{bottom:0;margin-top:auto;padding:2rem 0;position:relative;width:100%}.dark-theme .footer{background-color:#1a1a1a}.light-theme .footer{background-color:#f8f9fa}.footer-content{flex-direction:column;margin:0 auto;max-width:1200px;min-height:100%;padding:0 1rem}.footer-content,.footer-nav{align-items:center;display:flex;justify-content:center}.footer-nav{flex-wrap:wrap;gap:2rem;margin-bottom:1.5rem}.footer-link{align-items:center;color:#ff9500;display:flex;flex-direction:column;text-decoration:none;transition:transform .2s}.footer-link:hover{transform:translateY(-2px)}.footer-icon{height:24px;margin-bottom:.5rem;width:24px}.footer-copyright{color:#a3a3a3;font-size:.9rem;text-align:center}.footer-copyright p{text-align:center}@media(max-width:768px){.footer-nav{gap:1rem}.footer-link span{font-size:.9rem}}.nav-bar,header{width:100%}.nav-bar{box-shadow:0 0 2px 0 #383838;color:#ff9500;cursor:pointer;left:0;padding:15px 30px;position:fixed;right:0;text-align:left;top:0;transition:all .2s ease;z-index:1000}.dark-theme .nav-bar{background-color:#222;border-bottom:1px solid #383838;color:#ff9500}.light-theme .nav-bar{background-color:#fff;border-bottom:1px solid #d3d3d3;color:#000}.nav-icon{height:20px;vertical-align:bottom;width:20px}.dark-theme .nav-bar:hover{box-shadow:0 0 8px 0 gray}.light-theme .nav-bar:hover{box-shadow:0 0 8px 0 #aaa}.nav-bar a{color:#ff9500;font-size:15px;padding:15px 10px;text-decoration:none;transition:text-shadow .3s;width:120px}.nav-bar a:hover{color:#ff9500;text-shadow:0 0 2px #ff9500}.nav-link{font-weight:400;transition:font-weight .2s ease}.nav-link:hover{border-bottom:2px solid rgba(255,149,0,.529);transform:scale(1.3)}.nav-link.active{border-bottom:2px solid #ff9500;font-weight:700}.theme-toggle{background:transparent;color:#333;cursor:pointer;right:55px;top:10px;transition:background-color .3s}.fullscreen-toggle,.theme-toggle{border:none;position:fixed;z-index:1000}.fullscreen-toggle{background-color:transparent;right:10px;top:8px}.fullscreen-icon{color:#ff9500;cursor:pointer;height:32px;vertical-align:bottom;width:32px}@media(max-width:768px){.nav-bar{align-items:center;display:flex;flex-wrap:nowrap;height:50px;justify-content:space-between;padding:0 15px}.nav-links{background-color:inherit;border-radius:0 0 8px 8px;box-shadow:0 4px 8px rgba(0,0,0,.1);display:none;flex-direction:column;left:0;padding:10px;position:absolute;top:50px;width:100%}.nav-links.active{display:flex}.nav-bar a{border-bottom:1px solid rgba(255,149,0,.2);font-size:14px;padding:12px 15px;width:100%}.nav-bar a:last-child,.nav-link:hover{border-bottom:none}.nav-link:hover{background-color:rgba(255,149,0,.1);transform:none}.theme-toggle{right:45px;top:13px}.fullscreen-toggle{right:8px;top:11px}.fullscreen-icon{height:28px;width:28px}.hamburger{background:transparent;border:none;cursor:pointer;display:block;left:15px;padding:5px;position:absolute;z-index:1001}.hamburger span{background-color:#ff9500;border-radius:2px;display:block;height:3px;margin:5px 0;transition:.3s;width:25px}.hamburger.active span:first-child{transform:rotate(-45deg) translate(-5px,6px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}}@media(min-width:769px){.hamburger{display:none}}