.clock-page{--clk-navy:#22223B;--clk-navy-mid:#3d3d5c;--clk-soft:#f4f4f8;--clk-muted:#6b6b80;--clk-line:#e2e2ec;--clk-accent:#3DB88F;direction:rtl;font-family:Vazirmatn,sans-serif;color:var(--clk-navy)}.clock-page .clk-hero{max-width:820px;margin:0 auto;padding:clamp(80px,11vw,120px) 20px 4px;text-align:center}.clock-page .clk-hero-title{font-size:clamp(24px, 4.5vw, 38px);font-weight:700;color:var(--clk-navy);margin:0 0 8px}.clock-page .clk-hero-subtitle{font-size:clamp(13px, 2vw, 16px);color:var(--clk-muted);line-height:1.7;margin:0}.clock-page .clk-main{max-width:720px;margin:16px auto 0;padding:0 16px 8px}.clock-page .clk-card{background:#fff;border:1px solid var(--clk-line);border-radius:22px;box-shadow:0 12px 32px rgba(34,34,59,.1);padding:clamp(20px,4vw,34px)}.clock-page .clk-clock-card{position:relative;overflow:hidden;text-align:center;border:none;color:#fff;background:linear-gradient(140deg,#22223b 0,#2f2f50 58%,#3d3d5c 100%);padding:clamp(18px,3.5vw,28px) clamp(16px,3vw,28px)}.clock-page .clk-clock-card::after{content:"";position:absolute;top:-40%;left:-10%;width:60%;height:160%;background:radial-gradient(circle,rgba(61,184,143,.18),transparent 70%);pointer-events:none}.clock-page .clk-live-badge{position:relative;display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#cfe9df;background:rgba(61,184,143,.16);border:1px solid rgba(61,184,143,.35);padding:6px 14px;border-radius:999px}.clock-page .clk-live-dot{width:9px;height:9px;border-radius:50%;background:var(--clk-accent);animation:1.6s infinite clkPulse}@keyframes clkPulse{0%{box-shadow:0 0 0 0 rgba(61,184,143,.6)}70%{box-shadow:0 0 0 10px rgba(61,184,143,0)}100%{box-shadow:0 0 0 0 rgba(61,184,143,0)}}.clock-page .clk-time{position:relative;display:flex;align-items:flex-start;justify-content:center;gap:clamp(2px,1.2vw,10px);margin:14px 0 4px;font-variant-numeric:tabular-nums}.clock-page .clk-unit{display:flex;flex-direction:column;align-items:center}.clock-page .clk-digits{font-size:clamp(42px, 12vw, 80px);font-weight:700;line-height:1;letter-spacing:.5px}.clock-page .clk-unit-sec .clk-digits{color:#7fd8bb}.clock-page .clk-unit-label{font-size:clamp(10px, 1.8vw, 13px);color:rgba(255,255,255,.6);margin-top:8px}.clock-page .clk-colon{font-size:clamp(38px, 10vw, 74px);font-weight:700;line-height:1;opacity:.45}.clock-page .clk-meta{position:relative;display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:10px}.clock-page .clk-tz-chip{font-size:12.5px;font-weight:600;color:#fff;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);padding:5px 12px;border-radius:999px}.clock-page .clk-today-line{position:relative;margin:14px 0 0;font-size:clamp(13px, 2.2vw, 17px);color:rgba(255,255,255,.92);font-weight:600}.clock-page .clk-dates-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(8px,1.5vw,12px);margin-top:12px}.clock-page .clk-date-card{background:#fff;border:1px solid var(--clk-line);border-radius:14px;padding:clamp(10px,2vw,16px) 8px;text-align:center;box-shadow:0 4px 14px rgba(34,34,59,.06)}.clock-page .clk-date-name{display:block;font-size:clamp(11px, 1.8vw, 13px);color:var(--clk-muted);margin-bottom:6px}.clock-page .clk-date-value{display:block;font-size:clamp(12px, 2.2vw, 17px);font-weight:700;color:var(--clk-navy);line-height:1.35}.clock-page .clk-ltr{direction:ltr;unicode-bidi:isolate}.clock-page .calculator-categories{margin-top:clamp(20px,4vw,36px)}@media (max-width:680px){.clock-page .clk-hero{padding:72px 14px 0}.clock-page .clk-hero-title{font-size:21px;margin-bottom:4px}.clock-page .clk-hero-subtitle{font-size:12.5px;line-height:1.55}.clock-page .clk-main{margin-top:10px;padding:0 12px 4px}.clock-page .clk-clock-card{padding:16px 12px 14px;border-radius:18px}.clock-page .clk-live-badge{font-size:11.5px;padding:5px 11px}.clock-page .clk-time{margin:10px 0 2px}.clock-page .clk-digits{font-size:clamp(36px, 13.5vw, 48px)}.clock-page .clk-colon{font-size:clamp(30px, 10vw, 40px)}.clock-page .clk-unit-label{font-size:9px;margin-top:4px}.clock-page .clk-meta{margin-top:6px;gap:6px}.clock-page .clk-tz-chip{font-size:11px;padding:4px 9px}.clock-page .clk-today-line{margin-top:10px;font-size:13px}.clock-page .clk-dates-grid{gap:6px;margin-top:8px}.clock-page .clk-date-card{padding:8px 4px;border-radius:12px}.clock-page .clk-date-name{font-size:10px;margin-bottom:3px}.clock-page .clk-date-value{font-size:11px}}