*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;background-color:#f8f9fa;max-width:1200px;margin:0 auto;padding:0 20px}.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.skip-link:focus{left:16px;top:16px;width:auto;height:auto;padding:8px 12px;background:#1a2a6c;color:#fff;border-radius:8px;z-index:1000}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);border:0;white-space:nowrap}header{text-align:center;padding:1.25rem 0;background:linear-gradient(135deg,var(--primary, #1a2a6c),var(--header-end, #2c3e50));color:#fff;border-radius:10px;margin-bottom:1.5rem;box-shadow:0 4px 6px rgba(0,0,0,.1)}header h1{font-size:2rem;margin-bottom:.25rem}header p{font-size:1.2rem;opacity:.9}.header-content{position:relative}.subheader{margin-top:.25rem;font-size:1rem;font-weight:500;opacity:.9;display:flex;align-items:center;justify-content:center;gap:.5rem}.subheader span:last-child{font-weight:700;font-family:"Courier New",Courier,monospace;background-color:#fff;color:#0d1b3d;padding:.2rem .6rem;border-radius:4px;display:inline-block}.home-btn{position:absolute;left:1rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:#fff;background-color:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);border-radius:8px;transition:all .2s ease;box-shadow:0 2px 8px rgba(0,0,0,.25);z-index:10}.home-btn:hover{background-color:rgba(255,255,255,.3);border-color:rgba(255,255,255,.5);transform:translateY(-50%) scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,.35)}.home-btn:focus-visible{outline:3px solid rgba(255,255,255,.8);outline-offset:2px}.home-btn svg{width:20px;height:20px;stroke:#fff}#header-copy-btn{background-color:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);color:#fff;padding:.3rem .5rem;font-size:1rem;min-width:2rem;height:2rem;display:flex}#header-copy-btn:hover{background-color:rgba(255,255,255,.3);border-color:rgba(255,255,255,.5);transform:scale(1.1)}#header-copy-btn:active{transform:scale(.95)}#header-copy-btn,.btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;min-height:40px;border:1px solid var(--btn-border, #24305b);border-radius:8px;background:var(--btn-bg, #10163a);color:var(--btn-fg, #dbe5ff);text-decoration:none;transition:all .15s ease;cursor:pointer}.btn:hover{border-color:var(--btn-border-hover, #3a4e9f);transform:translateY(-1px)}.btn-primary{background:var(--primary, #1a2a6c);border-color:var(--primary, #1a2a6c);color:#fff}#header-copy-btn:focus-visible,.copy-btn:focus-visible{outline:3px solid var(--focus-ring, rgba(26,42,108,.35));outline-offset:2px}main{display:flex;flex-direction:column;gap:2rem}section{background:#fff;padding:2rem;border-radius:10px;box-shadow:0 2px 4px rgba(0,0,0,.05)}section h2{color:#1a2a6c;font-size:2rem;margin-bottom:1rem;border-bottom:2px solid #e9ecef;padding-bottom:.5rem}section h3{color:#2c3e50;font-size:1.5rem;margin:1.5rem 0 1rem}input,section p,select{margin-bottom:1rem;font-size:1.1rem}section ul{margin-left:2rem;margin-bottom:1rem}section li{margin-bottom:.5rem}code{background-color:#f1f3f5;padding:.2rem .4rem;border-radius:4px;font-family:"Courier New",Courier,monospace;font-weight:700}.highlight-box{background-color:#e7f3ff;border-left:4px solid #1a2a6c;padding:1.5rem;margin:1.5rem 0;border-radius:0 8px 8px 0}.highlight-box h3{margin-top:0;color:#1a2a6c}.uses-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:1.5rem}.use-card{padding:1.5rem;border-radius:12px;border:1px solid #e9ecef}.converter-box,.generator-box,.use-card{background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.04);transition:transform .15s ease,box-shadow .15s ease;display:flex;flex-direction:column}.converter-box:hover,.generator-box:hover,.use-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(16,24,40,.08)}.use-card h3{margin-top:0;color:#111827;margin-bottom:.75rem}.converter-box h3,.generator-box h3,.use-card h3{font-size:1.1rem}.two-column{display:flex;gap:2rem;margin-top:1.5rem}.column{flex:1}.column h3{color:#1a2a6c;margin-bottom:1rem}.converter-container,.generator-container{display:flex;gap:2rem;margin-top:1.5rem;flex-wrap:wrap;align-items:flex-start}.converter-box{flex:1;min-width:300px;background-color:#f8f9fa;padding:1.5rem;border-radius:8px;border:1px solid #dee2e6}.converter-box h3,.generator-box h3{margin-top:0;color:#2c3e50;margin-bottom:1rem}input,select{width:100%;padding:.8rem;border:1px solid #ced4da;border-radius:4px;font-size:1rem;background-color:#fff}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(26,42,108,.35);outline-offset:2px;border-color:#1a2a6c}button:focus-visible{outline:3px solid rgba(26,42,108,.35);outline-offset:2px}button{background-color:#1a2a6c;color:#fff;border:0;padding:.8rem 1.5rem;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .3s ease}button:hover{background-color:#2c3e50}.result-box{margin-top:1rem;padding:1rem;background-color:#e7f3ff;border-radius:4px;min-height:50px;display:none;flex-direction:column;align-items:center;justify-content:center;font-weight:700;color:#1a2a6c;gap:.8rem}.result-box.visible{display:flex}.timezone-result{width:100%;text-align:center}.timezone-value-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.timezone-value{font-family:"Courier New",Courier,monospace;background-color:rgba(255,255,255,.7);padding:.5rem;border-radius:4px;border-left:3px solid #1a2a6c;flex:1;text-align:left;word-break:break-all;margin-right:.5rem}.timezone-result .copy-btn{flex-shrink:0}.epoch-format-container{width:100%;display:flex;flex-direction:column;gap:.8rem}.epoch-format{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background-color:rgba(255,255,255,.7);border-radius:4px;border-left:3px solid #1a2a6c}.epoch-label{font-weight:600;color:#2c3e50;flex:1}.epoch-value{font-family:"Courier New",Courier,monospace;font-weight:700;color:#1a2a6c;text-align:right;flex:2;word-break:break-all;margin-right:.5rem}.copy-btn,.date-time-inputs{display:flex;align-items:center}.copy-btn{background:0 0;border:1px solid #adb5bd;border-radius:4px;padding:.2rem .4rem;cursor:pointer;font-size:.9rem;transition:all .2s ease;margin-left:.5rem;min-width:1.8rem;height:1.8rem;justify-content:center;color:#1a2a6c}.copy-btn:hover{background-color:#e9ecef;border-color:#1a2a6c;transform:scale(1.1)}.copy-btn:active{transform:scale(.95)}.copy-btn svg{width:18px;height:18px;display:block}.date-time-inputs{gap:.5rem}.date-time-inputs input[type=date]{flex:2}.date-time-inputs input[type=time]{flex:1}.generator-box{flex:1;min-width:300px;background-color:#f8f9fa;padding:1.5rem;border-radius:8px;border:1px solid #dee2e6}.input-group{margin-bottom:1rem}.input-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#495057}.date-display{margin:.5rem 0;padding:.5rem;background-color:rgba(255,255,255,.5);border-radius:4px;font-size:.9rem;color:#495057;text-align:center;font-style:italic}footer{text-align:center;padding:1.25rem 0;margin-top:1.5rem;color:#fff;background:linear-gradient(135deg,var(--primary, #1a2a6c),var(--header-end, #2c3e50));border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1)}@media (max-width:768px){body{padding:0 15px}header h1{font-size:1.8rem}header p{font-size:1.1rem}section{padding:1.5rem}section h2{font-size:1.6rem}.two-column{gap:1.5rem}.converter-container,.generator-container,.two-column{flex-direction:column}.uses-grid{grid-template-columns:1fr}.gt-theme-inline{gap:.5rem}.gt-swatch{width:24px!important;height:24px!important}}@media (max-width:480px){body{padding:0 10px}header{padding:1rem 0;margin-bottom:1rem}header h1{font-size:1.6rem}header p{font-size:1rem}.header-content{padding-top:3rem}.home-btn{left:50%;top:.5rem;transform:translateX(-50%)}section{border-radius:8px}section h2{font-size:1.4rem}section h3{font-size:1.2rem}.converter-box,.generator-box,section{padding:1rem}button,input,select{font-size:.95rem}button{padding:.7rem 1.2rem}.result-box,footer{padding:.8rem;font-size:.9rem}.timezone-value-container{flex-direction:column;align-items:stretch;gap:.5rem}.timezone-value{margin-right:0;margin-bottom:.5rem}.epoch-format{flex-direction:column;align-items:stretch;gap:.3rem}.epoch-value{text-align:left;margin-right:0}.copy-btn{align-self:flex-end}.date-time-inputs{flex-direction:column}.gt-theme-inline{gap:.4rem}.gt-theme-label{font-size:.85rem;padding:.2rem .5rem}.gt-swatch{width:22px!important;height:22px!important}footer{padding:1rem 0}}:root{--primary:#1a2a6c;--header-end:#2c3e50;--focus-ring:rgba(26,42,108,.35);--btn-bg:#10163a;--btn-border:#24305b;--btn-border-hover:#3a4e9f;--btn-fg:#dbe5ff}.gt-theme-inline{margin:1rem auto 1.25rem;display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap}.gt-theme-label{font-size:.95rem;color:#111827;background:rgba(17,24,39,.08);padding:.25rem .6rem;border-radius:999px;font-weight:600}.gt-swatches{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;max-width:none!important}.gt-swatch{width:28px;height:28px;border-radius:999px;border:3px solid #fff;box-shadow:0 0 0 3px rgba(0,0,0,.12),0 6px 14px rgba(16,24,40,.12);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease;padding:0!important}.gt-theme-inline .gt-swatch{width:28px!important;height:28px!important;box-shadow:0 0 0 3px rgba(0,0,0,.12),0 6px 14px rgba(16,24,40,.12)!important}.gt-theme-inline .gt-theme-label{color:#111827!important;background:rgba(17,24,39,.08)!important}.gt-swatch:hover{transform:translateY(-1px) scale(1.05)}.gt-swatch[aria-current=true]{outline:3px solid #111827;outline-offset:2px}.gt-swatch:focus-visible{outline:3px solid var(--focus-ring, rgba(26,42,108,.35));outline-offset:2px}.converter-box,.generator-box{max-width:450px;margin:0 auto}