:root{--bg-color-line: #cbcbcb;--bg-color-page: #19223e;--color-black: #555555;--color-brand-primary: #2650c5;--color-brand-primary-2: #8da6eb;--color-brand-secondary: #8576FF;--color-brand-black: #0E215D;--color-brand-white: #fff;--color-bg-1: #f6f8fd;--color-bg-2: #e1e5ef;--color-gradient-1: linear-gradient(141.71deg, rgba(80, 71, 153, .85) 16.42%, rgba(133, 118, 255, .85) 96.48%);--color-body: #474854;--bg-footer-1: #BBDEEA;--bg-footer-2: #EAFDFC;--text-secondary: rgb(164, 172, 195);--color-bg-1-dark: darken(#f6f8fd, 10%);--color-bg-highlight: var(--color-bg-2);--bg-dark-1: hsla(224deg, 68%, 10%, 1);--bg-dark-2: hsla(224deg, 68%, 15%, 1);--work-tuhoon: #DAEDEA;--work-accounting: #F5ECAF;--work-news: #E0ECF8;--work-foodie: #EBBBBB;--work-gooddeeds: #E7CAD0;--work-afiyah: #F1F7EE;--work-travel: #ddf1f4;--work-mansoub: #eafcff;--work-ink: #fcfaf8;--logo-text-color: var(--color-brand-primary);--logo-text-desc-color: var(--color-body);--logo-border-color: var(--color-brand-white);--logo-shadow-color: rgba(0, 0, 0, .1);--nav-border-color: rgba(0, 0, 0, .05);--nav-shadow: 0 2px 2px 0 rgba(0, 0, 0, .03), 0 4px 15px 0 rgba(0, 0, 0, .07);--nav-bg-color: var(--color-brand-white);--nav-item-color: #222;--theme-switch-item-color: grey;--theme-switch-active-icon-fill: #222;--theme-switch-active-item-bg: rgba(0, 0, 0, .1);--hero-title-highlight-color: var(--color-brand-primary);--hero-desc-color: var(--color-body);--hats-intro-color: var(--color-brand-black);--hats-gradient-bg: radial-gradient(rgba(255, 255, 255, .7) 45%, transparent);--hats-bottom-border-color: #e5e5e5;--hats-select-color: #222;--hats-select-bg-color: rgba(0, 0, 0, .05);--hats-select-bg-image: url("data:image/svg+xml,%3Csvg width='16' height='10' viewBox='0 0 16 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_88_30)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.77384 0.419068L8.01925 6.80153L14.2988 0.419068C15.1265 -0.443939 16.542 0.971572 15.679 1.83344L8.60598 9.11307C8.29547 9.42358 7.77836 9.42358 7.50211 9.11307L0.360408 1.83344C-0.467209 0.970433 0.947162 -0.443968 1.77478 0.419068H1.77384Z' fill='black' fill-opacity='0.35'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_88_30'%3E%3Crect width='16' height='9.42466' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");--hats-item-desc-color: #585858;--hats-bg-text-color: #f2f2f2;--hats-item-father-border-color: var(--color-brand-white);--hats-item-designer-cursor-color: #000;--hats-circle-border-color: #cfcfcf;--hat-button-bg-color: var(--color-bg-1);--hat-button-border-color: var(--color-brand-white);--hat-button-active-bg-color: var(--color-brand-primary);--hat-button-label-color: grey;--hat-button-active-label-color: var(--color-brand-white);--section-title-color: var(--color-brand-primary);--button-secondary-border-color: lightgrey;--button-secondary-bg-color: var(--color-brand-white);--button-secondary-text-color: #222;--button-primary-border-color: var(--color-brand-primary);--button-primary-bg-color: var(--color-brand-primary);--button-primary-text-color: var(--color-brand-white);--article-border-color: rgba(0, 0, 0, .1);--article-img-border-color: lightgrey;--article-title-text-color: var(--color-brand-primary);--article-time-text-color: #323d5e;--work-title-title-color: #474854;--work-title-desc-color: #474854;--work-item-border-color: rgba(0, 0, 0, .07);--quote-item-title-color: var(--color-brand-black);--tag-color: #222;--tag-bg-color: var(--color-bg-1);--tag-total-bg-color: var(--color-bg-1-dark)}:root.dark{--color-brand-black: #fff;--color-body: #ccd7fa;--color-bg-highlight: #5c51af8c;--logo-text-color: var(--color-brand-white);--logo-text-desc-color: var(--text-secondary);--logo-border-color: #000;--logo-shadow-color: rgba(255, 255, 255, .1);--theme-switch-item-color: #fff;--theme-switch-active-icon-fill: #fff;--theme-switch-active-item-bg: var(--color-brand-primary);--nav-border-color: hsla(224deg, 68%, 23%, 1);--nav-shadow: 0 2px 2px 0 rgba(255, 255, 255, .03), 0 4px 20px 0 rgba(255, 255, 255, .05);--nav-bg-color: var(--bg-dark-2);--nav-item-color: var(--color-brand-white);--hero-title-highlight-color: var(--color-brand-primary-2);--hero-desc-color: #ccd7fa;--hats-intro-color: var(--color-brand-white);--hats-gradient-bg: radial-gradient(rgba(8, 17, 43, .69) 45%, transparent);--hats-bottom-border-color: #383838;--hats-select-color: #fff;--hats-select-bg-color: rgba(255, 255, 255, .1);--hats-select-bg-image: url("data:image/svg+xml,%3Csvg width='16' height='10' viewBox='0 0 16 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_88_30)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.77384 0.419068L8.01925 6.80153L14.2988 0.419068C15.1265 -0.443939 16.542 0.971572 15.679 1.83344L8.60598 9.11307C8.29547 9.42358 7.77836 9.42358 7.50211 9.11307L0.360408 1.83344C-0.467209 0.970433 0.947162 -0.443968 1.77478 0.419068H1.77384Z' fill='%23fff' fill-opacity='0.35'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_88_30'%3E%3Crect width='16' height='9.42466' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");--hats-item-desc-color: var(--color-brand-white);--hats-bg-text-color: rgba(255, 255, 255, .05);--hats-item-designer-cursor-color: var(--color-brand-white);--hats-circle-border-color: rgba(255, 255, 255, .2);--hat-button-bg-color: #0a1020;--hat-button-border-color: #0a1020;--hat-button-label-color: var(--color-brand-white);--hat-button-active-label-color: var(--color-brand-white);--section-title-color: var(--color-brand-primary-2);--button-secondary-border-color: rgba(255, 255, 255, .2);--button-secondary-bg-color: var(--bg-dark-1);--button-secondary-text-color: var(--color-brand-white);--article-border-color: rgba(255, 255, 255, .1);--article-img-border-color: transparent;--article-title-text-color: var(--color-brand-white);--article-time-text-color: var(--text-secondary);--work-title-title-color: var(--color-brand-white);--work-title-desc-color: var(--text-secondary);--work-item-border-color: transparent;--quote-item-title-color: #ccd7fa;--tag-color: var(--color-brand-white);--tag-bg-color: rgba(255, 255, 255, .1);--tag-total-bg-color: rgba(255, 255, 255, .3)}.dark{background-color:var(--bg-dark-1)}html{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-padding-top:2rem}*,*:before,*:after{box-sizing:inherit}body,h1,h2,h3,h4,h5,h6,p,blockquote,pre,hr,dl,dd,ol,ul,figure{margin:0;padding:0}html{font-size:1em;line-height:1.25;font-family:Hanken Grotesk,sans-serif}h1,h2,h3,h4,h5,h6{font-weight:400;color:var(--color-black)}h1{font-size:2.25rem;line-height:1.33333}h2{font-size:1.75rem;line-height:1.14286}h3{font-size:1.5rem;line-height:1.33333}h4{font-size:1.25rem;line-height:1.6}h5{font-size:1.125rem;line-height:1.77778}h6{font-size:1rem;line-height:1}a{text-decoration:none}li>ul,li>ol{margin-bottom:0}dt{font-weight:700}img{max-width:100%;height:auto;-o-object-fit:cover;object-fit:cover;font-style:italic;vertical-align:middle}q{quotes:"‘" "’"}q:before{content:open-quote}q:after{content:close-quote}blockquote{quotes:"“" "”"}input,textarea,button{font-family:inherit}textarea{resize:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.test input{-webkit-appearance:none;-moz-appearance:none;appearance:none}