@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700;800&display=swap";:root{--navy:#0a0e1a;--navy-2:#111827;--navy-3:#1c2333;--card:#131b2e;--border:#1e2d45;--border-light:#2a3a55;--text:#f0f4ff;--text-2:#8b9abb;--text-3:#4a5568;--teal:#00d4aa;--teal-dim:#00d4aa15;--teal-border:#00d4aa40;--teal-dark:#009e7f;--purple:#7c6fff;--purple-dim:#7c6fff15;--purple-border:#7c6fff40;--purple-2:#a78bfa;--green:#34d399;--green-dim:#34d39915;--green-border:#34d39940;--red:#f87171;--red-dim:#f8717115;--red-border:#f8717140;--amber:#fbbf24;--amber-dim:#fbbf2415;--amber-border:#fbbf2440;--radius:12px;--radius-sm:8px;--radius-lg:18px;--shadow:0 4px 24px #0000004d;--transition:.2s cubic-bezier(.4,0,.2,1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background:var(--navy);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;line-height:1.6}h1,h2,h3,h4{letter-spacing:-.025em;font-family:Space Grotesk,sans-serif;line-height:1.2}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;font-family:inherit}.skip-link{z-index:2000;background:var(--teal);color:var(--navy);border-radius:var(--radius-sm);transition:top var(--transition);padding:.55rem .85rem;font-weight:700;position:absolute;top:-80px;left:1rem}.skip-link:focus{top:.75rem}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--navy-2)}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}.site-nav{border-bottom:1px solid var(--border);backdrop-filter:blur(12px);z-index:1000;background:#0a0e1af2;justify-content:space-between;align-items:center;height:60px;padding:0 2rem;display:flex;position:sticky;top:0}.logo{color:var(--text);align-items:center;gap:2px;font-family:Space Grotesk,sans-serif;font-size:1.15rem;font-weight:800;display:flex}.logo-dot{color:var(--teal)}.nav-links{align-items:center;gap:.15rem;display:flex}.nav-links a{color:var(--text-2);border-radius:var(--radius-sm);transition:all var(--transition);white-space:nowrap;padding:6px 10px;font-size:12.5px;font-weight:500}.nav-links a:hover{color:var(--text);background:var(--card)}.nav-links a.active{color:var(--teal);background:var(--teal-dim)}.nav-mobile-btn{color:var(--text-2);background:0 0;border:none;padding:4px;font-size:1.3rem;display:none}.nav-mobile-menu{background:var(--navy-2);border-bottom:1px solid var(--border);z-index:999;flex-direction:column;gap:4px;padding:1rem;display:none;position:fixed;top:60px;left:0;right:0}.nav-mobile-menu.open{display:flex}.nav-mobile-menu a{color:var(--text-2);border-radius:var(--radius-sm);transition:all var(--transition);padding:10px 14px;font-size:14px;font-weight:500}.nav-mobile-menu a:hover{color:var(--text);background:var(--card)}.nav-mobile-menu a.active{color:var(--teal);background:var(--teal-dim)}.hero{text-align:center;max-width:680px;margin:0 auto;padding:4rem 1.5rem 2.5rem}.eyebrow{letter-spacing:.1em;text-transform:uppercase;border-radius:20px;align-items:center;gap:6px;margin-bottom:1.25rem;padding:5px 14px;font-size:11px;font-weight:700;display:inline-flex}.eyebrow.teal{color:var(--teal);background:var(--teal-dim);border:1px solid var(--teal-border)}.eyebrow.purple{color:var(--purple-2);background:var(--purple-dim);border:1px solid var(--purple-border)}.eyebrow.green{color:var(--green);background:var(--green-dim);border:1px solid var(--green-border)}.eyebrow.amber{color:var(--amber);background:var(--amber-dim);border:1px solid var(--amber-border)}.hero h1{margin-bottom:.85rem;font-size:clamp(2rem,5vw,3rem);font-weight:800}.hero p{color:var(--text-2);max-width:480px;margin:0 auto;font-size:1rem}.calc-wrap{max-width:680px;margin:0 auto 3rem;padding:0 1.25rem}.calc-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:2rem;position:relative;overflow:hidden}.calc-card:before{content:"";background:linear-gradient(90deg, transparent 0%, var(--teal) 50%, transparent 100%);height:2px;position:absolute;inset:0 0 auto}.calc-card.purple:before{background:linear-gradient(90deg, transparent 0%, var(--purple) 50%, transparent 100%)}.calc-card.green:before{background:linear-gradient(90deg, transparent 0%, var(--green) 50%, transparent 100%)}.calc-card.amber:before{background:linear-gradient(90deg, transparent 0%, var(--amber) 50%, transparent 100%)}.field{margin-bottom:14px}.field label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);margin-bottom:6px;font-size:11px;font-weight:700;display:block}.input-wrap{position:relative}input[type=date],input[type=time],input[type=text],input[type=number],select{background:var(--navy-3);border:1.5px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);transition:border-color var(--transition), box-shadow var(--transition);appearance:none;outline:none;padding:11px 14px;font-family:Inter,sans-serif;font-size:14px}input:focus,select:focus{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-dim)}.purple-focus input:focus,.purple-focus select:focus{border-color:var(--purple);box-shadow:0 0 0 3px var(--purple-dim)}.green-focus input:focus,.green-focus select:focus{border-color:var(--green);box-shadow:0 0 0 3px var(--green-dim)}.amber-focus input:focus,.amber-focus select:focus{border-color:var(--amber);box-shadow:0 0 0 3px var(--amber-dim)}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.6)sepia()hue-rotate(120deg)saturate(1.5);cursor:pointer;width:16px;height:16px}input.error-input{border-color:var(--red)!important}.field-error{color:var(--red);margin-top:4px;font-size:11px;display:none}.field-error.show{display:block}.btn{border-radius:var(--radius-sm);letter-spacing:.02em;width:100%;transition:all var(--transition);border:none;justify-content:center;align-items:center;gap:8px;padding:13px 20px;font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:700;display:flex}.btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-teal{color:#0a0e1a;background:linear-gradient(135deg,#00d4aa,#0fc)}.btn-purple{color:#fff;background:linear-gradient(135deg,#7c6fff,#a78bfa)}.btn-green{color:#0a0e1a;background:linear-gradient(135deg,#34d399,#6ee7b7)}.btn-amber{color:#0a0e1a;background:linear-gradient(135deg,#fbbf24,#fde68a)}.btn-ghost{border:1px dashed var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-3);transition:all var(--transition);background:0 0;justify-content:center;align-items:center;gap:4px;margin-top:6px;padding:8px;font-size:12px;display:flex}.btn-ghost:hover{border-color:var(--border-light);color:var(--text-2)}.divider{background:var(--border);height:1px;margin:16px 0}.result-section{opacity:0;pointer-events:none;margin-top:1.75rem;transition:opacity .4s,transform .4s;transform:translateY(12px)}.result-section.visible{opacity:1;pointer-events:all;transform:translateY(0)}.result-hero{border-radius:var(--radius);text-align:center;border:1px solid var(--teal-border);background:linear-gradient(135deg, var(--teal-dim), transparent);margin-bottom:12px;padding:1.75rem 1.5rem}.result-hero.purple{border-color:var(--purple-border);background:linear-gradient(135deg,var(--purple-dim),transparent)}.result-hero.green{border-color:var(--green-border);background:linear-gradient(135deg,var(--green-dim),transparent)}.result-hero.amber{border-color:var(--amber-border);background:linear-gradient(135deg,var(--amber-dim),transparent)}.result-label{letter-spacing:.1em;text-transform:uppercase;color:var(--teal);margin-bottom:6px;font-size:11px;font-weight:700}.result-hero.purple .result-label{color:var(--purple-2)}.result-hero.green .result-label{color:var(--green)}.result-hero.amber .result-label{color:var(--amber)}.result-big{color:var(--teal);letter-spacing:-.04em;font-family:Space Grotesk,sans-serif;font-size:clamp(3rem,10vw,5rem);font-weight:800;line-height:1}.result-hero.purple .result-big{color:var(--purple-2)}.result-hero.green .result-big{color:var(--green)}.result-hero.amber .result-big{color:var(--amber)}.result-unit{color:var(--text-2);margin-top:4px;font-size:.95rem}.result-sub{color:var(--text-3);margin-top:6px;font-size:13px}.stats-3{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px;display:grid}.stats-4{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:10px;display:grid}.stats-2{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:10px;display:grid}.stat-box{background:var(--navy-3);border:1px solid var(--border);border-radius:var(--radius-sm);text-align:center;transition:border-color var(--transition);padding:14px 8px}.stat-box:hover{border-color:var(--border-light)}.stat-num{color:var(--text);font-family:Space Grotesk,sans-serif;font-size:1.5rem;font-weight:700;line-height:1}.stat-lbl{color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;margin-top:4px;font-size:10px}.info-row{background:var(--navy-3);border:1px solid var(--border);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;margin-bottom:8px;padding:10px 14px;display:flex}.info-row .info-label{color:var(--text-2);font-size:13px}.info-row .info-val{font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:700}.info-val.teal{color:var(--teal)}.info-val.purple{color:var(--purple-2)}.info-val.green{color:var(--green)}.info-val.amber{color:var(--amber)}.fun-fact{border-radius:var(--radius-sm);color:var(--text-2);border:1px solid var(--teal-border);background:var(--teal-dim);margin-top:10px;padding:12px 14px;font-size:13px}.fun-fact strong{color:var(--teal)}.alert{border-radius:var(--radius-sm);align-items:center;gap:8px;margin-bottom:12px;padding:12px 14px;font-size:13px;font-weight:500;display:none}.alert.show{display:flex}.alert.error{color:var(--red);background:var(--red-dim);border:1px solid var(--red-border)}.alert.success{color:var(--green);background:var(--green-dim);border:1px solid var(--green-border)}.alert.warning{color:var(--amber);background:var(--amber-dim);border:1px solid var(--amber-border)}.chips-row{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.chip{border:1px solid var(--border);color:var(--text-2);transition:all var(--transition);background:0 0;border-radius:20px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:500;display:flex}.chip.active.teal{background:var(--teal-dim);border-color:var(--teal-border);color:var(--teal)}.chip.active.purple{background:var(--purple-dim);border-color:var(--purple-border);color:var(--purple-2)}.chip.active.green{background:var(--green-dim);border-color:var(--green-border);color:var(--green)}.article{max-width:680px;margin:0 auto;padding:0 1.25rem 5rem}.article h2{margin:2.5rem 0 .75rem;font-size:1.35rem;font-weight:700}.article h3{margin:1.5rem 0 .5rem;font-size:1.05rem;font-weight:600}.article p{color:var(--text-2);margin-bottom:.9rem;font-size:.95rem;line-height:1.85}.article ul,.article ol{margin-bottom:.9rem;padding-left:1.4rem}.article li{color:var(--text-2);margin-bottom:4px;font-size:.95rem;line-height:1.8}.article strong{color:var(--text)}.article a{color:var(--teal);text-decoration:underline}.article hr{border:none;border-top:1px solid var(--border);margin:2rem 0}.faq-item{border-top:1px solid var(--border)}.faq-item:last-child{border-bottom:1px solid var(--border)}.faq-q{cursor:pointer;user-select:none;transition:color var(--transition);justify-content:space-between;align-items:center;padding:1rem 0;font-size:.95rem;font-weight:600;display:flex}.faq-q:hover{color:var(--teal)}.faq-icon{color:var(--teal);transition:transform var(--transition);flex-shrink:0;margin-left:12px;font-size:1.1rem}.faq-icon.open{transform:rotate(45deg)}.faq-a{color:var(--text-2);max-height:0;font-size:.9rem;line-height:1.8;transition:max-height .35s,padding .35s;overflow:hidden}.faq-a.open{max-height:300px;padding-bottom:1rem}.progress-track{background:var(--navy-3);border-radius:4px;height:8px;margin:6px 0;overflow:hidden}.progress-fill{border-radius:4px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.block-grid{flex-wrap:wrap;gap:3px;margin-top:8px;display:flex}.block-item{background:var(--navy-3);border:1px solid var(--border);border-radius:3px;width:18px;height:18px;transition:background 50ms}.block-item.filled{background:var(--purple);border-color:var(--purple)}.block-item.partial{background:var(--purple-dim);border-color:var(--purple-border)}.site-footer{border-top:1px solid var(--border);text-align:center;padding:2.5rem 1.5rem}.footer-links{flex-wrap:wrap;justify-content:center;gap:.5rem 1.5rem;margin-bottom:1rem;display:flex}.footer-links a{color:var(--text-3);transition:color var(--transition);font-size:13px}.footer-links a:hover{color:var(--teal)}.footer-copy{color:var(--text-3);font-size:12px}.footer-copy span{color:var(--teal)}.breadcrumb{color:var(--text-3);align-items:center;gap:6px;margin-bottom:1rem;font-size:12px;display:flex}.breadcrumb a{color:var(--text-3);transition:color var(--transition)}.breadcrumb a:hover{color:var(--teal)}.breadcrumb span{color:var(--text-2)}.content-page{max-width:680px;margin:3rem auto;padding:0 1.25rem 5rem}.content-page h1{margin-bottom:.5rem;font-size:2rem}.content-page .lead{color:var(--text-2);margin-bottom:2rem;font-size:1rem}.content-page h2{margin:2rem 0 .75rem;font-size:1.2rem}.content-page p{color:var(--text-2);margin-bottom:.9rem;font-size:.95rem;line-height:1.85}.content-page ul{margin-bottom:.9rem;padding-left:1.4rem}.content-page li{color:var(--text-2);margin-bottom:4px;font-size:.95rem;line-height:1.8}.content-page strong{color:var(--text)}.content-page a{color:var(--teal)}.not-found{text-align:center;padding:6rem 1.5rem}.not-found h1{color:var(--teal);margin-bottom:0;font-size:6rem;line-height:1}.not-found h2{margin:.5rem 0 1rem;font-size:1.5rem}.not-found p{color:var(--text-2);margin-bottom:2rem}@media (width<=1100px){.nav-links{display:none}.nav-mobile-btn{display:block}}@media (width<=640px){.site-nav{padding:0 1rem}.hero{padding:3rem 1rem 2rem}.calc-card{padding:1.25rem}.calc-card [style*="grid-template-columns:1fr 1fr"],.calc-card [style*="grid-template-columns:1fr auto 1fr"]{grid-template-columns:1fr!important}.calc-card [style*="grid-template-columns:1fr auto 1fr"]>div:nth-child(2){display:none!important}.stats-4{grid-template-columns:repeat(2,1fr)}.stats-3{grid-template-columns:repeat(3,1fr)}.info-row{align-items:flex-start;gap:.75rem}.article{padding:0 1rem 4rem}}@media (width<=380px){.stats-3{grid-template-columns:1fr 1fr}}.time-entry{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:8px;display:grid}.time-entry input{min-width:0}.time-now-btn{border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--navy-3);min-width:46px;color:var(--text-2);transition:all var(--transition);padding:0 12px;font-size:1rem;font-weight:700}.time-now-btn:hover,.time-now-btn:focus-visible{color:var(--teal);border-color:var(--teal-border);box-shadow:0 0 0 3px var(--teal-dim);outline:none}.amber-focus .time-now-btn:hover,.amber-focus .time-now-btn:focus-visible{color:var(--amber);border-color:var(--amber-border);box-shadow:0 0 0 3px var(--amber-dim)}.purple-focus .time-now-btn:hover,.purple-focus .time-now-btn:focus-visible{color:var(--purple-2);border-color:var(--purple-border);box-shadow:0 0 0 3px var(--purple-dim)}.helper-text{color:var(--text-3);margin-top:5px;font-size:11px;line-height:1.45}.quick-actions{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.quick-mini{border:1px dashed var(--border);color:var(--text-3);transition:all var(--transition);white-space:nowrap;background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:4px;padding:7px 10px;font-size:11px;font-weight:600;display:inline-flex}.quick-mini:hover,.quick-mini:focus-visible{color:var(--text-2);border-color:var(--border-light);outline:none}.quick-mini.green:hover,.quick-mini.green:focus-visible{color:var(--green);border-color:var(--green-border)}.quick-mini.purple:hover,.quick-mini.purple:focus-visible{color:var(--purple-2);border-color:var(--purple-border)}.quick-mini.amber:hover,.quick-mini.amber:focus-visible{color:var(--amber);border-color:var(--amber-border)}.select-grid{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}.biz-note{border:1px solid var(--green-border);background:var(--green-dim);color:var(--text-2);border-radius:var(--radius-sm);margin-bottom:14px;padding:10px 12px;font-size:12px;line-height:1.6}.tz-panel{border:1px solid var(--border);border-radius:var(--radius);background:#1c233373;margin-bottom:1rem;padding:1rem}.tz-panel-title{margin-bottom:.8rem;font-family:Space Grotesk,sans-serif;font-size:.95rem;font-weight:700}.tz-chip-row{flex-wrap:wrap;gap:8px;margin:.75rem 0 0;display:flex}.tz-result-card{background:var(--navy-3);border:1px solid var(--purple-border);border-radius:var(--radius-sm);margin-bottom:10px;padding:14px}.tz-result-card .zone-name{color:var(--text-2);margin-bottom:5px;font-size:12px}.tz-result-card .zone-time{color:var(--purple-2);font-family:Space Grotesk,sans-serif;font-size:1.25rem;font-weight:800;line-height:1.25}.tz-result-card .zone-date{color:var(--text-3);margin-top:4px;font-size:12px}@media (width<=640px){.select-grid{grid-template-columns:1fr}.time-entry{grid-template-columns:1fr auto}.quick-actions{gap:5px}.quick-mini{padding:6px 8px;font-size:10.5px}}.cd-date-entry{grid-template-columns:minmax(0,1fr) 46px;align-items:stretch;gap:8px;display:grid;position:relative}.cd-date-entry input[placeholder="DD/MM/YYYY"]{cursor:text;min-width:0}.cd-date-picker-btn{border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--navy-3);width:46px;min-height:44px;color:var(--text-2);transition:all var(--transition);justify-content:center;align-items:center;font-size:1rem;display:inline-flex}.cd-date-picker-btn:hover,.cd-date-picker-btn:focus-visible{color:var(--teal);border-color:var(--teal-border);box-shadow:0 0 0 3px var(--teal-dim);outline:none}.purple-focus .cd-date-picker-btn:hover,.purple-focus .cd-date-picker-btn:focus-visible{color:var(--purple-2);border-color:var(--purple-border);box-shadow:0 0 0 3px var(--purple-dim)}.green-focus .cd-date-picker-btn:hover,.green-focus .cd-date-picker-btn:focus-visible{color:var(--green);border-color:var(--green-border);box-shadow:0 0 0 3px var(--green-dim)}.amber-focus .cd-date-picker-btn:hover,.amber-focus .cd-date-picker-btn:focus-visible{color:var(--amber);border-color:var(--amber-border);box-shadow:0 0 0 3px var(--amber-dim)}.cd-native-date{opacity:0;pointer-events:none;z-index:-1;width:46px;height:100%;position:absolute;top:0;right:0}.cd-date-entry:focus-within .cd-date-picker-btn{border-color:var(--teal-border)}@media (width<=420px){.cd-date-entry{grid-template-columns:minmax(0,1fr) 42px}.cd-date-picker-btn,.cd-native-date{width:42px}}