.time-home{flex-direction:column;gap:68px;max-width:900px;margin:0 auto;padding:20px 24px 90px;display:flex}.time-home .hero{text-align:center;padding:64px 24px 40px;position:relative}.hero-bg{pointer-events:none;z-index:0;position:absolute;inset:-10% -20%;mask-image:radial-gradient(60% 60% at 50% 45%,#000 35%,#0000 100%)}.hero-orb{filter:blur(70px);border-radius:50%;position:absolute}.orb-1{background:radial-gradient(circle,#f59e0b29,#0000 70%);width:460px;height:460px;animation:9s ease-in-out infinite orb-float;top:-140px;left:50%;transform:translate(-50%)}.orb-2{background:radial-gradient(circle,#ec48991f,#0000 70%);width:320px;height:320px;animation:11s ease-in-out infinite reverse orb-float;bottom:-80px;right:4%}@keyframes orb-float{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,24px)}}.orb-2{animation-name:orb-float2}@keyframes orb-float2{0%,to{transform:translateY(0)}50%{transform:translateY(-24px)}}body:before{content:"";z-index:0;pointer-events:none;background-image:linear-gradient(to right, var(--border-color) 1px, transparent 1px), linear-gradient(to bottom, var(--border-color) 1px, transparent 1px);opacity:.55;background-size:44px 44px;position:fixed;inset:0}.time-home,.time-home .hero>:not(.hero-bg){z-index:1;position:relative}.hero-badge{color:#f59e0b;letter-spacing:.4px;background:#f59e0b14;border:1px solid #f59e0b38;border-radius:100px;align-items:center;gap:8px;margin-bottom:22px;padding:6px 16px;font-size:.78rem;font-weight:700;animation:.6s both fade-up;display:inline-flex}.badge-dot{background:#f59e0b;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse-dot;box-shadow:0 0 #f59e0b80}@keyframes pulse-dot{0%,to{opacity:1;box-shadow:0 0 #f59e0b80}50%{opacity:.6;box-shadow:0 0 0 6px #f59e0b00}}.hero-greeting{color:var(--text-muted);margin-bottom:6px;font-size:1rem;font-weight:600;animation:.6s 50ms both fade-up}.clock{font-family:var(--font-poppins);letter-spacing:-2px;font-variant-numeric:tabular-nums;justify-content:center;align-items:baseline;gap:4px;font-weight:800;line-height:1;animation:.7s .1s both fade-up;display:inline-flex}.clock-main{background:linear-gradient(135deg,#fbbf24,#f59e0b 35%,#ef4444 70%,#ec4899) 0 0/200%;-webkit-text-fill-color:transparent;background-clip:text;font-size:clamp(3.6rem,15vw,7rem);animation:6s ease-in-out infinite alternate grad-move}.clock-colon{animation:1.1s step-end infinite blink}@keyframes blink{50%{opacity:.28}}.clock-sec{color:var(--text-muted);letter-spacing:-1px;font-size:clamp(1.3rem,5vw,2.2rem);font-weight:700;transform:translateY(-.1em)}@keyframes grad-move{0%{background-position:0%}to{background-position:100%}}.clock-date{color:var(--text-muted);letter-spacing:.2px;margin:10px 0 30px;font-size:.95rem;font-weight:600;animation:.7s .15s both fade-up}.hero-accent{background:linear-gradient(135deg,#f59e0b,#ef4444,#ec4899);-webkit-text-fill-color:transparent;background-clip:text}.hero-sub{color:var(--text-muted);max-width:540px;margin:0 auto 32px;font-size:1.06rem;line-height:1.7;animation:.7s .2s both fade-up}.hero-sub strong{color:var(--text-main);font-weight:700}.hero-ctas{flex-wrap:wrap;justify-content:center;gap:12px;animation:.7s .25s both fade-up;display:flex}.cta-primary{color:#fff;background:linear-gradient(135deg,#f59e0b,#ef4444);border-radius:14px;align-items:center;gap:8px;padding:14px 30px;font-size:.95rem;font-weight:700;text-decoration:none;transition:transform .25s,box-shadow .25s;display:inline-flex;box-shadow:0 6px 22px #f59e0b52}.cta-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #f59e0b73}.cta-secondary{background:var(--bg-card);color:var(--text-main);border:1px solid var(--border-color);border-radius:14px;align-items:center;gap:8px;padding:14px 30px;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex}.cta-secondary:hover{color:#f59e0b;border-color:#f59e0b;transform:translateY(-2px)}.benefits{flex-wrap:wrap;justify-content:center;gap:22px;margin-top:32px;animation:.7s .3s both fade-up;display:flex}.benefit{color:var(--text-muted);align-items:center;gap:7px;font-size:.85rem;font-weight:600;display:inline-flex}.benefit svg{color:#10b981;background:#10b9811f;border-radius:50%;flex-shrink:0;width:16px;height:16px;padding:3px}.tools-section{flex-direction:column;gap:24px;display:flex}.time-home .section-title{font-family:var(--font-poppins);letter-spacing:-.8px;color:var(--text-main);margin-bottom:4px;font-size:1.8rem;font-weight:800}.time-home .section-sub{color:var(--text-muted);margin:0;font-size:.95rem}.tools-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.tool-card{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:0 2px 10px var(--shadow-color);border-radius:22px;align-items:flex-start;gap:20px;padding:28px 24px;text-decoration:none;transition:transform .3s cubic-bezier(.16,1,.3,1),border-color .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.tool-card:after{content:"";opacity:0;background:linear-gradient(90deg,#f59e0b,#ef4444);height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.card-pomo:after{background:linear-gradient(90deg,#ef4444,#ec4899)}.tool-card:hover:after{opacity:1}.card-clock:hover{border-color:#f59e0b73;transform:translateY(-5px);box-shadow:0 16px 38px #f59e0b24}.card-pomo:hover{border-color:#ef444473;transform:translateY(-5px);box-shadow:0 16px 38px #ef44441f}.tool-preview{flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex;position:relative}.mini-clock{width:64px;height:64px}.mc-face{fill:#f59e0b0f;stroke:#f59e0b47;stroke-width:2px}.mc-tick{stroke:#f59e0b80;stroke-width:2.5px;stroke-linecap:round}.mc-hand{stroke-linecap:round}.mc-hour{stroke:var(--text-main);stroke-width:4.5px}.mc-min{stroke:var(--text-main);stroke-width:3px}.mc-sec{stroke:#ef4444;stroke-width:1.6px}.mc-center{fill:#ef4444}.pomo-ring{width:64px;height:64px;transform:rotate(-90deg)}.pr-track{fill:#ef44440f;stroke:#ef444426;stroke-width:6px}.pr-value{fill:none;stroke:#ef4444;stroke-width:6px;stroke-linecap:round;stroke-dasharray:264;stroke-dashoffset:92px;transition:stroke-dashoffset .6s}.card-pomo:hover .pr-value{stroke-dashoffset:26px}.pomo-emoji{font-size:1.5rem;line-height:1;position:absolute}.tool-body{flex:1}.tool-body h3{font-family:var(--font-poppins);color:var(--text-main);letter-spacing:-.3px;margin-bottom:6px;font-size:1.15rem;font-weight:800}.tool-body p{color:var(--text-muted);margin-bottom:12px;font-size:.87rem;line-height:1.6}.tool-tags{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.tool-tags span{letter-spacing:.2px;color:var(--text-muted);background:var(--bg-main);border:1px solid var(--border-color);border-radius:100px;padding:3px 9px;font-size:.7rem;font-weight:700}.tool-link{color:#f59e0b;align-items:center;gap:5px;font-size:.82rem;font-weight:700;transition:gap .2s;display:inline-flex}.card-pomo .tool-link{color:#ef4444}.tool-card:hover .tool-link{gap:9px}.union-banner{border:1px solid var(--border-color);background:var(--bg-card);border-radius:28px;position:relative;overflow:hidden}.union-banner:before{content:"";pointer-events:none;background:linear-gradient(135deg,#f59e0b0d 0%,#6366f10d 100%);position:absolute;inset:0}.union-inner{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:18px;padding:52px 48px;display:flex;position:relative}.union-logos{align-items:center;gap:20px;display:flex}.union-logo-wrap{flex-direction:column;align-items:center;gap:6px;display:flex}.union-logo-wrap img{border-radius:10px;width:40px;height:40px}.union-logo-name{color:var(--text-muted);letter-spacing:.5px;font-size:.75rem;font-weight:700}.union-plus{color:var(--text-muted);padding-bottom:18px;font-size:1.8rem;font-weight:300;line-height:1}.union-title{font-family:var(--font-poppins);letter-spacing:-.8px;color:var(--text-main);font-size:1.6rem;font-weight:800}.union-desc{color:var(--text-muted);max-width:520px;margin:0;font-size:.95rem;line-height:1.7}.union-cta{color:var(--primary,#6366f1);background:#6366f10f;border:1px solid #6366f14d;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.union-cta:hover{background:#6366f11f;border-color:#6366f180;transform:translateY(-2px)}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){.time-home{gap:52px}.tools-grid{grid-template-columns:1fr}.tool-card{flex-direction:row}.clock{letter-spacing:-1px}.benefits{gap:14px 20px}.union-inner{padding:38px 24px}.union-banner:before{display:none}}.reduce-motion .orb-1,.reduce-motion .orb-2,.reduce-motion .clock-colon,.reduce-motion .clock-main,.reduce-motion .badge-dot{animation:none!important}