@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap";.light-mode{--page-background: #F5F5F7;--nav-background: rgba(256 256 256 / 50%);--nav-background-alt: rgba(256 256 256 / 90%);--card-background: #FFFFFF;--border-color-1: #E5E5E5;--border-color-2: #DCDCDE;--foreground-1: #000000;--foreground-2: #444449;--foreground-3: #6E6E73;--accent: #007AFF;--accent-positive-1: #27cd41;--accent-positive-2: #1eb335;--accent-negative-1: #ff3b2f;--accent-negative-2: #d8291e;--card-shadow-default: 0px 4px 8px 0px rgb(0 0 0 / 4%);--card-shadow-hover: 0px 4px 16px 0px rgba(0 0 0 / 8%);--card-shadow-active: 0px 4px 4px 0px rgb(0 0 0 / 2%);--theme-button-color: #efefef;--theme-button-color-hover: #d9d9d9;--highlight-text: #b8daff}.dark-mode{--page-background: #0D0D0D;--card-background: #141414;--nav-background: rgba(20 20 20 / 50%);--nav-background-alt: rgba(20 20 20 / 90%);--border-color-1: #222222;--border-color-2: #191919;--foreground-1: #FFFFFF;--foreground-2: #BBBBB6;--foreground-3: #91918C;--accent: #3c99ff;--accent-positive-1: #24a03a;--accent-positive-2: #0b7c1f;--accent-negative-1: #e65858;--accent-negative-2: #b62e2e;--card-shadow-default: 0px 4px 8px 0px rgb(0 0 0 / 80%);--card-shadow-hover: 0px 4px 16px 0px rgba(0 0 0 / 90%);--card-shadow-active: 0px 4px 4px 0px rgb(0 0 0 / 70%);--theme-button-color: #212121;--theme-button-color-hover: #343434;--highlight-text: #003e80}*{margin:0;box-sizing:border-box;font-family:Inter,sans-serif}@media (prefers-reduced-motion){*{transition:none!important}}body{background:var(--page-background);color:var(--foreground-1)}h1{font-weight:700;font-size:48px;line-height:120%}h2.title{font-weight:700;font-size:24px;line-height:150%}h3{font-weight:700;font-size:20px;line-height:150%}h4,h2{font-weight:400;color:var(--foreground-2);font-size:20px;line-height:150%}p{color:var(--foreground-2);font-weight:400;font-size:16px;line-height:150%}a{text-decoration:none}a:focus-visible,button:focus-visible{outline:4px dashed var(--accent);border-radius:4px}a.me{height:28px;display:inline-block}a{color:var(--accent);background-image:linear-gradient(var(--accent),var(--accent));background-size:0% 2px;background-position-y:100%;background-position-x:0%;background-repeat:no-repeat;transition:background-size .2s ease-in-out}a:hover,a:active{background-size:100% 2px}@media (prefers-reduced-motion){a{background-image:none}a:not(.card):hover,a:not(.card):active{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}}a:focus-visible{background-size:0% 2px}nav{background:var(--nav-background-alt);border-bottom:1px dashed var(--border-color-1);padding:16px;display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;width:100%;z-index:2}@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)){nav{background-color:var(--nav-background);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}nav a{transition:.12s ease-out;background-size:0% 2px;background-position-y:100%;background-position-x:0%;background-repeat:no-repeat;transition:background-size .2s ease-in-out;background-image:linear-gradient(var(--foreground-1),var(--foreground-1))}@media (prefers-reduced-motion){nav a{background-image:none}nav a:not(.card):hover,nav a:not(.card):active{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px;text-decoration-color:var(--foreground-1)}}nav h3{color:var(--foreground-3);line-height:160%}nav h3:hover{color:var(--foreground-1)}nav .right{display:flex;align-items:center;gap:16px}nav .theme-button{background:none;border:none;cursor:pointer;padding:12px 16px;display:flex;justify-content:center;align-items:center;border-radius:6px;gap:8px;color:var(--foreground-3);background:var(--theme-button-color);transition:background .12s ease-out,box-shadow .12s ease-out,transform .3s cubic-bezier(.18,.89,.32,1.5)}nav .theme-button:hover{background:var(--theme-button-color-hover);transform:scale(1.01);box-shadow:var(--card-shadow-hover)}nav .theme-button:active{transform:scale(.99);box-shadow:var(--card-shadow-active)}nav .theme-button p{font-size:14px;transition:color .12s ease-out}nav .theme-button:hover p,nav .theme-button:hover ion-icon,nav .theme-button:active p,nav .theme-button:active ion-icon{color:var(--foreground-1)}nav .theme-button ion-icon{width:20px;height:20px;color:var(--foreground-3);transition:color .12s ease-out,transform 1.5s cubic-bezier(.18,.89,.32,1.5)}.icon-rotated{animation:grow 1.5s}@media (prefers-reduced-motion){.icon-rotated{animation:none}}@keyframes grow{0%{transform:scale(1) rotate(360deg)}50%{transform:scale(1.2)}70%{transform:rotate(20deg)}to{transform:scale(1)}}main{display:flex;flex-direction:column;width:862px;max-width:100%;gap:48px;margin:128px auto;padding:0 16px}main .intro{display:flex;flex-direction:column;gap:16px}main .intro p{text-transform:uppercase;letter-spacing:1px;font-size:14px}main .intro h2.line-below{border-bottom:1px dashed var(--border-color-2);padding-bottom:24px}main .intro h2.line-below+h2{padding-top:8px}.card-container{display:flex;flex-wrap:wrap;gap:24px;width:100%}.card{border-radius:16px;border:1px solid var(--border-color-1);background:var(--card-background);box-shadow:var(--card-shadow-default);width:403px;overflow:hidden;transition:transform .3s cubic-bezier(.18,.89,.32,1.5),box-shadow .12s ease-out;color:var(--foreground-1);text-decoration:none;display:flex;flex-direction:column}.card:hover{transform:scale(1.01);box-shadow:var(--card-shadow-hover)}.card:active{transform:scale(.99);box-shadow:var(--card-shadow-active)}.card:focus-visible{outline:4px dashed var(--accent);border-radius:16px}.card img{width:100%;max-width:100%;height:auto}.card .text{display:flex;flex-direction:column;gap:4px;padding:16px}.card .text p{color:var(--foreground-3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.subpage{display:flex;flex-direction:column;gap:48px}.subpage .breadcrumbs{display:flex;align-items:center;gap:4px}.subpage .breadcrumbs a h4{line-height:150%}.subpage .breadcrumbs a:not(.active){background-image:linear-gradient(var(--foreground-1),var(--foreground-1))}@media (prefers-reduced-motion){.subpage .breadcrumbs a:not(.active){background-image:none}.subpage .breadcrumbs a:not(.card):not(.active):active,.subpage .breadcrumbs a:not(.card):not(.active):hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;text-decoration-color:var(--foreground-1)}.subpage .breadcrumbs a:not(.card):active,.subpage .breadcrumbs a:not(.card):hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;text-decoration-color:var(--accent-1)}}.subpage .breadcrumbs h4,.breadcrumbs ion-icon{color:var(--foreground-3);transition:.12s ease-out}.subpage .breadcrumbs a:not(.active):hover h4{color:var(--foreground-1)}.subpage .breadcrumbs a.active h4{color:var(--accent);font-weight:700}.subpage .breadcrumbs ion-icon{width:24px;height:24px}.subpage .page-header{display:flex;flex-direction:column;gap:16px}.subpage .section-header{display:flex;flex-direction:column;gap:8px}.subpage .section{display:flex;flex-direction:column;gap:16px;border-bottom:1px dashed var(--border-color-2);padding-bottom:48px}.subpage .section:last-child{border-bottom:none}.subpage .images-container{display:flex;gap:16px}.subpage .images-container.columnLayout{flex-direction:column}.subpage .images-container .image-container{display:flex;flex-direction:column;gap:8px;align-items:center}.subpage .images-container .icon-wrapper{padding:4px;border-radius:6px;background:linear-gradient(180deg,var(--accent-positive-1) 0%,var(--accent-positive-2) 100%);width:32px;height:32px}.subpage .images-container .icon-wrapper ion-icon{color:#fff;width:24px;height:24px}.subpage .images-container .icon-wrapper.wrong{background:linear-gradient(180deg,var(--accent-negative-1) 0%,var(--accent-negative-2) 100%)}.subpage .images-container .image-container .image-wrapper{display:flex;flex-direction:column;border-radius:6px;background:linear-gradient(180deg,var(--accent-positive-1) 0%,var(--accent-positive-2) 100%);box-shadow:0 4px 2px #35e05b29;padding:3px;transition:transform .3s cubic-bezier(.18,.89,.32,1.5),box-shadow .12s ease-out}.subpage .images-container.columnLayout .image-wrapper,.subpage .images-container.columnLayout .image-wrapper img{width:100%}.subpage .images-container .image-container .image-wrapper.wrong{background:linear-gradient(180deg,var(--accent-negative-1) 0%,var(--accent-negative-2) 100%);box-shadow:0 4px 2px #fa3f7429}.subpage .images-container .image-container .image-wrapper:hover{transform:scale(1.01);box-shadow:0 4px 16px #00000014;box-shadow:0 4px 6px #35e05b52}.subpage .images-container .image-container .image-wrapper.wrong:hover{transform:scale(1.01);box-shadow:0 4px 16px #00000014;box-shadow:0 4px 6px #fa3f7452}.subpage .images-container .image-container .image-wrapper img{border-radius:4px;max-width:100%;height:auto}@media (max-width: 850px){.images-container{flex-direction:column}}@media (max-width: 768px){main{width:100%}nav{padding:16px}nav .theme-button{width:44px;height:44px;padding:0}nav button p{display:none}.card{min-width:350px;width:100%;flex:1}h1{font-size:40px}}@media (max-width: 400px){.card{min-width:100%}}::selection{background:var(--highlight-text)}