/*! browserux.css 4.0.0 | 2026 MIT Licence | github.com/Effeilo/browserux.css */:root{--bux-page-bg: #eaeaea;--bux-page-color: #121212;--bux-color-primary: #f05e0e;--bux-color-secondary: #0e93f0;--bux-transparent: transparent;--bux-valid-border-color: #29b94c;--bux-valid-bg-color: #f0fff5;--bux-invalid-border-color: #dc303e;--bux-invalid-bg-color: #fff0f0;--bux-placeholder-color: #aaa;--bux-invalid-placeholder-color: #dc303e;--bux-progress-bar-bg: #efefef;--bux-progress-value-bg: #29b94c;--bux-selection-bg: var(--bux-page-color);--bux-selection-color: var(--bux-page-bg);--bux-selection-text-shadow: none;--bux-scrollbar: var(--bux-page-bg);--bux-scrollbar-track: #ddecf6;--bux-scrollbar-thumb: var(--bux-color-secondary);--bux-scrollbar-thumb-hover: var(--bux-color-primary);--bux-scrollbar-vertical-width: 10px;--bux-scrollbar-horizontal-height: 10px;--bux-typo-font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--bux-typo-font-family-mono: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;--bux-typo-font-size: 1.6rem;--bux-typo-line-height: 1.6;color-scheme:light dark;interpolate-size:allow-keywords}@media(prefers-color-scheme:dark){:root{--bux-page-bg: #121212;--bux-page-color: #eaeaea;--bux-color-primary: #f05e0e;--bux-color-secondary: #0e93f0;--bux-valid-bg-color: #0d2e18;--bux-invalid-bg-color: #2e0d0d;--bux-scrollbar-track: #1a2535}}@media(prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}body{transition:background-color .3s,color .3s}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:0s!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:0s!important}}@media(prefers-contrast:more){::placeholder{color:#101010cc;opacity:1}[disabled]{color:#101010cc}::selection{text-shadow:none}em,i,small{font-weight:700}}@media(prefers-contrast:more)and (prefers-color-scheme:dark){::placeholder{color:#efefefe6;opacity:1}[disabled]{color:#efefefe6}}@media(prefers-reduced-transparency:reduce){dialog::backdrop{background:#000000e6}::-webkit-scrollbar{background:var(--bux-page-bg)}}@media(forced-colors:active){:focus-visible{outline:3px solid Highlight;outline-offset:2px}button,input,select,textarea{border:1px solid ButtonText}[disabled],[aria-disabled=true]{opacity:.5}}::selection{background:var(--bux-selection-bg);color:var(--bux-selection-color);text-shadow:var(--bux-selection-text-shadow)}@supports (-moz-appearance: none){html{scrollbar-color:var(--bux-scrollbar-thumb) var(--bux-scrollbar-track);scrollbar-width:auto}}::-webkit-scrollbar{background:var(--bux-scrollbar);height:var(--bux-scrollbar-horizontal-height);width:var(--bux-scrollbar-vertical-width)}::-webkit-scrollbar-button{display:none}::-webkit-scrollbar-track{background-color:var(--bux-scrollbar-track)}::-webkit-scrollbar-thumb{background-color:var(--bux-scrollbar-thumb);border-radius:calc(var(--bux-scrollbar-vertical-width) / 2)}::-webkit-scrollbar-thumb:hover{background-color:var(--bux-scrollbar-thumb-hover)}::-webkit-scrollbar-corner{background:transparent}::placeholder{color:var(--bux-placeholder-color)}input,textarea,[contenteditable]{caret-color:var(--bux-color-primary)}input[type=checkbox],input[type=radio],input[type=range],meter,select{accent-color:var(--bux-color-primary)}progress{accent-color:var(--bux-progress-value-bg)}input[type=range]::-webkit-slider-thumb,input[type=range]::-moz-range-thumb{background:var(--bux-color-primary);border:none}input:user-valid,textarea:user-valid,select:user-valid{background-color:var(--bux-valid-bg-color);border-color:var(--bux-valid-border-color)}input:user-invalid,textarea:user-invalid,select:user-invalid{background-color:var(--bux-invalid-bg-color);border-color:var(--bux-invalid-border-color)}input:user-invalid::placeholder,textarea:user-invalid::placeholder{color:var(--bux-invalid-placeholder-color)}progress::-webkit-progress-bar{background-color:var(--bux-progress-bar-bg);border-radius:8px}progress::-webkit-progress-value{background-color:var(--bux-progress-value-bg);border-radius:8px}progress::-moz-progress-bar{background-color:var(--bux-progress-value-bg)}:focus{outline:2px solid var(--bux-color-primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid var(--bux-color-primary);outline-offset:2px}*,*:before,*:after{margin:0;padding:0}[hidden]:where(:not([hidden=until-found])){display:none!important}*,:before,:after{box-sizing:inherit}html{box-sizing:border-box}html{font-family:var(--bux-typo-font-family);font-size:62.5%;min-height:100%;overflow-y:scroll;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;tab-size:4;-moz-tab-size:4;text-size-adjust:100%;-webkit-text-size-adjust:100%;scrollbar-gutter:stable}body{background:var(--bux-page-bg);color:var(--bux-page-color);font-size:var(--bux-typo-font-size);line-height:var(--bux-typo-line-height);min-height:100%;overflow-wrap:break-word}h1,h2,h3,h4,h5,h6{text-wrap:balance}blockquote,pre{max-width:100%}pre{font-family:var(--bux-typo-font-family-mono)}hr{border:none;border-top:1px solid currentColor;color:inherit;height:0;overflow:visible}a{outline:0;text-decoration:none;text-decoration-skip-ink:auto;text-underline-offset:.2em;touch-action:manipulation}abbr[title],dfn[title]{cursor:help;text-decoration:underline dotted}b,strong{font-weight:bolder}code{max-width:100%;white-space:pre-wrap}code,kbd,samp{font-family:var(--bux-typo-font-family-mono)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}area{touch-action:manipulation}audio,canvas,iframe,img,svg,video{vertical-align:middle}img::selection{background-color:var(--bux-transparent)}img,svg,video{height:auto;max-width:100%}svg{fill:currentColor}table{border-color:inherit;text-indent:0}table,td{max-width:100%}fieldset{border:none;padding:0}legend{padding:0}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;-webkit-user-select:none;user-select:none}button,input,label,select,textarea{touch-action:manipulation}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%}button,select{text-transform:none}button:not(:disabled),[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),label[for],select{cursor:pointer}[disabled],[aria-disabled=true]{cursor:not-allowed}button,[type=button],[type=reset],[type=submit]{-moz-appearance:button;appearance:button;-webkit-appearance:button}input,textarea{max-width:100%}input,select,textarea{-webkit-user-select:text;user-select:text}[type=search]{-moz-appearance:textfield;appearance:textfield;-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}progress{vertical-align:baseline}textarea{field-sizing:content;resize:vertical}::-webkit-file-upload-button{-moz-appearance:button;appearance:button;-webkit-appearance:button;font:inherit}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-moz-focus-inner{border-style:none;padding:0}:-moz-ui-invalid{box-shadow:none}summary{display:list-item}[role=button],details[open] summary,summary{-webkit-user-select:none;user-select:none}dialog{background:var(--bux-page-bg);border:none;color:var(--bux-page-color);margin:auto;max-width:100%;padding:0}dialog::backdrop{background:#00000080}@media(prefers-reduced-motion:no-preference){dialog{opacity:1;transform:translateY(0);transition:display .25s allow-discrete,opacity .25s,overlay .25s allow-discrete,transform .25s}@starting-style{dialog[open]{opacity:0;transform:translateY(-8px)}}dialog::backdrop{transition:background-color .25s,display .25s allow-discrete,overlay .25s allow-discrete}@starting-style{dialog[open]::backdrop{background-color:#0000}}}@media print{*,*:before,*:after{background:transparent!important;box-shadow:none!important;color:#000!important;text-shadow:none!important}a[href]:after{content:" (" attr(href) ")"}img,figure{page-break-inside:avoid}}:root{--bux-page-bg: #eaeaea;--bux-page-color: #121212;--bux-color-primary: #ff4962;--bux-color-secondary: #34c8ca;--bux-color-yellow: #f9ea64;--bux-color-gray: #c3c3c3;--bux-transparent: transparent;--bux-white: #ffffff;--bux-valid-border-color: #29b94c;--bux-valid-bg-color: #f0fff5;--bux-invalid-border-color: #dc303e;--bux-invalid-bg-color: #fff0f0;--bux-placeholder-color: #aaa;--bux-invalid-placeholder-color: #dc303e;--bux-progress-bar-bg: #efefef;--bux-progress-value-bg: #29b94c;--bux-selection-bg: var(--bux-page-color);--bux-selection-color: var(--bux-page-bg);--bux-selection-text-shadow: none;--bux-scrollbar: var(--bux-page-bg);--bux-scrollbar-track: #ddecf6;--bux-scrollbar-thumb: var(--bux-color-secondary);--bux-scrollbar-thumb-hover: var(--bux-color-primary);--bux-scrollbar-vertical-width: 10px;--bux-scrollbar-horizontal-height: 10px;--bux-typo-font-family: Dosis, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--bux-typo-font-family-mono: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;--bux-typo-font-size: 1.8rem;--bux-typo-line-height: 1.6;--bux-code-bg: #fff;--bux-code-color: var(--bux-page-color);--bux-btn-bg: #6c6c6c;--bux-btn-color: #ffffff;--bux-title-color: #fff;--bux-title-social-color: #121212}@media(prefers-color-scheme:dark){:root{--bux-page-bg: #333;--bux-page-color: #eaeaea;--bux-color-primary: #e46677;--bux-color-secondary: #6ad6d7;--bux-code-bg: #555;--bux-white: #444;--bux-title-color: #fff;--bux-title-social-color: #121212;--bux-btn-color: #ffffff}}[data-theme=dark]{--bux-page-bg: #333;--bux-page-color: #eaeaea;--bux-color-primary: #e46677;--bux-color-secondary: #6ad6d7;--bux-code-bg: #555;--bux-white: #444;--bux-title-color: #fff;--bux-title-social-color: #121212;--bux-btn-color: #ffffff}h1{color:var(--bux-color-primary);font-size:3.2rem;line-height:3.6rem;margin-bottom:2rem}h1 span{color:var(--bux-page-color);font-size:2.8rem}h1 span span{color:var(--bux-color-gray);display:inline-block;margin-inline:.5rem}li{list-style:none}.main{margin-inline:auto;max-width:1000px;padding:2.5rem 0 5rem}@media(max-width:1040px){.main{padding:0 2rem 5rem}}.box{background:var(--bux-white);padding:10rem;position:relative}@media(max-width:768px){.box{padding:5rem}}@media(max-width:460px){.box{padding:5rem 2rem}}#hero img{aspect-ratio:1000 / 244;margin:2.5rem 0}#hero p{font-size:2rem;margin-top:1rem}#content{display:flex;justify-content:space-between;flex-wrap:wrap}.card{background:var(--bux-white);height:320px;margin-top:2rem;padding:2rem;text-align:center;width:calc(33.33333% - (40px / 3))}.card:not(.title){display:flex;flex-direction:column;align-items:center}.card:not(.title)>.btn,.card .card-actions{margin-top:auto}@media(max-width:1040px){.card{height:auto}}@media(max-width:768px){.card{width:calc(50% - 10px)}}@media(max-width:560px){.card{width:100%}}.card-01{order:1}.card-02{order:2}.card-03{order:3}.card-04{order:4}.card-05{order:5}.card-06{order:6}.card-07{order:7}.card-08{order:8}.card-09{order:9}.card-10{order:10}.card-11{order:11}@media(max-width:768px){.card-04{order:5}.card-05{order:6}.card-06{order:4}.card-07{order:8}.card-08{order:7}.card-09{order:9}}.card img{aspect-ratio:1 / 1;width:80px}.card p{margin:1rem 0}.point{color:var(--bux-color-primary);line-height:.4rem;font-size:5rem}.card.title{background:var(--bux-color-primary);color:var(--bux-title-color);font-size:4rem;line-height:4.8rem;padding:5rem;text-align:left}@media(max-width:768px){.card.title{font-size:3rem;padding:2.5rem 5rem;text-align:center;width:100%}}#cv.card.title{background:var(--bux-color-secondary);text-align:right;padding-left:4rem}#social.card.title{background:var(--bux-color-yellow);color:var(--bux-title-social-color);text-align:center;padding-inline:4rem}#blog.card.title{background:var(--bux-page-color);color:var(--bux-white)}@media(max-width:768px){#cv.card.title,#social.card.title,#blog.card.title{text-align:center}}@media(max-width:460px){.card.title,#cv.card.title,#social.card.title,#blog.card.title{padding:2.5rem 2rem}}.card.title span{display:block}@media(max-width:768px){.card.title span{display:inline}}.card.title span.truncate{display:inline}@media(max-width:1040px){.card.title span.truncate{display:none}}@media(max-width:768px){.card.title span.truncate{display:inline}}.btn{background:var(--bux-btn-bg);border-radius:2rem;color:var(--bux-btn-color);display:inline-block;font-weight:700;padding:.5rem 3rem;position:relative;overflow:hidden;isolation:isolate;transition:color .4s ease}.btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bux-color-primary);transform:scaleX(0);transform-origin:center;transition:transform .2s cubic-bezier(.4,0,.2,1);z-index:-1}.btn:hover:before{transform:scaleX(1)}.card .btn{margin-top:1.5rem;margin-inline:1rem}@media(max-width:900px){.card .btn{margin-inline:.5rem;padding:.5rem 2rem}}.btn.cta{background:var(--bux-color-primary);margin-top:2rem;padding-bottom:.7rem}.btn.cta:hover{background:var(--bux-btn-bg)}.hero-actions{align-items:center;display:flex;gap:1rem;position:absolute;right:2rem;top:2rem}browserux-share-button{--bux-share-btn-bg: transparent;--bux-share-btn-hover-bg: transparent;--bux-share-btn-padding-inline: 0;--bux-share-btn-height: auto;--bux-share-btn-border-radius: 0;--bux-share-btn-font-size: 0;--bux-share-btn-gap: 0}.share-icon,browserux-theme-switcher[no-shadow] .theme-toggle-wrapper>button:before{width:50px;height:50px;background-color:var(--bux-page-color)}.share-icon{-webkit-mask:url(/img/share-round-line-icon.svg) center / contain no-repeat;mask:url(/img/share-round-line-icon.svg) center / contain no-repeat}.share-icon:hover,browserux-theme-switcher[no-shadow] .theme-toggle-wrapper>button:hover:before{background-color:var(--bux-color-primary)}browserux-theme-switcher[no-shadow]{display:inline-flex}browserux-theme-switcher[no-shadow] .theme-toggle-wrapper{align-items:center;display:inline-flex;gap:0;margin-left:0}browserux-theme-switcher[no-shadow] .theme-icon,browserux-theme-switcher[no-shadow] .toggle-thumb{display:none}browserux-theme-switcher[no-shadow] .theme-toggle-wrapper>button{background:transparent;border:0;cursor:pointer;height:50px;padding:0;width:50px}browserux-theme-switcher[no-shadow] .theme-toggle-wrapper>button:before{content:"";display:block;-webkit-mask:url(/img/theme-light-round-line-icon.svg) center / contain no-repeat;mask:url(/img/theme-light-round-line-icon.svg) center / contain no-repeat}[data-theme=dark] browserux-theme-switcher[no-shadow] .theme-toggle-wrapper>button:before{-webkit-mask-image:url(/img/theme-dark-round-line-icon.svg);mask-image:url(/img/theme-dark-round-line-icon.svg)}@media(max-width:500px){.hero-actions{gap:.75rem}.share-icon,browserux-theme-switcher[no-shadow] .theme-toggle-wrapper>button,browserux-theme-switcher[no-shadow] .theme-toggle-wrapper>button:before{width:36px;height:36px}}@media(min-width:2060px){main{align-items:center;display:flex;justify-content:center;min-height:calc(100dvh - 4rem);padding-bottom:2rem}.main{display:flex;justify-content:space-between;max-width:2020px;padding-top:0}.main>*{width:calc(50% - 10px)}#hero img{margin:5.8rem 0}.box{height:660px;position:relative}}.blog-main{max-width:920px}.blog-list,.blog-article{background:var(--bux-white);padding:6rem}.blog-kicker{color:var(--bux-color-primary);font-weight:700;margin-bottom:1rem}.blog-kicker a{color:inherit}.blog-description{font-size:2rem;margin-bottom:3rem}.blog-grid{display:grid;gap:2rem}.blog-card{border:1px solid color-mix(in srgb,var(--bux-page-color) 15%,transparent);padding:2rem}.blog-card h2{font-size:2.6rem;line-height:3rem;margin:.5rem 0 1rem}.blog-card-date{color:var(--bux-color-primary);font-weight:700}.blog-content{font-size:1.9rem;line-height:1.7}.blog-content h2{color:var(--bux-color-primary);font-size:2.8rem;line-height:3.2rem;margin-top:4rem}.blog-content p,.blog-content ul,.blog-content ol,.blog-content pre,.blog-content figure{margin-top:1.5rem}.blog-content li{list-style:disc;margin-left:2rem}.blog-content code{background:color-mix(in srgb,var(--bux-color-primary) 12%,transparent);border-radius:.4rem;padding:.1rem .4rem}.blog-content pre,.blog-code{background:var(--bux-page-color);color:var(--bux-white);overflow-x:auto;padding:1.5rem}.blog-content pre code,.blog-code code{background:transparent;color:inherit;padding:0}.blog-code .token.comment,.blog-code .token.prolog,.blog-code .token.doctype,.blog-code .token.cdata{color:#9aa4af}.blog-code .token.punctuation{color:#f7f7f7}.blog-code .token.property,.blog-code .token.tag,.blog-code .token.boolean,.blog-code .token.number,.blog-code .token.constant,.blog-code .token.symbol,.blog-code .token.deleted{color:#ff7b8d}.blog-code .token.selector,.blog-code .token.attr-name,.blog-code .token.string,.blog-code .token.char,.blog-code .token.builtin,.blog-code .token.inserted{color:#9be28f}.blog-code .token.operator,.blog-code .token.entity,.blog-code .token.url,.blog-code .language-css .token.string,.blog-code .style .token.string{color:#ffdc72}.blog-code .token.atrule,.blog-code .token.attr-value,.blog-code .token.keyword{color:#7fc8ff}.blog-code .token.function,.blog-code .token.class-name{color:#f4b860}.blog-code .token.regex,.blog-code .token.important,.blog-code .token.variable{color:#d8a6ff}.blog-demo{border:1px solid color-mix(in srgb,var(--bux-page-color) 20%,transparent)}.blog-demo iframe{aspect-ratio:16 / 9;border:0;display:block;width:100%}.blog-demo figcaption{background:color-mix(in srgb,var(--bux-page-color) 8%,transparent);font-size:1.4rem;font-weight:700;padding:.75rem 1rem}@media(max-width:768px){.blog-list,.blog-article{padding:4rem 2rem}.blog-content{font-size:1.7rem}}.card{opacity:0;transform:translateY(60px) scale(.85);transition:opacity .7s ease,transform .7s cubic-bezier(.22,1,.36,1);will-change:opacity,transform}.card.is-visible{opacity:1;transform:translateY(0) scale(1)}@media(prefers-reduced-motion:reduce){.card{opacity:1;transform:none;transition:none}}.navigate-loader{view-transition-name:navigate-loader}::view-transition-old(navigate-loader),::view-transition-new(navigate-loader){position:fixed;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--bux-page-bg) 0%,var(--bux-color-primary) 50%,var(--bux-page-bg) 100%);animation:loaderBar 1s infinite linear;z-index:9999}@keyframes loaderBar{0%{transform:translate(-100%)}to{transform:translate(100%)}}