:root{--main-width: 96rem;--font-size-xxxsm: clamp(1.2rem, 1.4vw, 1.4rem);--font-size-xxsm: clamp(1.4rem, 1.6vw, 1.6rem);--font-size-xsm: clamp(1.6rem, 1.7vw, 1.7rem);--font-size-sm: clamp(1.6rem, 1.8vw, 1.8rem);--font-size-me: clamp(1.6rem, 2.2vw, 2.2rem);--font-size-lg: clamp(1.8rem, 2.4vw, 2.4rem);--font-size-xlg: clamp(2rem, 2.4vw, 2.4rem);--font-size-xxlg: clamp(2.2rem, 2.8vw, 2.8rem);--font-size-xxxlg: clamp(2.4rem, 3.2vw, 3.2rem);--font-size-h-xxxsm: clamp(1.4rem, 1.6vw, 1.6rem);--font-size-h-xxsm: clamp(1.8rem, 2.2vw, 2.2rem);--font-size-h-xsm: clamp(2rem, 3vw, 3rem);--font-size-h-sm: clamp(2.4rem, 3.8vw, 3.8rem);--font-size-h-me: clamp(2.8rem, 4.6vw, 4.6rem);--font-size-h-lg: clamp(3.2rem, 5.2vw, 5.2rem);--font-size-h-xlg: clamp(3.6rem, 6vw, 6rem);--font-size-h-xxlg: clamp(4rem, 6.8vw, 6.8rem);--font-size-h-xxxlg: clamp(4.4rem, 7.6vw, 7.6rem);--font-size-huge-responsive: clamp(1.6rem, 10vw, 10rem);--font-family-default: ui-monospace, SFMono-Regular, "SF Mono", Consolas, Menlo, "Liberation Mono", "Cascadia Mono", "Segoe UI Mono", "Roboto Mono", "Jetbrains Mono", "Source Code Pro", Monaco, monospace, "Courier New";--font-family-headings: var(--font-family-default);--font-family-monospace: var(--font-family-default);--main-clr-shade: hsl(240 22% 5% / 1);--glow-clr-1: rgba(0, 120, 230, 1);--glow-clr-2: rgba(180, 0, 200, 1);--glow-clr-3: rgba(128, 0, 190, 1);--glow-clr-4: rgba(0, 150, 200, 1);--glow-clr-5: rgba(0, 120, 230, 1);--blur-xsm: 1px;--blur-sm: 2px;--blur-me: 4px;--blur-lg: 8px;--blur-xlg: 12px;--glow-shadow-clr: rgba(220, 0, 255, .75);--line-height-xxxsm: 1;--line-height-xxsm: 1.2;--line-height-xsm: 1.4;--line-height-sm: 1.6;--line-height-me: 1.8;--line-height-lg: 2;--line-height-xlg: 2.2;--line-height-xxlg: 2.4;--line-height-xxxlg: 2.6;--spacings-sm-000: 0rem;--spacings-sm-100: .4rem;--spacings-sm-200: .8rem;--spacings-sm-300: 1.2rem;--spacings-sm-400: 1.6rem;--spacings-sm-500: 2rem;--spacings-sm-600: 2.4rem;--spacings-sm-700: 2.8rem;--spacings-sm-800: 3.2rem;--spacings-sm-900: 3.6rem;--spacings-lg-000: 0rem;--spacings-lg-100: 4rem;--spacings-lg-200: 4.4rem;--spacings-lg-300: 4.8rem;--spacings-lg-400: 5rem;--spacings-lg-500: 5.4rem;--spacings-lg-600: 5.8rem;--spacings-lg-700: 6.2rem;--spacings-lg-800: 7.8rem;--spacings-lg-900: 8.6rem;--border-radius-xxxsm: .1rem;--border-radius-xxsm: .2rem;--border-radius-xsm: .4rem;--border-radius-sm: .6rem;--border-radius-me: .8rem;--border-radius-lg: 1rem;--border-radius-xlg: 1.2rem;--border-radius-xxlg: 1.4rem;--border-radius-xxxlg: 1.6rem;--border-radius-pill: 1000px;--transition-fast: all .3s ease-in-out}@property --conic-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{font-size:62.5%;scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%;hanging-punctuation:first last}html,body{min-width:100%;min-height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-family-default);font-optical-sizing:auto;line-height:var(--line-height-me);font-size:var(--font-size-me);font-weight:400;color:hsl(from var(--main-clr-shade) h s 5% / 1);background:hsl(from var(--main-clr-shade) h s 5% / 1)}a{color:inherit;text-decoration:underline;&:hover{text-decoration:none}}h1,h2,h3,h4,h5,h6{line-height:var(--line-height-xxsm);letter-spacing:-.03rem;font-weight:900;font-size:var(--font-size-h-xxxlg);margin:clamp(var(--spacings-sm-900),8vw,var(--spacings-lg-900)) 0;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;word-wrap:break-word;text-wrap:balance}h2{line-height:var(--line-height-xxsm);letter-spacing:-.03rem;font-size:var(--font-size-h-xlg);margin:clamp(var(--spacings-sm-600),8vw,var(--spacings-lg-700)) 0}h3{line-height:var(--line-height-xsm);letter-spacing:-.03rem;font-size:var(--font-size-h-lg);margin:clamp(var(--spacings-sm-400),8vw,var(--spacings-lg-600)) 0}h4{line-height:var(--line-height-sm);font-size:var(--font-size-h-me);letter-spacing:-.02rem;margin:clamp(var(--spacings-sm-400),8vw,var(--spacings-lg-500)) 0}h5{line-height:var(--line-height-sm);letter-spacing:-.02rem;font-size:var(--font-size-h-sm);margin:clamp(var(--spacings-sm-400),8vw,var(--spacings-lg-300)) 0}h6{line-height:var(--line-height-me);letter-spacing:-.01rem;font-size:var(--font-size-h-xsm);margin:clamp(var(--spacings-sm-400),8vw,var(--spacings-lg-200)) 0}p{text-wrap:pretty}p,hr,pre,blockquote,img,ul,ol{margin:clamp(var(--spacings-sm-600),2vw,var(--spacings-lg-400)) 0}p,blockquote,ul,ol{-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;word-wrap:break-word}ul,ol{margin-left:clamp(var(--spacings-sm-500),2vw,var(--spacings-sm-700));padding-left:clamp(var(--spacings-sm-500),2vw,var(--spacings-sm-700))}blockquote{padding:clamp(var(--spacings-sm-600),3vw,var(--spacings-lg-100));color:hsl(from var(--main-clr-shade) h s 10% / 1);background-color:hsl(from var(--main-clr-shade) h s 95% / 1);border-radius:var(--border-radius-me);font-family:var(--font-family-monospace);font-size:var(--font-size-xsm);line-height:var(--line-height-xsm);p:first-child{margin-top:0}p:last-child{margin-bottom:0}}pre{width:100%;max-width:100%;min-width:0;padding:clamp(var(--spacings-sm-600),3vw,var(--spacings-lg-100));padding-top:clamp(var(--spacings-sm-700),3vw,var(--spacings-lg-100));border-radius:var(--border-radius-me);overflow-x:auto;font-family:var(--font-family-monospace);font-size:var(--font-size-xsm);line-height:var(--line-height-xsm)}pre code{display:block;white-space:pre;overflow-wrap:normal;word-break:normal}img{margin-left:auto;margin-right:auto;border-radius:var(--border-radius-me)}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}.colorful-border{background-image:linear-gradient(to right,transparent 0 10px,hsl(from var(--main-clr-shade) h s 5% / 1) 10px 100%,transparent),repeating-linear-gradient(0,var(--glow-clr-1) 0 20%,var(--glow-clr-2) 29% 40%,var(--glow-clr-3) 49% 60%,var(--glow-clr-4) 69% 80%,var(--glow-clr-5) 89% 100%)}.glass{overflow:hidden;position:relative;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(8px);transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;box-shadow:0 24px 40px -8px hsl(0 0 0 / .3),inset 0 0 1px 1px hsl(0 0 100% / .065)}.glass:hover{transform:scale(1.05);box-shadow:0 24px 50px -8px hsl(0 0 0 / .5),inset 0 0 1px 1px hsl(0 0 100% / .08)}.glass:hover:before{opacity:.4}.glass:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;opacity:.2;transition:opacity .3s ease-in-out;background:linear-gradient(135deg,#fff,#fff0 30% 70%,#ffffff4d);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none}#theme-mode{position:fixed;right:clamp(1rem,2.5vw,3rem);top:clamp(1rem,2.5vw,3rem);appearance:none;opacity:.3;transition:opacity .3s ease-in-out}#theme-mode:hover{opacity:1}#theme-mode:before{content:"🌑";display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;font-size:3rem;width:3rem;height:3rem}#theme-mode:checked:before{content:"☀️"}.main{border-radius:var(--border-radius-me);margin-inline:auto;color:hsl(from var(--main-clr-shade) h s 5% / 1);background-color:hsl(from var(--main-clr-shade) h s 100% / 1);min-height:100vh}.author{font-size:var(--font-xsm)}.article{width:100%;max-width:var(--main-width);font-size:clamp(1.6rem,2.4vw,2.4rem);display:flow-root;overflow-wrap:anywhere;margin:0 auto;a{text-decoration:none;color:var(--glow-clr-1);&:hover{text-decoration:underline}}h1{margin-top:0}}nav.nav,footer.nav{width:100%;max-width:var(--main-width);margin:0 auto;display:flex;align-items:center;justify-items:flex-start;font-size:var(--font-size-xxsm);color:hsl(from var(--main-clr-shade) h 10% 30% / 1);gap:clamp(var(--spacings-sm-400),3vw,var(--spacings-sm-900));a{text-decoration:none;color:var(--glow-clr-1);&:hover{text-decoration:underline}}}nav.nav{margin-block:clamp(var(--spacings-sm-800),2vw,var(--spacings-lg-200))}footer.nav{padding-bottom:clamp(var(--spacings-sm-800),2vw,var(--spacings-lg-200))}.section{margin:0 auto;position:relative;z-index:1;scroll-snap-align:start}.section-dark{color:hsl(from var(--main-clr-shade) h s 80% / 1);background-color:hsl(from var(--main-clr-shade) h s 5% / 1)}.section-light{color:hsl(from var(--main-clr-shade) h s 5% / 1);background-color:hsl(from var(--main-clr-shade) h s 100% / 1)}.section-content{max-width:180rem;padding:clamp(var(--spacings-sm-400),3vw,var(--spacings-sm-900));border-radius:var(--border-radius-me);margin-inline:auto}.canvas-bg{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}.next-section{position:absolute;z-index:1;left:0;right:0;bottom:0;font-size:var(--font-size-xxxsm);text-align:center;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:clamp(var(--spacings-sm-400),3vw,var(--spacings-sm-900));a{color:inherit;text-decoration:none;transition:var(--transition-fast);padding:clamp(var(--spacings-sm-200),3vw,var(--spacings-sm-600)) 0}a:hover{transform:translateY(-5px)}}.section-dark .next-section{color:hsl(from var(--main-clr-shade) h s 60% / 1);background-color:hsl(from var(--main-clr-shade) h s 5% / 1);a:hover{transform:translateY(-5px);color:hsl(from var(--main-clr-shade) h s 95% / 1)}}.section-light .next-section{color:hsl(from var(--main-clr-shade) h s 30% / 1);background-color:hsl(from var(--main-clr-shade) h s 100% / 1);a:hover{transform:translateY(-5px);color:hsl(from var(--main-clr-shade) h s 5% / 1)}}.link-container{display:flex;position:relative;line-height:var(--line-height-xxxsm);opacity:1;transition:var(--transition-fast);border-radius:var(--border-radius-pill);font-family:var(--font-family-monospace);flex:1;cursor:pointer;.link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;z-index:3;background:linear-gradient(-45deg,transparent 10%,rgba(255,255,255,.2) 50%,transparent 90%);transition:left .6s ease}.link:hover:before{left:100%}.link.link,.link-bg,.link-bg-blur{padding:clamp(var(--spacings-sm-200),3vw,var(--spacings-sm-300)) clamp(var(--spacings-sm-400),3vw,var(--spacings-sm-900));border-radius:var(--border-radius-pill);text-decoration:none}.link{color:hsl(from var(--main-clr-shade) h s 95% /1);text-decoration:none;font-size:var(--font-size-xsm);position:relative;background:hsl(from var(--main-clr-shade) h s 5% /1);z-index:2;flex:1;outline:none;overflow:hidden}.link-bg,.link-bg-blur{position:absolute;inset:-2px;z-index:1;background-image:conic-gradient(from var(--conic-angle),var(--glow-clr-1),var(--glow-clr-2),var(--glow-clr-3),var(--glow-clr-4),var(--glow-clr-5));animation-name:glow;animation-duration:10s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate}.link-bg-blur{filter:blur(var(--blur-sm))}&:hover,&:active,&:focus,&:focus-visible,&:focus-within{opacity:1;transform:translateY(-5px);box-shadow:0 0 30px var(--glow-shadow-clr);.link-bg,.link-bg-blur{animation-duration:1s;animation-timing-function:ease-in-out}.link-bg-blur{filter:blur(var(--blur-me))}}}.section-header{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:clamp(var(--spacings-lg-400),8vw,var(--spacings-lg-900)) 0;max-width:80ch;margin:0 auto;margin-bottom:clamp(var(--spacings-lg-400),8vw,var(--spacings-lg-900));p{margin:0}}.section-eyeball{font-size:var(--font-size-xxsm);color:hsl(from var(--main-clr-shade) h s 30% / 1);text-transform:uppercase;letter-spacing:.1em;font-weight:600;margin-bottom:var(--spacings-sm-200)}.section-dark .section-eyeball{color:hsl(from var(--main-clr-shade) h s 70% / 1)}.section-line{color:hsl(from var(--main-clr-shade) h s 30% / 1);font-size:clamp(var(--font-size-sm),3vw,var(--font-size-md));max-width:60ch;margin:0 auto}.section-dark .section-line{color:hsl(from var(--main-clr-shade) h s 70% / 1)}.section-title{font-size:var(--font-size-h-me);margin:var(--spacings-sm-600) auto;line-height:1.1;letter-spacing:-.04em;font-weight:800}.section-blog{max-width:var(--main-width);margin:0 auto;padding-top:clamp(var(--spacings-lg-100),8vw,var(--spacings-lg-400));padding-bottom:8rem}.blog-header{margin-bottom:clamp(var(--spacings-sm-600),5vw,var(--spacings-sm-900))}.blog-archive-header{align-items:flex-start;text-align:left;max-width:none;padding:clamp(var(--spacings-sm-800),4vw,var(--spacings-lg-200)) 0 clamp(var(--spacings-sm-600),3vw,var(--spacings-lg-100));margin-bottom:clamp(var(--spacings-sm-600),4vw,var(--spacings-lg-200))}.blog-archive-header .section-eyeball{margin-bottom:var(--spacings-sm-100)}.blog-archive-header .section-title{margin:var(--spacings-sm-400) 0}.blog-archive-header .section-line{max-width:none;margin:0}.blog-eyeball{font-size:clamp(var(--font-size-xxsm),2vw,var(--font-size-xsm));text-transform:uppercase;letter-spacing:.1em;font-weight:600;color:hsl(from var(--main-clr-shade) h s 30% / 1);margin-bottom:var(--spacings-sm-200)}.blog-title{font-size:clamp(var(--font-size-lg),5vw,var(--font-size-xxlg));line-height:1.1;letter-spacing:-.03em;font-weight:700}.blog-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column}.blog-list li{border-bottom:1px solid rgba(0,0,0,.08)}.section-dark .blog-list li{border-bottom-color:#ffffff1a}.blog-list li:first-child{border-top:1px solid rgba(0,0,0,.08)}.section-dark .blog-list li:first-child{border-top-color:#ffffff1a}.blog-list a{display:flex;justify-content:space-between;align-items:center;padding:clamp(var(--spacings-sm-400),3vw,var(--spacings-sm-600)) 0;font-size:clamp(var(--font-size-sm),2.5vw,var(--font-size-md));color:inherit;text-decoration:none;transition:padding-left var(--transition-fast),color var(--transition-fast)}.section-dark .blog-list a{color:inherit}.blog-list a:hover{color:var(--glow-clr-1);padding-left:var(--spacings-sm-200)}.blog-arrow{opacity:0;transform:translate(-10px);transition:all var(--transition-fast);color:var(--glow-clr-1);font-family:var(--font-mono)}.blog-list a:hover .blog-arrow{opacity:1;transform:translate(0)}.discount-container{margin-top:var(--spacings-lg-100);display:flex;flex-direction:column;align-items:center}.coupon{padding:var(--spacings-sm-600) var(--spacings-lg-200);margin-bottom:var(--spacings-lg-200);border-radius:var(--border-radius-me);font-weight:900;font-size:clamp(var(--font-size-h-xsm),4vw,var(--font-size-h-xxlg));font-family:var(--font-mono);letter-spacing:.05em;&:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;z-index:3;background:linear-gradient(-45deg,transparent 10%,rgba(255,255,255,.2) 50%,transparent 90%);transition:left .6s ease}&:hover:after{left:100%}}.coupon-date{padding:var(--spacings-sm-200) 0;font-size:var(--font-size-xxsm);color:hsl(from var(--main-clr-shade) h s 60% / 1);text-transform:uppercase;letter-spacing:.05em}form.newsletter-form{display:flex;align-items:center;justify-content:center;gap:var(--spacings-sm-700) var(--spacings-sm-400);margin-top:clamp(var(--spacings-sm-600),5vw,var(--spacings-sm-900));padding:clamp(var(--spacings-sm-600),5vw,var(--spacings-sm-900));flex-wrap:wrap}.newsletter-form .newsletter-input{flex:1;border:none;padding:var(--spacings-sm-400) var(--spacings-sm-600);border-radius:var(--border-radius-pill);font-family:inherit;font-size:var(--font-size-xsm);min-width:220px;background:hsl(from var(--main-clr-shade) h s 100% / 1);color:hsl(from var(--main-clr-shade) h s 30% / 1);font-weight:400;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}@media(min-width:720px){.newsletter-form .newsletter-input{min-width:380px}}@media(min-width:980px){.newsletter-form .newsletter-input{min-width:480px}}@media(max-width:400px){.newsletter-form .newsletter-input{min-width:180px;width:100%}}.newsletter-input:focus{opacity:1}.newsletter-form .link-container{opacity:1}.newsletter-form .newsletter-button{padding:var(--spacings-sm-400) var(--spacings-sm-800);border-radius:var(--border-radius-pill);border:none;font-family:inherit;font-size:var(--font-size-xsm);font-weight:800;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;white-space:nowrap;transition:transform var(--transition-fast),background-color var(--transition-fast);flex:1;background:#000;color:#fff}.newsletter-button:hover{transform:scale(1.02)}.footer-massive{position:relative;overflow:hidden;padding-top:clamp(var(--spacings-lg-100),8vw,var(--spacings-lg-600));flex-direction:column;padding-bottom:clamp(var(--spacings-lg-100),8vw,var(--spacings-lg-600))}.footer-top-links{display:flex;justify-content:space-between;align-items:center;padding:0 clamp(var(--spacings-sm-400),4vw,var(--spacings-sm-900));font-size:var(--font-size-xsm);color:hsl(from var(--main-clr-shade) h s 60% / 1);font-weight:400;z-index:2;flex-wrap:wrap;gap:var(--spacings-sm-400)}.footer-top-links a{color:inherit;text-decoration:none;transition:var(--transition-fast)}.footer-top-links a:hover{color:hsl(from var(--main-clr-shade) h s 95% / 1)}.footer-megatext-container{display:flex;justify-content:center;align-items:flex-start;width:100%;pointer-events:none;user-select:none;z-index:1;margin-top:auto}.footer-megatext{font-size:11.5vw;line-height:.9;font-weight:900;letter-spacing:-.06em;color:hsl(from var(--main-clr-shade) h s 95% / 1);white-space:nowrap;padding-top:12vw}.footer-massive:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:80%;background:linear-gradient(to top,hsl(from var(--main-clr-shade) h s 5% / 1) 0%,transparent 50%);z-index:2;pointer-events:none}.form{display:flex;align-items:flex-start;align-content:flex-start;flex-direction:column;gap:clamp(var(--spacings-lg-100),4.4vw,var(--spacings-lg-200))}.form-row{width:100%;display:flex;flex-wrap:wrap;flex-direction:row;gap:clamp(var(--spacings-sm-400),4.4vw,var(--spacings-lg-200));align-items:flex-start;align-content:flex-start}textarea,button,select{font-size:clamp(var(--font-size-xsm),1.8vw,var(--font-size-me));font-family:var(--font-family-monospace)}select{width:100%;padding:var(--spacings-sm-400) var(--spacings-sm-200);border-radius:var(--border-radius-me)}textarea{width:100%;max-width:var(--main-width);min-height:25rem;font-family:var(--font-family-monospace);border-radius:var(--border-radius-me);padding:var(--spacings-sm-400) var(--spacings-sm-200)}.form-row-submit{width:auto}button{border:none;cursor:pointer}button:disabled{cursor:not-allowed}.bg-parallax{color:hsl(from var(--main-clr-shade) h s 95% / 1);background-color:hsl(from var(--main-clr-shade) h s 5% / 1);background-image:url(/imgs/assets/2026/02/stars.svg),url(/imgs/assets/2026/02/stars.svg),url(/imgs/assets/2026/02/stars.svg);background-size:250px 250px;background-position-x:0%,20%,40%;background-position-y:0%,20%,40%}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.bg-parallax{transform-origin:50% 50%;animation-name:css-bg-parallax;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:view(block 0% 0%)}}}@keyframes css-bg-parallax{0%{background-position-y:0%,20%,40%;background-size:250px 250px,250px 250px,250px 250px}to{background-position-y:-20%,-20%,-40%;background-size:250px 250px,300px 300px,350px 350px}}@keyframes glow{0%{--conic-angle: 0deg}to{--conic-angle: 360deg}}
