@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&family=Noto+Sans+SC:wght@300;400;500;600;700&family=Noto+Serif+SC:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--color-primary:#2a5aab;--color-primary-hover:#346ecd;--color-primary-active:#224a8d;--color-primary-light:#d6e6ff;--color-primary-subtle:#c1d9ff;--color-accent:#ca8a10;--color-accent-hover:#dc9400;--color-accent-light:#ffebce;--color-neutral-50:#f6f9fc;--color-neutral-100:#ebeff5;--color-neutral-200:#d4d8de;--color-neutral-300:#b4b8be;--color-neutral-400:#8c8f95;--color-neutral-500:#66696f;--color-neutral-600:#45484d;--color-neutral-700:#2b2e33;--color-neutral-800:#171b22;--color-neutral-900:#070b14;--color-success:#2ea957;--color-success-light:#ceefd3;--color-warning:#cf9b00;--color-warning-light:#ffecc4;--color-error:#cc272e;--color-error-light:#ffdad6;--color-info:#0089c9;--surface-base:#f6f9fc;--surface-raised:#fff;--surface-overlay:#ebeff5;--surface-sunken:#e1e5eb;--text-primary:#070b14;--text-secondary:#45484d;--text-tertiary:#8c8f95;--text-placeholder:#b4b8be;--text-inverse:#f6f9fc;--text-link:#2a5aab;--border-default:#d4d8de;--border-strong:#b4b8be;--border-focus:#2a5aab;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-base:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:96px;--space-5xl:128px;--font-display:"Playfair Display", "Noto Serif SC", serif;--font-body:"Plus Jakarta Sans", "Noto Sans SC", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.333rem;--text-xl:1.777rem;--text-2xl:2.369rem;--text-3xl:3.157rem;--text-4xl:clamp(3.157rem, 5vw + 1rem, 4.209rem);--leading-tight:1.2;--leading-normal:1.5;--leading-relaxed:1.7;--weight-light:300;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-display:800;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014, 0 2px 4px #0000000a;--shadow-lg:0 8px 24px #0000001a, 0 4px 8px #0000000a;--shadow-xl:0 16px 48px #0000001f, 0 8px 16px #0000000a;--ease-out-quart:cubic-bezier(.25, 1, .5, 1);--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-in-out-quart:cubic-bezier(.76, 0, .24, 1);--duration-fast:.15s;--duration-normal:.3s;--duration-slow:.5s;--duration-page:.7s}@supports (color:lab(0% 0 0)){:root{--color-primary:lab(38.4694% 6.144 -49.0572);--color-primary-hover:lab(46.4192% 6.97669 -56.0689);--color-primary-active:lab(31.6983% 5.00108 -42.0705);--color-primary-light:lab(90.5692% -1.67066 -14.7387);--color-primary-subtle:lab(85.8279% -2.03902 -21.9173);--color-accent:lab(62.7263% 19.0613 64.9727);--color-accent-hover:lab(67.3107% 22.3394 78.3256);--color-accent-light:lab(94.2535% 6.09732 22.9329);--color-neutral-50:lab(97.6644% -.267297 -1.87219);--color-neutral-100:lab(94.1679% -.518382 -3.73511);--color-neutral-200:lab(86.0478% -.515878 -3.73369);--color-neutral-300:lab(74.4475% -.511497 -3.73125);--color-neutral-400:lab(59.3671% -.503778 -3.72702);--color-neutral-500:lab(44.2864% -.492126 -3.7208);--color-neutral-600:lab(30.3655% -.474572 -3.71171);--color-neutral-700:lab(18.7641% -.449047 -3.69914);--color-neutral-800:lab(9.45698% -.509754 -5.47932);--color-neutral-900:lab(2.99229% -.130028 -4.69358);--color-success:lab(61.4013% -48.4577 32.1205);--color-success-light:lab(91.3843% -14.8156 9.47642);--color-warning:lab(67.651% 13.3022 81.7114);--color-warning-light:lab(94.3887% 2.61948 23.6209);--color-error:lab(45.7636% 63.3818 40.1799);--color-error-light:lab(90.2547% 15.3759 8.32906);--color-info:lab(53.3818% -13.5862 -43.5489);--surface-base:lab(97.6644% -.267297 -1.87219);--surface-raised:lab(100% 0 0);--surface-overlay:lab(94.1679% -.518382 -3.73511);--surface-sunken:lab(90.6878% -.517368 -3.73452);--text-primary:lab(2.99229% -.130028 -4.69358);--text-secondary:lab(30.3655% -.474572 -3.71171);--text-tertiary:lab(59.3671% -.503778 -3.72702);--text-placeholder:lab(74.4475% -.511497 -3.73125);--text-inverse:lab(97.6644% -.267297 -1.87219);--text-link:lab(38.4694% 6.144 -49.0572);--border-default:lab(86.0478% -.515878 -3.73369);--border-strong:lab(74.4475% -.511497 -3.73125);--border-focus:lab(38.4694% 6.144 -49.0572);--shadow-sm:0 1px 3px lab(0% 0 0/.06), 0 1px 2px lab(0% 0 0/.04);--shadow-md:0 4px 12px lab(0% 0 0/.08), 0 2px 4px lab(0% 0 0/.04);--shadow-lg:0 8px 24px lab(0% 0 0/.1), 0 4px 8px lab(0% 0 0/.04);--shadow-xl:0 16px 48px lab(0% 0 0/.12), 0 8px 16px lab(0% 0 0/.04)}}[data-theme=dark]{--color-primary:#5285d9;--color-primary-hover:#5b96fa;--color-primary-active:#4671b7;--color-primary-light:#0f1b2d;--color-primary-subtle:#02102b;--color-accent:#d09945;--color-accent-hover:#e4a339;--color-accent-light:#201301;--color-neutral-50:#070b14;--color-neutral-100:#12161d;--color-neutral-200:#252930;--color-neutral-300:#3f4348;--color-neutral-400:#66696f;--color-neutral-500:#8c8f95;--color-neutral-600:#b4b8be;--color-neutral-700:#d4d8de;--color-neutral-800:#eceff2;--color-neutral-900:#f6f9fc;--surface-base:#050911;--surface-raised:#12161d;--surface-overlay:#292e36;--surface-sunken:#010309;--text-primary:#eceff2;--text-secondary:#8c8f95;--text-tertiary:#66696f;--text-placeholder:#3f4348;--text-inverse:#070b14;--border-default:#252930;--border-strong:#3f4348;--shadow-sm:0 1px 3px #0003, 0 1px 2px #0000001f;--shadow-md:0 4px 12px #0000003d, 0 2px 4px #0000001f;--shadow-lg:0 8px 24px #00000047, 0 4px 8px #0000001f;--shadow-xl:0 16px 48px #00000052, 0 8px 16px #0000001f;--weight-normal:350;--weight-medium:450}@supports (color:lab(0% 0 0)){[data-theme=dark]{--color-primary:lab(54.9083% 2.76724 -49.4071);--color-primary-hover:lab(61.692% 3.71066 -56.3957);--color-primary-active:lab(46.9518% 2.04316 -42.3932);--color-primary-light:lab(9.26671% .165291 -14.212);--color-primary-subtle:lab(4.84394% 2.66062 -20.0321);--color-accent:lab(67.4506% 15.2912 51.237);--color-accent-hover:lab(72.0461% 18.396 61.7206);--color-accent-light:lab(7.18827% 5.26968 10.417);--color-neutral-50:lab(2.99229% -.130028 -4.69358);--color-neutral-100:lab(7.16596% -.441141 -5.41423);--color-neutral-200:lab(16.4208% -.579149 -5.50669);--color-neutral-300:lab(28.0452% -.470579 -3.70967);--color-neutral-400:lab(44.2864% -.492126 -3.7208);--color-neutral-500:lab(59.3671% -.503778 -3.72702);--color-neutral-600:lab(74.4475% -.511497 -3.73125);--color-neutral-700:lab(86.0478% -.515878 -3.73369);--color-neutral-800:lab(94.1844% -.267118 -1.87205);--color-neutral-900:lab(97.6644% -.267297 -1.87219);--surface-base:lab(2.42796% -.0840873 -4.13788);--surface-raised:lab(7.16596% -.441141 -5.41423);--surface-overlay:lab(18.7418% -.595957 -5.51375);--surface-sunken:lab(.872366% .0483319 -2.26578);--text-primary:lab(94.1844% -.267118 -1.87205);--text-secondary:lab(59.3671% -.503778 -3.72702);--text-tertiary:lab(44.2864% -.492126 -3.7208);--text-placeholder:lab(28.0452% -.470579 -3.70967);--text-inverse:lab(2.99229% -.130028 -4.69358);--border-default:lab(16.4208% -.579149 -5.50669);--border-strong:lab(28.0452% -.470579 -3.70967);--shadow-sm:0 1px 3px lab(0% 0 0/.2), 0 1px 2px lab(0% 0 0/.12);--shadow-md:0 4px 12px lab(0% 0 0/.24), 0 2px 4px lab(0% 0 0/.12);--shadow-lg:0 8px 24px lab(0% 0 0/.28), 0 4px 8px lab(0% 0 0/.12);--shadow-xl:0 16px 48px lab(0% 0 0/.32), 0 8px 16px lab(0% 0 0/.12)}}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-normal);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--surface-base);overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--weight-display);line-height:var(--leading-tight);color:var(--text-primary)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{max-width:65ch;font-weight:var(--weight-normal);line-height:var(--leading-relaxed)}a{color:var(--text-link);transition:color var(--duration-fast) var(--ease-out-quart);text-decoration:none}a:hover{color:var(--color-primary-hover)}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background-color:var(--color-primary-subtle);color:var(--text-primary)}.container{width:100%;max-width:1280px;padding:0 var(--space-lg);margin:0 auto}.container-wide{max-width:1440px}.container-narrow{max-width:960px}.section{padding:var(--space-4xl) 0}.section-sm{padding:var(--space-2xl) 0}.glass-panel{background:var(--surface-raised);-webkit-backdrop-filter:blur(20px)saturate(1.2);backdrop-filter:blur(20px)saturate(1.2);border:1px solid var(--border-default);border-radius:var(--radius-lg)}.glass-card{-webkit-backdrop-filter:blur(30px)saturate(1.5);backdrop-filter:blur(30px)saturate(1.5);border:1px solid var(--border-default);border-radius:var(--radius-lg);transition:transform var(--duration-normal) var(--ease-out-expo), box-shadow var(--duration-normal) var(--ease-out-expo);background:#ffffffb3;background:lab(100% 0 0/.7)}.glass-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)scale(1.02)}[data-theme=dark] .glass-card{background:#11161f99;background:lab(7.13753% -.43682 -7.17928/.6)}.magnetic{transition:transform var(--duration-normal) var(--ease-out-expo)}.magnetic:hover{transform:scale(1.05)translateY(-2px)}.gradient-text{background:linear-gradient(135deg,#2a5aab,#ca8a10);background:linear-gradient(135deg,lab(38.4694% 6.144 -49.0572),lab(62.7263% 19.0613 64.9727));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.accent-underline{display:inline-block;position:relative}.accent-underline:after{content:"";background:linear-gradient(90deg, var(--color-accent), var(--color-primary));transform-origin:0;width:100%;height:3px;transition:transform var(--duration-normal) var(--ease-out-expo);border-radius:2px;position:absolute;bottom:-4px;left:0;transform:scaleX(0)}.accent-underline:hover:after{transform:scaleX(1)}.gradient-border{border-radius:var(--radius-lg);position:relative}.gradient-border:before{content:"";border-radius:inherit;z-index:-1;background:linear-gradient(135deg,#2a5aab,#ca8a10,#2a5aab);background:linear-gradient(135deg,lab(38.4694% 6.144 -49.0572),lab(62.7263% 19.0613 64.9727),lab(38.4694% 6.144 -49.0572));animation:6s linear infinite gradient-rotate;position:absolute;inset:-2px}@keyframes gradient-rotate{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.fade-in-up{opacity:0;transition:opacity var(--duration-page) var(--ease-out-expo), transform var(--duration-page) var(--ease-out-expo);transform:translateY(24px)}.fade-in-up.visible{opacity:1;transform:translateY(0)}.tag-pill{align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);font-size:var(--text-xs);font-weight:var(--weight-semibold);font-family:var(--font-body);letter-spacing:.05em;border-radius:var(--radius-full);border:1px solid var(--border-default);background:var(--surface-raised);color:var(--text-secondary);display:inline-flex}.tag-pill--accent{background:var(--color-accent-light);border-color:var(--color-accent);color:#633f00;color:lab(30.1286% 18.5802 61.7077)}.tag-pill--primary{background:var(--color-primary-light);border-color:var(--color-primary);color:#0b2b5f;color:lab(17.8399% 5.94969 -34.9385)}.ant-btn-primary{background:var(--color-primary)!important;border-color:var(--color-primary)!important;border-radius:var(--radius-md)!important;font-family:var(--font-body)!important;font-weight:var(--weight-semibold)!important;transition:all var(--duration-normal) var(--ease-out-expo)!important}.ant-btn-primary:hover{background:var(--color-primary-hover)!important;border-color:var(--color-primary-hover)!important;transform:translateY(-1px)!important}@media (max-width:768px){.section{padding:var(--space-2xl) 0}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}}@media (max-width:480px){.container{padding:0 var(--space-base)}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}}