*{box-sizing:border-box;margin:0;padding:0}:root{--grad:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);--elevation-card:0 1px 2px #0f172a0a, 0 4px 16px #0f172a0f;--elevation-raised:0 2px 4px #0f172a0d, 0 12px 32px #0f172a17;--site-maxw:1120px}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:88px}body{background:var(--background);color:var(--on-background);font-family:var(--font-sans);letter-spacing:.01em;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;line-height:1.55;overflow-x:hidden}::selection{background:color-mix(in srgb, var(--primary) 22%, transparent)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{z-index:1;width:100%;max-width:var(--site-maxw);padding-inline:var(--space-6,24px);margin-inline:auto;position:relative}.site-header{z-index:100;border-bottom:1px solid var(--outline-variant);background:color-mix(in srgb, var(--background) 82%, transparent);backdrop-filter:blur(16px);position:sticky;top:0}.site-header .container{justify-content:space-between;align-items:center;gap:var(--space-5,20px);min-height:72px;display:flex}.brand{color:var(--on-background);letter-spacing:-.02em;align-items:center;gap:10px;font-size:19px;font-weight:800;display:inline-flex}.brand-eq{flex:none;width:auto;height:26px;display:block}.nav{flex-wrap:wrap;gap:6px;display:flex}.nav a{color:var(--on-surface-variant);transition:background .15s var(--ease-standard), color .15s var(--ease-standard);border-radius:10px;padding:9px 14px;font-size:14.5px;font-weight:600}.nav a:hover{background:var(--surface-variant);color:var(--on-background)}@media (width<=640px){.site-header .container{align-items:flex-start;gap:var(--space-2,8px);padding-block:var(--space-3,12px);flex-direction:column}.site-header .nav{margin-inline:-12px}.site-header .nav a{padding:6px 12px;font-size:14px}}.site-footer{margin-top:var(--space-12,48px);padding-block:var(--space-10,40px) var(--space-8,32px);border-top:1px solid var(--outline-variant);background:var(--surface);color:var(--on-surface-variant);font-size:13px}.site-footer .container{gap:var(--space-5,20px);flex-direction:column;display:flex}.site-footer nav{flex-wrap:wrap;gap:8px;display:flex}.site-footer nav a{color:var(--on-surface-variant);border-radius:10px;padding:8px 12px;font-size:14px;font-weight:600}.site-footer nav a:hover{background:var(--surface-variant);color:var(--on-background)}@media (width>=768px){.site-footer .container{flex-direction:row;justify-content:space-between;align-items:center}}.btn{justify-content:center;align-items:center;gap:var(--space-2,8px);min-height:var(--touch-min,48px);padding:0 var(--space-6,24px);border-radius:var(--radius-md,16px);color:inherit;cursor:pointer;transition:transform .15s var(--ease-standard), filter .15s var(--ease-standard);border:0;font-family:inherit;font-size:15.5px;font-weight:800;display:inline-flex}.btn:hover{filter:brightness(1.07)}.btn:active{transform:scale(.97)}.btn-primary{background:var(--primary);color:var(--on-primary);box-shadow:0 6px 18px #4f46e547}.btn-outline{background:var(--surface);color:var(--on-surface);box-shadow:inset 0 0 0 1.5px var(--outline)}.btn-danger{background:var(--error);color:var(--on-error);box-shadow:0 6px 18px #ef444442}.card{padding:var(--space-6,24px);border:1px solid var(--outline-variant);border-radius:var(--radius-lg,24px);background:var(--surface);box-shadow:var(--elevation-card)}.prose{z-index:10;max-width:760px;padding:clamp(48px, 7vw, 82px) var(--space-6,24px);margin-inline:auto;position:relative}.prose h1{margin-bottom:var(--space-4,16px);background:var(--grad);color:#0000;letter-spacing:-.02em;background-clip:text;font-size:clamp(2.25rem,6vw,3.5rem);font-weight:800;line-height:1.08}.prose h2{margin-top:var(--space-8,32px);margin-bottom:var(--space-3,12px);color:var(--on-background);font-size:var(--title-lg,22px);letter-spacing:-.02em;font-weight:800}.prose h3{margin-top:var(--space-6,24px);margin-bottom:var(--space-2,8px);color:var(--on-background);font-size:var(--title-md,18px);font-weight:700}.prose p,.prose li{color:var(--on-surface);font-size:var(--body-md,16px);line-height:1.7}.prose p,.prose ul,.prose ol{margin-block:var(--space-4,16px)}.prose ul,.prose ol{padding-inline-start:var(--space-6,24px)}.prose li{margin-block:var(--space-2,8px)}.prose a{color:var(--primary);font-weight:700}.prose a:hover{text-decoration:underline}.prose strong{color:var(--on-background);font-weight:700}.prose blockquote{margin-block:var(--space-4,16px);padding:var(--space-4,16px) var(--space-5,20px);border-inline-start:4px solid var(--primary);border-radius:0 var(--radius-md,16px) var(--radius-md,16px) 0;background:var(--surface-variant)}.prose .people{gap:var(--space-5,20px);margin-block:var(--space-5,20px) var(--space-7,28px);padding-inline-start:0;list-style:none;display:grid}.prose .people li{margin-block:0}.prose .person__name{letter-spacing:-.01em;font-size:17px;display:block}.prose .person__meta{color:var(--on-surface-variant);flex-wrap:wrap;align-items:baseline;gap:2px 10px;margin-block:4px 0;font-size:14.5px;display:flex}.person__meta>:not(:last-child):after{content:"·";color:var(--outline);margin-left:10px;display:inline-block}@media (width<=560px){.prose .person__meta{justify-items:start;gap:2px;display:grid}.person__meta>:not(:last-child):after{content:none}}.lead{color:var(--on-surface-variant);font-size:17px;line-height:1.6}.field{gap:var(--space-2,8px);margin-bottom:var(--space-4,16px);flex-direction:column;display:flex}.field label{color:var(--on-background);font-size:var(--label-lg,14px);font-weight:700}.field input,.field textarea{padding:var(--space-3,12px) var(--space-4,16px);border:1.5px solid var(--outline);border-radius:var(--radius-md,16px);background:var(--surface);color:var(--on-background);font:inherit}.field input::placeholder,.field textarea::placeholder{color:var(--on-surface-variant)}.field textarea{resize:vertical;min-height:140px}.field input:focus,.field textarea:focus{border-color:var(--primary);box-shadow:var(--focus-ring);outline:none}.form-status{align-items:center;gap:var(--space-2,8px);margin-top:var(--space-4,16px);font-weight:700;display:flex}.form-status.ok{color:var(--green)}.form-status.err{color:var(--error)}.text-center{text-align:center}.mt-6{margin-top:var(--space-6,24px)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}
