@font-face{font-family:Geist;src:url(fonts/geist-latin.woff2) format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:'Instrument Serif';src:url(fonts/instrument-serif-italic-latin.woff2) format('woff2');font-style:italic;font-weight:400;font-display:swap}
:root{--bg:#F3F2F8;--ink:#12172E;--muted:#4B5170;--line:rgba(18,23,46,.12);--blue:#2B4A9E;--deep:#0F1A45;--accent:#CBBDEE;--surface:rgba(255,255,255,.61);--panel:rgba(255,255,255,.76);--event:rgba(255,255,255,.83);--border:rgba(255,255,255,.78);--shadow:0 34px 90px -35px rgba(37,57,118,.4);color-scheme:light}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0B0E1C;--ink:#F5F5FD;--muted:#B7BDD5;--line:rgba(228,231,255,.16);--blue:#B6C8FF;--deep:#EDF0FF;--accent:#CBBDEE;--surface:rgba(31,39,73,.64);--panel:rgba(24,32,63,.83);--event:rgba(246,247,255,.11);--border:rgba(255,255,255,.13);--shadow:0 35px 95px -25px rgba(0,0,0,.6);color-scheme:dark}}
:root[data-theme=dark]{--bg:#0B0E1C;--ink:#F5F5FD;--muted:#B7BDD5;--line:rgba(228,231,255,.16);--blue:#B6C8FF;--deep:#EDF0FF;--accent:#CBBDEE;--surface:rgba(31,39,73,.64);--panel:rgba(24,32,63,.83);--event:rgba(246,247,255,.11);--border:rgba(255,255,255,.13);--shadow:0 35px 95px -25px rgba(0,0,0,.6);color-scheme:dark}
*{box-sizing:border-box}
html{min-height:100%;-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;background:var(--bg);color:var(--ink);font-family:Geist,ui-sans-serif,system-ui,-apple-system,'SF Pro Text',sans-serif;-webkit-font-smoothing:antialiased}
button,a{font:inherit}
a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
button{cursor:pointer}
.ambient,.grain{position:fixed;inset:0;pointer-events:none}
.ambient{z-index:0;background:radial-gradient(50vw 47vw at 8% 12%,rgba(247,205,174,.63),transparent 67%),radial-gradient(48vw 48vw at 79% 14%,rgba(168,197,248,.62),transparent 69%),radial-gradient(53vw 49vw at 54% 83%,rgba(203,189,238,.6),transparent 68%),var(--bg)}
[data-theme=dark] .ambient{background:radial-gradient(47vw 44vw at 9% 9%,rgba(101,72,126,.38),transparent 70%),radial-gradient(50vw 45vw at 84% 13%,rgba(62,88,163,.5),transparent 69%),radial-gradient(53vw 48vw at 53% 86%,rgba(74,58,123,.47),transparent 70%),var(--bg)}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .ambient{background:radial-gradient(47vw 44vw at 9% 9%,rgba(101,72,126,.38),transparent 70%),radial-gradient(50vw 45vw at 84% 13%,rgba(62,88,163,.5),transparent 69%),radial-gradient(53vw 48vw at 53% 86%,rgba(74,58,123,.47),transparent 70%),var(--bg)}}
.grain{z-index:1;opacity:.045;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
[data-theme=dark] .grain{mix-blend-mode:screen;opacity:.035}
.shell{position:relative;z-index:2;min-height:100vh;max-width:1600px;margin:auto;padding:clamp(24px,4vw,56px) clamp(24px,5.4vw,88px) 24px;display:flex;flex-direction:column}
.topbar,.controls,.brand,.languages,.footer,.actions,.facts,.preview-head,.section-head,.time-row,.preview-brand{display:flex;align-items:center}
.topbar{justify-content:space-between;gap:24px}
.brand{gap:11px;font-weight:650;letter-spacing:-.035em;font-size:19px}
.brand img,.preview-brand img{border-radius:10px;box-shadow:0 6px 16px rgba(15,26,69,.18)}
.controls{gap:18px}
.languages{gap:11px;padding:8px 12px;background:var(--surface);border:1px solid var(--border);border-radius:999px;backdrop-filter:blur(18px)}
.languages a{font-size:12px;font-weight:650;letter-spacing:.03em;color:var(--muted);padding:2px 3px}
.languages a[aria-current=page]{color:var(--ink)}
.languages span{height:15px;width:1px;background:var(--line)}
.theme-toggle{width:43px;height:43px;display:grid;place-items:center;border:1px solid var(--border);border-radius:50%;background:var(--surface);color:var(--ink);backdrop-filter:blur(18px)}
.theme-toggle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.main{flex:1;display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);align-items:center;gap:clamp(36px,6vw,100px);padding:clamp(54px,8vh,106px) 0 clamp(38px,7vh,80px)}
.intro{max-width:660px}
.status{display:inline-flex;align-items:center;gap:10px;margin:0 0 28px;padding:9px 14px;border-radius:999px;background:var(--surface);border:1px solid var(--border);color:var(--blue);font-size:12px;font-weight:600;letter-spacing:.015em}
.status-dot{width:7px;height:7px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 4px rgba(43,74,158,.12)}
h1{margin:0;font-size:clamp(54px,5.8vw,98px);line-height:.99;font-weight:540;letter-spacing:-.065em;text-wrap:balance}
h1 em{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-weight:400;color:var(--blue);letter-spacing:-.025em}
.description{max-width:50ch;margin:28px 0 0;color:var(--muted);font-size:clamp(18px,1.55vw,22px);line-height:1.55;letter-spacing:-.012em;text-wrap:pretty}
.actions{gap:17px;flex-wrap:wrap;margin-top:38px}
.contact{display:inline-flex;align-items:center;gap:26px;min-height:54px;padding:8px 9px 8px 24px;border-radius:999px;background:#0F1A45;color:#fff;box-shadow:0 16px 38px -17px rgba(15,26,69,.63);font-weight:550;transition:transform .25s ease,box-shadow .25s ease}
.contact:hover{transform:translateY(-2px);box-shadow:0 22px 44px -17px rgba(15,26,69,.7)}
.contact svg{width:37px;height:37px;padding:10px;border-radius:50%;background:rgba(255,255,255,.14);fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.contact-address{font-size:14px;color:var(--muted)}
.facts{gap:8px 18px;flex-wrap:wrap;margin-top:54px;color:var(--muted);font-size:13px}
.facts span:not(:first-child)::before{content:"";display:inline-block;vertical-align:middle;width:3px;height:3px;margin-right:18px;background:var(--blue);border-radius:50%}
.visual{position:relative;min-width:0;isolation:isolate}
.visual-glow{position:absolute;z-index:-1;inset:8% -8%;border-radius:50%;background:radial-gradient(ellipse at 28% 24%,rgba(247,205,174,.6),transparent 55%),radial-gradient(ellipse at 83% 36%,rgba(168,197,248,.7),transparent 55%),radial-gradient(ellipse at 50% 80%,rgba(203,189,238,.65),transparent 60%);filter:blur(40px)}
.preview-frame{padding:9px;border-radius:32px;background:rgba(255,255,255,.5);border:1px solid var(--border);box-shadow:var(--shadow);transform:rotate(-2deg)}
.preview{position:relative;overflow:hidden;min-height:420px;border-radius:24px;padding:34px 34px 20px;background:radial-gradient(ellipse 85% 60% at 22% 6%,rgba(247,205,174,.5),transparent 64%),radial-gradient(ellipse 72% 65% at 81% 54%,rgba(168,197,248,.55),transparent 67%),radial-gradient(ellipse 78% 70% at 52% 100%,rgba(203,189,238,.54),transparent 72%),var(--panel);border:1px solid var(--border);backdrop-filter:blur(18px)}
.preview-head{gap:16px;align-items:flex-start}
.date{font-size:100px;line-height:.78;letter-spacing:-.075em;font-weight:680;color:var(--blue)}
.date-copy{padding-top:7px;display:flex;flex-direction:column;gap:4px}
.date-copy strong{font-size:20px;letter-spacing:-.03em}
.date-copy span{font-size:13px;color:var(--muted)}
.date-copy small{margin-top:5px;font-size:10px;font-weight:750;letter-spacing:.13em;color:var(--blue)}
.preview-brand{margin-left:auto;gap:7px;font-size:13px;font-weight:650;letter-spacing:-.03em}
.preview-rule{height:1.5px;margin:25px 0 17px;background:var(--blue);opacity:.85}
.preview-grid{display:grid;grid-template-columns:1.22fr .78fr;gap:26px}
.section-head{justify-content:space-between;color:var(--blue);font-size:11px;font-weight:750;letter-spacing:.075em;margin-bottom:15px}
.time-row{align-items:flex-start;gap:12px;min-height:54px;position:relative}
.time-row>span{width:40px;flex:none;font-size:11px;color:var(--muted);padding-top:5px}
.event{display:flex;flex-direction:column;gap:2px;min-height:46px;flex:1;padding:6px 9px;border-left:3px solid #8FA0D3;border-radius:5px;background:var(--event);font-size:11px;line-height:1.28;box-shadow:0 2px 8px rgba(15,26,69,.04)}
.event b{font-weight:600;color:var(--muted);font-size:10px}
.event.alt{border-left-color:#CFA0B8}
.free-line{height:1px;flex:1;margin-top:10px;background:var(--line)}
.tasks ul{list-style:none;padding:0;margin:0}
.tasks li{position:relative;padding:1px 0 15px 21px;font-size:12px;line-height:1.35}
.tasks li::before{content:"";position:absolute;left:1px;top:3px;width:11px;height:11px;border:1.5px solid var(--blue);border-radius:50%}
.preview-foot{margin-top:20px;font-size:10px;color:var(--muted)}
.footer{justify-content:space-between;gap:20px;padding-top:17px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}
.footer a:hover{text-decoration:underline}
@media(max-width:1100px){.main{grid-template-columns:1fr;gap:56px;padding-top:70px}.intro{max-width:760px}.visual{max-width:780px;width:100%;margin-inline:auto}.preview-frame{transform:none}}
@media(max-width:640px){.shell{padding:22px 20px 18px}.main{padding-top:72px;gap:54px}.brand{font-size:17px}.brand img{width:32px;height:32px}.controls{gap:9px}.status{margin-bottom:23px}h1{font-size:clamp(52px,11vw,70px)}.description{margin-top:22px;font-size:18px}.actions{margin-top:29px}.facts{margin-top:38px;font-size:12px}.facts span:not(:first-child)::before{margin-right:11px}.preview-frame{padding:6px;border-radius:25px}.preview{min-height:0;padding:19px 18px 15px;border-radius:18px}.date{font-size:62px}.date-copy{padding-top:3px;gap:2px}.date-copy strong{font-size:14px}.date-copy span{font-size:10px}.date-copy small{font-size:8px}.preview-brand{font-size:10px;gap:5px}.preview-brand img{width:19px;height:19px}.preview-rule{margin:16px 0 13px}.preview-grid{gap:16px}.section-head{font-size:8px;margin-bottom:11px}.time-row{gap:6px;min-height:49px}.time-row>span{width:29px;font-size:8px}.event{padding:5px 6px;font-size:9px}.event b{font-size:8px}.tasks li{font-size:9px;padding-left:16px;padding-bottom:12px}.tasks li::before{width:9px;height:9px;top:2px}.preview-foot{font-size:8px;margin-top:12px}.footer{font-size:11px}}
@media(max-width:390px){.preview-brand{display:none}.facts{gap:6px 9px}.facts span:not(:first-child)::before{margin-right:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}