*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#fbf5ea;--color-bg-subtle:#f4eadb;--color-bg-muted:#fffdf8;--color-surface-accent:#e8efe3;--color-text:#2d2119;--color-text-secondary:#514236;--color-text-tertiary:#766452;--color-accent:#4c7366;--color-accent-hover:#3f6458;--color-border:#8b7460;--color-border-hover:#755d4b;--radius-sm:8px;--radius-md:10px;--radius-lg:10px;--radius-xl:12px;--shadow-sm:0 10px 30px #23180f0f;--shadow-md:0 14px 36px #23180f14;--shadow-lg:0 16px 40px #23180f1a;--transition:.2s ease;--max-w:1120px;--nav-h:64px;--font-body:Georgia, "Times New Roman", serif;--font-heading:Georgia, "Times New Roman", serif;--font-accent:"Courier New", Courier, monospace}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 12% 0,#4c73661f,#0000 28%),radial-gradient(circle at 88% 0,#c95b3714,#0000 24%),linear-gradient(#fcf8f1 0%,#f5ead9 100%);line-height:1.6;position:relative;overflow-x:hidden}body:before{content:"";pointer-events:none;opacity:.07;background-image:linear-gradient(#2d21190b 1px,#0000 1px),linear-gradient(90deg,#2d21190a 1px,#0000 1px);background-size:28px 28px;position:fixed;inset:0;mask-image:linear-gradient(#00000073,#0000 70%)}main{z-index:1;position:relative}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.navbar{z-index:100;background:var(--color-surface-accent);box-shadow:none;height:var(--nav-h);border-bottom:0;position:sticky;top:0}.nav-inner{max-width:var(--max-w);justify-content:space-between;align-items:center;gap:24px;height:100%;margin:0 auto;padding:0 24px;display:flex}.nav-logo{font-family:var(--font-heading);color:var(--color-text);transition:opacity var(--transition);flex-shrink:0;align-items:center;gap:10px;font-size:16px;font-weight:600;display:flex}.nav-logo:hover{opacity:.7}.nav-center{align-items:center;gap:4px;display:flex}.nav-link{font-family:var(--font-heading);color:var(--color-text-secondary);border-radius:var(--radius-sm);transition:color var(--transition), background var(--transition), border-color var(--transition);border:1px solid #0000;padding:7px 14px;font-size:14px;font-weight:500}.nav-link:hover{color:var(--color-text);border-color:var(--color-border);background:#ffffff52}.nav-right{flex-shrink:0;align-items:center;gap:16px;display:flex}.lang-switch{align-items:center;gap:4px;font-size:13px;display:flex}.lang-sep{color:var(--color-border);user-select:none}.lang-btn{font-family:var(--font-heading);color:var(--color-text-secondary);transition:color var(--transition), border-color var(--transition), background var(--transition);border:1px solid #0000;border-radius:4px;padding:3px 6px;font-size:13px;font-weight:500}.lang-btn:hover{color:var(--color-text);border-color:var(--color-border);background:#ffffff47}.lang-btn.active{color:var(--color-text);border-color:var(--color-border);background:#ffffff59;font-weight:600}.btn-primary{font-family:var(--font-heading);color:#fff8ea;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:background var(--transition), transform var(--transition), box-shadow var(--transition), border-color var(--transition);white-space:nowrap;background:linear-gradient(#4f7569 0%,#415f56 100%);border:0;align-items:center;gap:7px;font-weight:600;display:inline-flex}.btn-primary:hover{box-shadow:var(--shadow-md);background:linear-gradient(#567c70 0%,#4a695f 100%);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-sm{padding:8px 16px;font-size:14px}.btn-lg{padding:14px 28px;font-size:16px}.btn-outline{font-family:var(--font-heading);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:border-color var(--transition), background var(--transition), transform var(--transition), box-shadow var(--transition);background:0 0;align-items:center;gap:7px;padding:14px 28px;font-size:16px;font-weight:500;display:inline-flex}.btn-outline:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-md);background:#ffffff59;transform:translateY(-2px)}.section{padding:56px 24px}.section-muted{background:#ffffff6b}.section-inner{max-width:var(--max-w);margin:0 auto}.section-header{text-align:center;margin-bottom:24px}.section-label{font-family:var(--font-accent);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-tertiary);margin-bottom:12px;font-size:11px;font-weight:600;display:inline-block}.section-title{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--color-text);margin-bottom:16px;font-size:clamp(28px,4vw,40px);font-weight:600;line-height:1.14}.section-subtitle{color:var(--color-text-secondary);max-width:620px;margin:0 auto;font-size:18px;line-height:1.74}.card{border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition);box-shadow:var(--shadow-sm);background:linear-gradient(#fffffffa,#faf5ecfa);padding:36px}.card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-border-hover);transform:translateY(-2px)}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.icon-placeholder{border-radius:var(--radius-sm);width:48px;height:48px;color:var(--color-accent);background:linear-gradient(#148d8429,#148d8414);border:1px solid #8b7460b8;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.icon-placeholder svg{opacity:1}.card-title{font-family:var(--font-heading);color:var(--color-text);margin-bottom:8px;font-size:16px;font-weight:600;line-height:1.3}.card-desc{color:var(--color-text-secondary);font-size:15px;line-height:1.72}.footer{text-align:center;color:#000;background:var(--color-surface-accent);border-top:0;padding:16px 24px 24px;font-size:14px}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:.22s both fadeUp}.fade-up-1{animation-delay:.1s}.fade-up-2{animation-delay:.2s}.fade-up-3{animation-delay:.3s}.fade-up-4{animation-delay:.4s}@media (width<=900px){.grid-4,.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.section{padding:40px 18px}.section-header{margin-bottom:20px}.section-subtitle{font-size:16px;line-height:1.65}.nav-center{display:none}.nav-right{gap:8px}.btn-sm{padding:7px 12px;font-size:13px}.btn-lg{padding:13px 22px;font-size:15px}.card{padding:22px}.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.nav-inner{padding:0 16px}}@media (width<=360px){.lang-switch{display:none}.nav-right{gap:6px}.btn-sm{padding:7px 10px;font-size:12px}.nav-logo{gap:8px;font-size:15px}}