/*! normalize.css v3.0.2 | MIT License | git.io/normalize */@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,700&display=swap");html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.highlight table td{padding:5px}.highlight table pre{margin:0}.highlight .cm{color:#999988;font-style:italic}.highlight .cp{color:#999999;font-weight:bold}.highlight .c1{color:#999988;font-style:italic}.highlight .cs{color:#999999;font-weight:bold;font-style:italic}.highlight .c,.highlight .cd{color:#999988;font-style:italic}.highlight .err{color:#a61717;background-color:#e3d2d2}.highlight .gd{color:#000000;background-color:#ffdddd}.highlight .ge{color:#000000;font-style:italic}.highlight .gr{color:#aa0000}.highlight .gh{color:#999999}.highlight .gi{color:#000000;background-color:#ddffdd}.highlight .go{color:#888888}.highlight .gp{color:#555555}.highlight .gs{font-weight:bold}.highlight .gu{color:#aaaaaa}.highlight .gt{color:#aa0000}.highlight .kc{color:#000000;font-weight:bold}.highlight .kd{color:#000000;font-weight:bold}.highlight .kn{color:#000000;font-weight:bold}.highlight .kp{color:#000000;font-weight:bold}.highlight .kr{color:#000000;font-weight:bold}.highlight .kt{color:#445588;font-weight:bold}.highlight .k,.highlight .kv{color:#000000;font-weight:bold}.highlight .mf{color:#009999}.highlight .mh{color:#009999}.highlight .il{color:#009999}.highlight .mi{color:#009999}.highlight .mo{color:#009999}.highlight .m,.highlight .mb,.highlight .mx{color:#009999}.highlight .sb{color:#d14}.highlight .sc{color:#d14}.highlight .sd{color:#d14}.highlight .s2{color:#d14}.highlight .se{color:#d14}.highlight .sh{color:#d14}.highlight .si{color:#d14}.highlight .sx{color:#d14}.highlight .sr{color:#009926}.highlight .s1{color:#d14}.highlight .ss{color:#990073}.highlight .s{color:#d14}.highlight .na{color:#008080}.highlight .bp{color:#999999}.highlight .nb{color:#0086B3}.highlight .nc{color:#445588;font-weight:bold}.highlight .no{color:#008080}.highlight .nd{color:#3c5d5d;font-weight:bold}.highlight .ni{color:#800080}.highlight .ne{color:#990000;font-weight:bold}.highlight .nf{color:#990000;font-weight:bold}.highlight .nl{color:#990000;font-weight:bold}.highlight .nn{color:#555555}.highlight .nt{color:#000080}.highlight .vc{color:#008080}.highlight .vg{color:#008080}.highlight .vi{color:#008080}.highlight .nv{color:#008080}.highlight .ow{color:#000000;font-weight:bold}.highlight .o{color:#000000;font-weight:bold}.highlight .w{color:#bbbbbb}.highlight{background-color:#f8f8f8}*{box-sizing:border-box}body{padding:0;margin:0;font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:16px;line-height:1.5;color:#2a2f36}#skip-to-content{height:1px;width:1px;position:absolute;overflow:hidden;top:-10px}#skip-to-content:focus{position:fixed;top:10px;left:10px;height:auto;width:auto;background:#f48d26;outline:thick solid #f48d26}a{color:#0b72d9;text-decoration:none}a:hover{text-decoration:underline}.btn{display:inline-block;margin-bottom:1rem;color:rgba(255,255,255,0.7);background-color:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.2);border-style:solid;border-width:1px;border-radius:0.3rem;transition:color 0.2s, background-color 0.2s, border-color 0.2s}.btn:hover{color:rgba(255,255,255,0.8);text-decoration:none;background-color:rgba(255,255,255,0.2);border-color:rgba(255,255,255,0.3)}.btn+.btn{margin-left:1rem}@media screen and (min-width: 72em){.btn{padding:0.75rem 1rem}}@media screen and (min-width: 48em) and (max-width: 72em){.btn{padding:0.6rem 0.9rem;font-size:0.9rem}}@media screen and (max-width: 48em){.btn{display:block;width:100%;padding:0.75rem;font-size:0.9rem}.btn+.btn{margin-top:1rem;margin-left:0}}.page-header{color:#fff;text-align:center;background-color:#0e6f83;background-image:linear-gradient(120deg, #0b3d91, #0e6f83)}@media screen and (min-width: 72em){.page-header{padding:5rem 6rem}}@media screen and (min-width: 48em) and (max-width: 72em){.page-header{padding:3rem 4rem}}@media screen and (max-width: 48em){.page-header{padding:2rem 1rem}}.project-name{margin-top:0;margin-bottom:0.1rem}@media screen and (min-width: 72em){.project-name{font-size:3.25rem}}@media screen and (min-width: 48em) and (max-width: 72em){.project-name{font-size:2.25rem}}@media screen and (max-width: 48em){.project-name{font-size:1.75rem}}.project-tagline{margin-bottom:2rem;font-weight:normal;opacity:0.7}@media screen and (min-width: 72em){.project-tagline{font-size:1.25rem}}@media screen and (min-width: 48em) and (max-width: 72em){.project-tagline{font-size:1.15rem}}@media screen and (max-width: 48em){.project-tagline{font-size:1rem}}.main-content{word-wrap:break-word}.main-content :first-child{margin-top:0}@media screen and (min-width: 72em){.main-content{max-width:64rem;padding:2rem 6rem;margin:0 auto;font-size:1.1rem}}@media screen and (min-width: 48em) and (max-width: 72em){.main-content{padding:2rem 4rem;font-size:1.1rem}}@media screen and (max-width: 48em){.main-content{padding:2rem 1rem;font-size:1rem}}.main-content kbd{background-color:#fafbfc;border:1px solid #c6cbd1;border-bottom-color:#959da5;border-radius:3px;box-shadow:inset 0 -1px 0 #959da5;color:#444d56;display:inline-block;font-size:11px;line-height:10px;padding:3px 5px;vertical-align:middle}.main-content img{max-width:100%}.main-content h1,.main-content h2,.main-content h3,.main-content h4,.main-content h5,.main-content h6{margin-top:2rem;margin-bottom:1rem;font-weight:normal;color:#0e6f83}.main-content p{margin-bottom:1em}.main-content code{padding:2px 4px;font-family:Consolas, "Liberation Mono", Menlo, Courier, monospace;font-size:0.9rem;color:#334155;background-color:#f6f8fb;border-radius:0.3rem}.main-content pre{padding:0.8rem;margin-top:0;margin-bottom:1rem;font:1rem Consolas, "Liberation Mono", Menlo, Courier, monospace;color:#334155;word-wrap:normal;background-color:#f6f8fb;border:solid 1px #e6ebf1;border-radius:0.3rem}.main-content pre>code{padding:0;margin:0;font-size:0.9rem;color:#334155;word-break:normal;white-space:pre;background:transparent;border:0}.main-content .highlight{margin-bottom:1rem}.main-content .highlight pre{margin-bottom:0;word-break:normal}.main-content .highlight pre,.main-content pre{padding:0.8rem;overflow:auto;font-size:0.9rem;line-height:1.45;border-radius:0.3rem;-webkit-overflow-scrolling:touch}.main-content pre code,.main-content pre tt{display:inline;max-width:initial;padding:0;margin:0;overflow:initial;line-height:inherit;word-wrap:normal;background-color:transparent;border:0}.main-content pre code:before,.main-content pre code:after,.main-content pre tt:before,.main-content pre tt:after{content:normal}.main-content ul,.main-content ol{margin-top:0}.main-content blockquote{padding:0 1rem;margin-left:0;color:#555e68;border-left:0.3rem solid #e6ebf1}.main-content blockquote>:first-child{margin-top:0}.main-content blockquote>:last-child{margin-bottom:0}.main-content table{display:block;width:100%;overflow:auto;word-break:normal;word-break:keep-all;-webkit-overflow-scrolling:touch}.main-content table th{font-weight:bold}.main-content table th,.main-content table td{padding:0.5rem 1rem;border:1px solid #e9edf2}.main-content dl{padding:0}.main-content dl dt{padding:0;margin-top:1rem;font-size:1rem;font-weight:bold}.main-content dl dd{padding:0;margin-bottom:1rem}.main-content hr{height:2px;padding:0;margin:1rem 0;background-color:#eef2f7;border:0}.site-footer{padding-top:2rem;margin-top:2rem;border-top:solid 1px #eef2f7}@media screen and (min-width: 72em){.site-footer{font-size:1rem}}@media screen and (min-width: 48em) and (max-width: 72em){.site-footer{font-size:1rem}}@media screen and (max-width: 48em){.site-footer{font-size:0.9rem}}.site-footer-owner{display:block;font-weight:bold}.site-footer-credits{color:#555e68}body{font-family:ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";letter-spacing:0.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.main-content{max-width:60rem}.page-header{position:relative;background-image:linear-gradient(rgba(14,111,131,0.85), rgba(11,61,145,0.75)),url("/images/Banner_blue.png");background-size:cover;background-position:center;border-bottom-left-radius:16px;border-bottom-right-radius:16px;box-shadow:0 10px 30px rgba(2,24,43,0.25);overflow:hidden;--g1x: 10%;--g1y: 20%;--g2x: 85%;--g2y: 15%;--g3x: 50%;--g3y: 85%;--angle: 120deg;--hue: 0deg}.page-header::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg, rgba(14,111,131,0.55), rgba(11,61,145,0.55));mix-blend-mode:screen;pointer-events:none;transition:filter 120ms linear}@keyframes headerHue{from{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}.page-header .btn{background:rgba(255,255,255,0.16);border-color:rgba(255,255,255,0.28);backdrop-filter:blur(4px)}.page-header .btn.btn--active{background:rgba(255,255,255,0.28);border-color:rgba(255,255,255,0.45);color:rgba(255,255,255,0.95)}.btn{border-radius:999px;padding:0.65rem 1.1rem;box-shadow:0 4px 16px rgba(0,0,0,0.12)}.btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(0,0,0,0.18)}.grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr))}@media (min-width: 48em){.grid{grid-template-columns:repeat(auto-fit, minmax(320px, 1fr))}}@media (min-width: 72em){.grid{grid-template-columns:repeat(auto-fit, minmax(340px, 1fr))}}.stack{display:flex;flex-direction:column;gap:0.75rem}.card{display:flex;gap:1rem;border:1px solid #e6ebf1;border-radius:14px;padding:1rem;background:#ffffff;box-shadow:0 2px 10px rgba(15,23,42,0.06);transition:transform 0.15s ease, box-shadow 0.15s ease;height:100%;max-width:100%;overflow:hidden}.card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(15,23,42,0.12)}.card-vertical{flex-direction:column}.card-img{width:96px;height:96px;flex:0 0 96px;border-radius:10px;object-fit:cover;background:#f2f4f7;border:1px solid #e6ebf1}.card-img.wide{width:160px;height:96px;flex:0 0 160px;object-fit:contain;background:#fff}.card-content{flex:1 1 auto;min-width:0;overflow-wrap:anywhere}.card-title{margin:0 0 0.25rem 0;font-weight:700;color:#0f172a;line-height:1.25}.card-content p{margin:0 0 0.5rem 0}.meta{color:#64748b;font-size:0.95rem}.clamp-2{display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.clamp-3{display:-webkit-box;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-title a{color:inherit;text-decoration:none}.card-title a:hover{text-decoration:underline}.meta{color:#64748b;font-size:0.95rem}.hero{display:grid;grid-template-columns:1fr;gap:2rem;align-items:start}@media (min-width: 48em){.hero{grid-template-columns:1.2fr 0.8fr}}.hero>.meta{grid-column:1 / -1}.avatar{width:100%;max-width:320px;border-radius:16px;border:4px solid #ffffff;box-shadow:0 12px 28px rgba(2,24,43,0.2)}.badges{display:flex;flex-wrap:wrap;gap:0.5rem 0.75rem}.badge-icon{width:55px;height:55px;border-radius:10px;background:#fff;border:1px solid #e6ebf1;padding:6px;box-shadow:0 2px 8px rgba(15,23,42,0.08);transition:transform 0.12s ease}.badge-icon:hover{transform:translateY(-1px)}.main-content h2{scroll-margin-top:1.5rem}.site-footer{border-top:1px solid #e6ebf1;color:#6b7280}.page-header>*{position:relative;z-index:1}.page-header::after{content:"";position:absolute;inset:0;background:transparent;background-size:200% 200%;mix-blend-mode:overlay;pointer-events:none}.page-header.is-interactive::before{filter:hue-rotate(var(--hue)) saturate(1.04)}.page-header.is-interactive::after{background:linear-gradient(var(--angle), rgba(255,255,255,0.08) 0%, rgba(255,255,255,0) 45%, rgba(0,0,0,0.06) 100%);mix-blend-mode:soft-light}.page-header.header--pulse::after{filter:brightness(1.12) saturate(1.08);transition:filter 600ms ease}.project-name{background:linear-gradient(90deg, #fff 0%, #e8f6ff 40%, #fff 80%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 2px 12px rgba(0,0,0,0.15);background-size:200% 100%;animation:titleShine 8s ease-in-out infinite}@keyframes titleShine{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.page-header .btn:hover{background:rgba(255,255,255,0.22);border-color:rgba(255,255,255,0.45)}.page-header nav,.page-header .project-name{animation:fadeUp 600ms ease both}@keyframes fadeUp{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.page-header::after,.page-header::before,.project-name,.page-header nav,.page-header .project-name{animation:none !important}}