.utc-now-page{max-width:800px;margin:0 auto;padding:2rem 1.5rem 4rem}.utc-now-page .breadcrumb{color:var(--color-text-tertiary);align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.875rem;display:flex}.utc-now-page .breadcrumb a{color:var(--color-accent);text-decoration:none}.utc-now-page .breadcrumb a:hover{text-decoration:underline}.utc-now-page .breadcrumb .separator{color:var(--color-border)}.utc-now-page .breadcrumb .current{color:var(--color-text-secondary)}.utc-hero{text-align:center;margin-bottom:2rem}.utc-hero h1{color:var(--color-text-primary);letter-spacing:.05em;margin:0;font-size:clamp(2.5rem,8vw,4rem);font-weight:800}.utc-subtitle{color:var(--color-text-secondary);margin:.5rem 0 0;font-size:1.125rem}.clock-section{text-align:center;border-radius:var(--radius-lg);background:linear-gradient(135deg,#3b82f626,#8b5cf626);border:1px solid #3b82f633;margin-bottom:2rem;padding:3rem 2rem}.big-clock{color:var(--color-text-primary);letter-spacing:.02em;font-family:Roboto Mono,monospace;font-size:clamp(4rem,15vw,7rem);font-weight:800;line-height:1}.clock-date{color:var(--color-text-secondary);margin-top:1rem;font-size:1.25rem}.utc-badge{background:var(--color-accent);color:#fff;border-radius:9999px;margin-top:1rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:inline-block}.formats-section{margin-bottom:2rem}.formats-section h2{color:var(--color-text-primary);margin:0 0 1rem;font-size:1.25rem;font-weight:700}.formats-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;display:grid}.format-card{background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:1rem;position:relative}.format-label{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.6875rem}.format-value{color:var(--color-text-primary);word-break:break-all;padding-right:3rem;font-family:Roboto Mono,monospace;font-size:.9375rem}.copy-btn{background:var(--color-bg-tertiary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);padding:.375rem .75rem;font-size:.75rem;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.copy-btn:hover{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.quick-links{margin-bottom:2rem}.quick-links h2{color:var(--color-text-primary);margin:0 0 1rem;font-size:1.25rem;font-weight:700}.links-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;display:grid}.link-card{background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);transition:all var(--transition-fast);align-items:center;gap:.75rem;padding:1rem;text-decoration:none;display:flex}.link-card:hover{background:var(--color-bg-tertiary);border-color:var(--color-accent)}.link-icon{font-size:1.5rem}.link-name{color:var(--color-text-primary);font-size:.875rem;font-weight:500}.info-section{background:var(--color-bg-secondary);border-radius:var(--radius-lg);margin-bottom:2rem;padding:2rem}.info-section h2{color:var(--color-text-primary);margin:0 0 1rem;font-size:1.25rem;font-weight:700}.info-section h3{color:var(--color-text-primary);margin:1.5rem 0 .75rem;font-size:1rem;font-weight:600}.info-section p{color:var(--color-text-secondary);margin:0 0 1rem;line-height:1.7}.info-section ul{margin:0;padding-left:1.5rem}.info-section li{color:var(--color-text-secondary);margin-bottom:.5rem;line-height:1.7}.info-section li strong{color:var(--color-text-primary)}.utc-now-page .faq-section{background:var(--color-bg-secondary);border-radius:var(--radius-lg);margin-bottom:2rem;padding:2rem}.utc-now-page .faq-section h2{color:var(--color-text-primary);margin:0 0 1.5rem;font-size:1.25rem;font-weight:700}.utc-now-page .faq-item{background:var(--color-bg-primary);border-radius:var(--radius-md);margin-bottom:1rem;padding:1.25rem}.utc-now-page .faq-item:last-child{margin-bottom:0}.utc-now-page .faq-item h3{color:var(--color-text-primary);margin:0 0 .75rem;font-size:.9375rem;font-weight:600}.utc-now-page .faq-item p{color:var(--color-text-secondary);margin:0;font-size:.875rem;line-height:1.6}@media (max-width:768px){.utc-now-page{padding:1.5rem 1rem 3rem}.clock-section{padding:2rem 1.5rem}.big-clock{font-size:3rem}.formats-grid,.links-grid{grid-template-columns:1fr}.info-section,.utc-now-page .faq-section{padding:1.5rem}}