:root{--color-primary: #414141;--color-secondary: #6a6a6a;--color-accent: #3061bb;--color-bg-primary: #ffffff;--color-bg-secondary: #f3f3f3;--color-highlight: #f0f8ff;--color-error: #ff4d4f;--color-button: #ccccb721;--color-button-border: #ccccb7;--font-base: "Roboto", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-code: "Fira Code", "Consolas", monospace;--line-height: 1.6;--font-size-base: 1.2em;--font-size-large: 1.1em;--font-size-code: .8em;--font-size-small: .9em;--spacing-small: .5em;--spacing-medium: 1em;--spacing-large: 2em;--border-radius: 8px;--shadow-light: 0px 0px 10px 5px rgba(0, 0, 0, .15);--base-size: 1200px}body{background-color:var(--color-bg-primary);color:var(--color-primary);font-family:var(--font-base);line-height:var(--line-height);font-size:var(--font-size-base);margin:0;padding:0;overflow-x:hidden}html{box-sizing:border-box}*{box-sizing:inherit}h1{color:var(--color-accent);margin:0 auto;padding:var(--spacing-medium);width:fit-content}h2{padding-top:var(--spacing-small)}h2,h3,h4,h5,h6{color:var(--color-primary);margin:var(--spacing-small) 0 var(--spacing-medium)}.name{font-weight:700}p{margin:var(--spacing-small);text-align:justify}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}time{color:var(--color-primary)}blockquote{font-style:italic;margin:0}ul,ol{padding-left:var(--spacing-large);margin-bottom:var(--spacing-medium)}th,td{padding:var(--spacing-small) var(--spacing-medium);border-bottom:1px solid var(--color-bg-secondary)}img{max-width:100%;height:auto}hr{border:none;border-top:1px solid var(--color-secondary);margin:var(--spacing-large) 0}tbody tr:nth-child(2n){background-color:var(--color-bg-secondary)}pre,code{font-family:var(--font-code);background-color:var(--color-highlight);padding:var(--spacing-small);border-radius:var(--border-radius);max-width:var(--base-size);font-size:var(--font-size-code);width:min(80vw,1000px);margin:0 auto var(--spacing-medium)}.project-section{background-color:var(--background-secondary);border-radius:8px;padding:1.5rem;margin-bottom:1rem;box-shadow:0 2px 4px #0000000d}@media (max-width: 768px){code{font-size:var(--font-size-small)}}button{display:inline-block;padding:12px 24px;font-size:1rem;font-weight:600;border-radius:var(--border-radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid rgba(255,255,255,.3);cursor:pointer;text-align:center;color:var(--color-text-primary);transition:transform .2s ease,box-shadow .3s ease}button:hover{box-shadow:0 6px 10px #0003;transform:translateY(-2px);color:var(--color-accent)}button:active{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.shine{background-color:var(--color-button);border:1px solid var(--color-button-border);padding:12px 48px;position:relative;overflow:hidden}.shine:before{content:"";position:absolute;top:-150%;left:-150%;width:200%;height:200%;background:linear-gradient(-45deg,#fff0,#fff9,#fff0);transform:rotate(0);transition:none;animation:metallic-shine 6s ease-in-out infinite}@keyframes metallic-shine{0%{transform:translate(-150%,-150%) rotate(-45deg)}50%{transform:translate(150%,150%) rotate(-45deg)}to{transform:translate(300%,300%) rotate(-45deg)}}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#abb2bf;background:#282c34}.hljs-comment,.hljs-quote{color:#5c6370;font-style:italic}.hljs-doctag,.hljs-formula,.hljs-keyword{color:#c678dd}.hljs-deletion,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-subst{color:#e06c75}.hljs-literal{color:#56b6c2}.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#98c379}.hljs-attr,.hljs-number,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-pseudo,.hljs-template-variable,.hljs-type,.hljs-variable{color:#d19a66}.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-symbol,.hljs-title{color:#61aeee}.hljs-built_in,.hljs-class .hljs-title,.hljs-title.class_{color:#e6c07b}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}