:root{--bg:#08090b;--fg:#f7f4ec;--muted:#aeb7c2;--line:rgba(255,255,255,.16);--panel:rgba(10,12,14,.72);--accent:#f4c15d;--accent2:#64d8cb;--max:1120px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--bg);color:var(--fg);font-family:Arial,Helvetica,sans-serif;letter-spacing:0}a{color:inherit}.skip-link{position:absolute;left:16px;top:-48px;z-index:10;background:var(--fg);color:var(--bg);padding:10px 12px}.skip-link:focus{top:16px}.topbar{width:min(100%,var(--max));margin:0 auto;padding:18px clamp(16px,4vw,32px);display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:700;text-decoration:none;white-space:nowrap}.brand-mark{inline-size:14px;block-size:14px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent2))}.nav{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:14px;flex-wrap:wrap}.nav a{text-decoration:none}.nav a:hover{color:var(--fg)}
.clock-shell{min-height:100svh;display:grid;grid-template-rows:auto 1fr auto;position:relative;overflow:hidden}.clock-shell:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 22% 18%,rgba(100,216,203,.16),transparent 30%),radial-gradient(circle at 78% 72%,rgba(244,193,93,.18),transparent 34%),linear-gradient(135deg,rgba(255,255,255,.04),transparent 42%);pointer-events:none}.topbar,.clock-controls,.content-band{position:relative;z-index:1}.clock-stage{position:relative;z-index:1;display:grid;place-items:center;padding:4vh clamp(16px,4vw,48px);text-align:center}.clock-stack{width:min(100%,1200px)}.clock-city{margin:0 0 20px;color:var(--muted);font-size:clamp(15px,2vw,22px)}.clock-time{font-variant-numeric:tabular-nums;line-height:.88;font-weight:800;font-size:clamp(62px,16.5vw,230px);white-space:nowrap}.clock-date{margin-top:24px;color:var(--muted);font-size:clamp(16px,2.3vw,28px)}.clock-meta{margin-top:12px;color:var(--muted);font-size:clamp(13px,1.6vw,18px)}
.analog-clock{display:none;inline-size:min(72svh,72vw,560px);aspect-ratio:1;margin:0 auto;position:relative;border:clamp(8px,1.4vw,14px) solid rgba(255,255,255,.88);border-radius:50%;background:radial-gradient(circle at 50% 48%,rgba(255,255,255,.12),transparent 26%),linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.02));box-shadow:0 24px 80px rgba(0,0,0,.48),inset 0 0 0 2px rgba(255,255,255,.18),inset 0 0 80px rgba(255,255,255,.08)}.analog-clock:before{content:"";position:absolute;inset:7%;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(255,255,255,.78) 0deg 1.2deg,transparent 1.2deg 30deg);mask:radial-gradient(circle,transparent 0 78%,#000 79% 100%)}.analog-mark,.analog-hand,.analog-center{position:absolute;left:50%;top:50%}.analog-mark{color:var(--fg);font-size:clamp(24px,5vw,48px);font-weight:800;line-height:1;transform:translate(-50%,-50%)}.analog-mark-12{top:11%}.analog-mark-3{left:89%}.analog-mark-6{top:89%}.analog-mark-9{left:11%}.analog-hand{border-radius:999px;background:var(--fg);transform-origin:50% 100%;translate:-50% -100%}.analog-hour{inline-size:clamp(8px,1.2vw,14px);block-size:25%}.analog-minute{inline-size:clamp(5px,.8vw,9px);block-size:35%}.analog-second{inline-size:clamp(2px,.35vw,4px);block-size:40%;background:var(--accent)}.analog-center{inline-size:clamp(18px,3.2vw,34px);aspect-ratio:1;border-radius:50%;background:var(--accent);box-shadow:0 0 0 7px rgba(0,0,0,.18);transform:translate(-50%,-50%)}.analog-mode .clock-time{display:none}.analog-mode .analog-clock{display:block}
.clock-controls{width:min(100%,var(--max));margin:0 auto;padding:18px clamp(16px,4vw,32px) 28px;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.control-button{min-height:42px;padding:0 16px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--fg);font:inherit;cursor:pointer}.control-button:hover,.control-button:focus-visible{border-color:var(--accent);outline:none}.clean-mode .topbar,.clean-mode .clock-controls{opacity:0;pointer-events:none}.clean-mode{overflow:hidden}.clean-mode .clock-shell{min-height:100svh;height:100svh}.clean-mode .content-band,.clean-mode .site-footer{display:none}.clean-mode .clock-city,.clean-mode .clock-date,.clean-mode .clock-meta{display:none}.clean-mode .clock-time{font-size:clamp(58px,17.5vw,250px)}.clean-mode.analog-mode .analog-clock{inline-size:min(80svh,82vw,660px)}
.site-masthead{background:#0b0d10;color:#f7f4ec;border-bottom:1px solid rgba(255,255,255,.12)}.content-band{background:#fff;color:#151515}.content-inner{width:min(100%,var(--max));margin:0 auto;padding:56px clamp(16px,4vw,32px)}.content-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:36px;align-items:start}.content-inner h1,.content-inner h2{margin:0 0 18px;line-height:1.12}.content-inner h1{font-size:clamp(30px,5vw,56px)}.content-inner h2{font-size:clamp(24px,3vw,34px)}.content-inner p,.content-inner li{color:#3c4650;font-size:18px;line-height:1.65}.facts{display:grid;gap:10px;margin-top:24px}.fact{display:flex;justify-content:space-between;gap:18px;padding:14px 0;border-bottom:1px solid #d8dde3}.ad-slot{min-height:220px;border:1px dashed #a9b2bd;border-radius:8px;display:grid;place-items:center;color:#66717c;background:#f5f7f9;text-align:center;padding:20px}.faq{margin-top:42px;display:grid;gap:16px}.faq details{border-top:1px solid #d8dde3;padding-top:16px}.faq summary{cursor:pointer;font-size:20px;font-weight:700}.site-footer{background:#111;color:#c8cdd3}.site-footer .content-inner{padding-top:28px;padding-bottom:28px}.site-footer a{color:#fff}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0 34px}.gallery figure{margin:0;background:#f5f7f9;border-radius:8px;overflow:hidden}.gallery img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.gallery figcaption{padding:10px 12px;color:#4c5864;font-size:14px;line-height:1.35}.link-list{display:grid;gap:10px;margin:20px 0 34px}.link-list a{color:#176b67}.notice{padding:16px;border:1px solid #d8dde3;border-radius:8px;background:#f7f9fb;color:#3c4650}@media(max-width:760px){.topbar{align-items:flex-start}.clock-time{font-size:clamp(48px,16.5vw,120px)}.content-grid,.gallery{grid-template-columns:1fr}}