.tick-clock-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background:var(--bg);padding-top:80px}.tick-clock-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 20px 160px;min-height:calc(100vh - 80px)}.tick-clock-outer{position:relative;width:300px;height:300px}.tick-mark{position:absolute;top:0;left:50%;width:2px;height:100%;margin-left:-1px;transform-origin:center center}.tick-mark:before,.tick-mark:after{content:"";display:block;position:absolute;left:0;width:2px;background:var(--tick-color, #f1c40f);animation:jumpTicksTop .6s ease-in-out 10}.tick-mark:before{top:0;height:10px}.tick-mark:after{bottom:0;height:10px;animation-name:jumpTicksBottom}.tick-mark:nth-child(5n):before,.tick-mark:nth-child(5n):after{height:20px;width:3px}.tick-mark:nth-child(1){transform:rotate(6deg)}.tick-mark:nth-child(1):before,.tick-mark:nth-child(1):after{animation-delay:20ms}.tick-mark:nth-child(2){transform:rotate(12deg)}.tick-mark:nth-child(2):before,.tick-mark:nth-child(2):after{animation-delay:40ms}.tick-mark:nth-child(3){transform:rotate(18deg)}.tick-mark:nth-child(3):before,.tick-mark:nth-child(3):after{animation-delay:60ms}.tick-mark:nth-child(4){transform:rotate(24deg)}.tick-mark:nth-child(4):before,.tick-mark:nth-child(4):after{animation-delay:80ms}.tick-mark:nth-child(5){transform:rotate(30deg)}.tick-mark:nth-child(5):before,.tick-mark:nth-child(5):after{animation-delay:.1s}.tick-mark:nth-child(6){transform:rotate(36deg)}.tick-mark:nth-child(6):before,.tick-mark:nth-child(6):after{animation-delay:.12s}.tick-mark:nth-child(7){transform:rotate(42deg)}.tick-mark:nth-child(7):before,.tick-mark:nth-child(7):after{animation-delay:.14s}.tick-mark:nth-child(8){transform:rotate(48deg)}.tick-mark:nth-child(8):before,.tick-mark:nth-child(8):after{animation-delay:.16s}.tick-mark:nth-child(9){transform:rotate(54deg)}.tick-mark:nth-child(9):before,.tick-mark:nth-child(9):after{animation-delay:.18s}.tick-mark:nth-child(10){transform:rotate(60deg)}.tick-mark:nth-child(10):before,.tick-mark:nth-child(10):after{animation-delay:.2s}.tick-mark:nth-child(11){transform:rotate(66deg)}.tick-mark:nth-child(11):before,.tick-mark:nth-child(11):after{animation-delay:.22s}.tick-mark:nth-child(12){transform:rotate(72deg)}.tick-mark:nth-child(12):before,.tick-mark:nth-child(12):after{animation-delay:.24s}.tick-mark:nth-child(13){transform:rotate(78deg)}.tick-mark:nth-child(13):before,.tick-mark:nth-child(13):after{animation-delay:.26s}.tick-mark:nth-child(14){transform:rotate(84deg)}.tick-mark:nth-child(14):before,.tick-mark:nth-child(14):after{animation-delay:.28s}.tick-mark:nth-child(15){transform:rotate(90deg)}.tick-mark:nth-child(15):before,.tick-mark:nth-child(15):after{animation-delay:.3s}.tick-mark:nth-child(16){transform:rotate(96deg)}.tick-mark:nth-child(16):before,.tick-mark:nth-child(16):after{animation-delay:.32s}.tick-mark:nth-child(17){transform:rotate(102deg)}.tick-mark:nth-child(17):before,.tick-mark:nth-child(17):after{animation-delay:.34s}.tick-mark:nth-child(18){transform:rotate(108deg)}.tick-mark:nth-child(18):before,.tick-mark:nth-child(18):after{animation-delay:.36s}.tick-mark:nth-child(19){transform:rotate(114deg)}.tick-mark:nth-child(19):before,.tick-mark:nth-child(19):after{animation-delay:.38s}.tick-mark:nth-child(20){transform:rotate(120deg)}.tick-mark:nth-child(20):before,.tick-mark:nth-child(20):after{animation-delay:.4s}.tick-mark:nth-child(21){transform:rotate(126deg)}.tick-mark:nth-child(21):before,.tick-mark:nth-child(21):after{animation-delay:.42s}.tick-mark:nth-child(22){transform:rotate(132deg)}.tick-mark:nth-child(22):before,.tick-mark:nth-child(22):after{animation-delay:.44s}.tick-mark:nth-child(23){transform:rotate(138deg)}.tick-mark:nth-child(23):before,.tick-mark:nth-child(23):after{animation-delay:.46s}.tick-mark:nth-child(24){transform:rotate(144deg)}.tick-mark:nth-child(24):before,.tick-mark:nth-child(24):after{animation-delay:.48s}.tick-mark:nth-child(25){transform:rotate(150deg)}.tick-mark:nth-child(25):before,.tick-mark:nth-child(25):after{animation-delay:.5s}.tick-mark:nth-child(26){transform:rotate(156deg)}.tick-mark:nth-child(26):before,.tick-mark:nth-child(26):after{animation-delay:.52s}.tick-mark:nth-child(27){transform:rotate(162deg)}.tick-mark:nth-child(27):before,.tick-mark:nth-child(27):after{animation-delay:.54s}.tick-mark:nth-child(28){transform:rotate(168deg)}.tick-mark:nth-child(28):before,.tick-mark:nth-child(28):after{animation-delay:.56s}.tick-mark:nth-child(29){transform:rotate(174deg)}.tick-mark:nth-child(29):before,.tick-mark:nth-child(29):after{animation-delay:.58s}.tick-mark:nth-child(30){transform:rotate(180deg)}.tick-mark:nth-child(30):before,.tick-mark:nth-child(30):after{animation-delay:.6s}.tick-hands{position:absolute;inset:0}.tick-hand{position:absolute;top:0;left:50%;width:1px;height:100%;margin-left:-.5px;transition:transform .6s cubic-bezier(.25,.46,.45,.94)}.tick-hand:before{content:"";display:block;position:absolute;left:0;border-radius:5px}.tick-hand-sec:before{background:#c0392b;height:140px;top:10px;width:1px}.tick-hand-min:before{background:#d35400;height:120px;top:30px;width:3px;margin-left:-1px}.tick-hand-hour:before{background:#f39c12;height:95px;top:55px;width:5px;margin-left:-2px}.tick-center-dot{position:absolute;top:50%;left:50%;width:15px;height:15px;margin:-7.5px 0 0 -7.5px;border-radius:50%;background:#f1c40f;z-index:2}.tick-center-dot:before{content:"";display:block;position:absolute;inset:0;border-radius:50%;background:#f1c40f;animation:rippleAnim 1s infinite ease-in-out}:global([data-theme=light]) .tick-mark:before,:global([data-theme=light]) .tick-mark:after{background:#b8860b}:global([data-theme=light]) .tick-hand-sec:before{background:#c0392b}:global([data-theme=light]) .tick-hand-min:before{background:#c0392b}:global([data-theme=light]) .tick-hand-hour:before{background:#d35400}:global([data-theme=light]) .tick-center-dot,:global([data-theme=light]) .tick-center-dot:before{background:#d4a000}@keyframes jumpTicksTop{0%{transform:translateY(-10px);background:#3498db}to{transform:translateY(0)}}@keyframes jumpTicksBottom{0%{transform:translateY(10px);background:#3498db}to{transform:translateY(0)}}@keyframes rippleAnim{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2.5)}}.tick-digital{margin-top:40px;font-size:18px;letter-spacing:.12em;color:var(--text-3);font-family:var(--font)}.tick-clock-content{width:100%;max-width:860px;margin:0 auto;padding:40px 24px 80px}.tick-clock-content .content-box h2{font-size:22px;font-weight:600;color:var(--text-1);margin:36px 0 12px}.tick-clock-content .content-box h2:first-child{margin-top:0}.tick-clock-content .content-box p{font-size:16px;color:var(--text-3);line-height:1.8;margin-bottom:20px}.tick-clock-content .content-box ul{list-style:disc;padding-left:24px;margin-bottom:30px}.tick-clock-content .content-box li{margin-bottom:12px;color:var(--text-3);font-size:16px;line-height:1.6}.tick-clock-content .content-box li strong{color:var(--text-1)}.faq-item{border-top:1px solid var(--border);padding:20px 0}.faq-item:last-child{border-bottom:1px solid var(--border)}.faq-q{font-size:16px;font-weight:600;color:var(--text-1);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;user-select:none}.faq-q:after{content:"+";font-size:20px;font-weight:400;color:var(--text-4);flex-shrink:0;transition:transform .2s}.faq-item.open .faq-q:after{transform:rotate(45deg)}.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease}.faq-item.open .faq-a{max-height:400px}.faq-a p{padding-top:12px;font-size:15px;color:var(--text-3);line-height:1.7;margin:0}@media (max-width: 480px){.tick-clock-outer{width:240px;height:240px}.tick-hand-sec:before{height:110px;top:10px}.tick-hand-min:before{height:96px;top:24px}.tick-hand-hour:before{height:74px;top:42px}}