:root{--primary: #247349;--primary-active: #185c39;--primary-disabled: #cad8ce;--primary-soft: #dff1e7;--primary-softer: #f1faf5;--bamboo: #247349;--bamboo-light: #8bbf63;--bamboo-dark: #123f2b;--accent-teal: #2e9f89;--accent-amber: #c88b31;--accent-rust: #b8613d;--accent-mist: #d9ece4;--ink: #101815;--body: #2c3832;--body-strong: #18241e;--muted: #66756d;--muted-soft: #87948d;--on-primary: #ffffff;--on-dark: #fbfaf5;--on-dark-soft: #b7beb7;--canvas: #f8faf5;--canvas-warm: #fffaf0;--surface-soft: #f4f8f2;--surface-card: rgba(255, 255, 255, .82);--surface-solid: #ffffff;--surface-subtle: #eef5ef;--surface-cream-strong: #e5efdf;--surface-dark: #111815;--surface-dark-elevated: #1a2420;--surface-dark-soft: #203229;--hairline: rgba(52, 93, 68, .16);--hairline-strong: rgba(38, 92, 58, .28);--hairline-soft: rgba(74, 109, 84, .1);--success: #247349;--warning: #c88b31;--error: #bd4d45;--neu-bg: rgba(255, 255, 255, .78);--neu-shadow-dark: rgba(25, 50, 34, .14);--neu-shadow-light: rgba(255, 255, 255, .88);--neu-radius: 18px;--glass-bg: rgba(255, 255, 255, .68);--glass-strong: rgba(255, 255, 255, .88);--glass-edge: rgba(255, 255, 255, .72);--shadow-float: 0 24px 70px rgba(22, 53, 35, .16);--shadow-soft: 0 10px 30px rgba(22, 53, 35, .1);--shadow-tight: 0 5px 14px rgba(22, 53, 35, .09);--r-sm: 6px;--r-md: 8px;--r-lg: 12px;--r-xl: 16px;--r-pill: 9999px;--s-xxs: 4px;--s-xs: 8px;--s-sm: 12px;--s-md: 16px;--s-lg: 24px;--s-xl: 32px;--font-display: "Aptos Display", "Segoe UI Variable Display", "PingFang SC", "Microsoft YaHei UI", "Microsoft YaHei", sans-serif;--font-body: "Aptos", "Segoe UI Variable Text", "PingFang SC", "Microsoft YaHei UI", "Microsoft YaHei", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "Cascadia Code", Consolas, monospace}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%}body{font-family:var(--font-body);background:radial-gradient(circle at 16% -8%,rgba(139,191,99,.18),transparent 32%),radial-gradient(circle at 92% 4%,rgba(46,159,137,.12),transparent 28%),linear-gradient(135deg,#fbfbf4,#f0f8ee 48%,#fdf8ed);color:var(--body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3{font-family:var(--font-display);color:var(--ink);font-weight:650;letter-spacing:0;line-height:1.15;text-wrap:pretty}button{font-family:var(--font-body);cursor:pointer;border:none;background:none}button{transition-property:background,border-color,color,box-shadow,filter,opacity,transform;transition-duration:.16s;transition-timing-function:ease}button:active:not(:disabled){transform:scale(.98);filter:saturate(1.08)}input,textarea,select{font-family:var(--font-body);font-size:15px;color:var(--ink)}a{color:var(--primary);text-decoration:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#24734938;border-radius:var(--r-pill);border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:#2473495c;background-clip:content-box}::selection{background:#8bbf6347;color:var(--ink)}.neu-card{background:var(--neu-bg);border-radius:var(--neu-radius);border:1px solid var(--glass-edge);-webkit-backdrop-filter:blur(20px) saturate(1.08);backdrop-filter:blur(20px) saturate(1.08);box-shadow:var(--shadow-float),inset 0 1px #ffffffd1}.neu-inset{background:#eef6efc7;border-radius:var(--r-lg);border:1px solid rgba(255,255,255,.72);box-shadow:inset 4px 4px 12px #1a3c2714,inset -5px -5px 16px #ffffffe0}.btn-primary{position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(255,255,255,.18),transparent 34%),linear-gradient(135deg,var(--primary),#5c9b3e);color:var(--on-primary);border-radius:var(--r-md);padding:0 20px;height:40px;font-size:14px;font-weight:650;box-shadow:0 12px 24px #24734938;transition:background .15s ease,box-shadow .16s ease,transform .16s ease}.btn-primary:hover{background:linear-gradient(135deg,rgba(255,255,255,.24),transparent 34%),linear-gradient(135deg,var(--primary-active),#4f8d36);box-shadow:0 16px 32px #24734947}.btn-primary:disabled{background:var(--primary-disabled);color:var(--muted);cursor:not-allowed;box-shadow:none}.btn-secondary{background:#ffffffc2;color:var(--ink);border:1px solid var(--hairline);border-radius:var(--r-md);padding:0 16px;height:40px;font-size:14px;font-weight:600;box-shadow:var(--shadow-tight)}.btn-secondary:hover{background:#fff;border-color:var(--hairline-strong);box-shadow:var(--shadow-soft)}.input-field{width:100%;height:42px;padding:0 14px;background:#ffffffc2;border:1px solid var(--hairline);border-radius:var(--r-md);outline:none;box-shadow:inset 0 1px #ffffffb8;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.input-field:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px #2473491f,inset 0 1px #ffffffd1}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}.fade-scale-enter-active,.fade-scale-leave-active{transition:opacity .16s ease,transform .16s ease}.fade-scale-enter-from,.fade-scale-leave-to{opacity:0;transform:translateY(-4px) scale(.98)}.reveal-on-scroll{opacity:0;transform:translateY(16px);transition:opacity .42s ease,transform .42s ease;will-change:opacity,transform}.reveal-on-scroll.is-visible{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.reveal-on-scroll{opacity:1!important;transform:none!important}}