@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&family=Inter:wght@400;600;700&display=swap");:root{--color-primary:#ff0;--color-secondary:#b87333;--color-background-primary:#1a1a1a;--color-background-secondary:#333232;--color-background-black:#000;--color-text-primary:#fff;--color-text-secondary:#ccc;--color-border:#fff;--color-border-muted:hsla(0,0%,100%,.2);--font-primary:"JetBrains Mono",monospace;--font-secondary:"Inter",sans-serif;--text-xs:12px;--text-sm:14px;--text-base:16px;--text-lg:18px;--text-xl:20px;--text-2xl:24px;--text-3xl:32px;--text-4xl:40px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:20px;--radius-full:50%;--max-width-content:1440px;--header-height:60px;--footer-height:101px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1);--transition-fast:0.15s ease-in-out;--transition-normal:0.3s ease-in-out;--transition-slow:0.5s ease-in-out;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal:1040;--z-popover:1050;--z-tooltip:1060}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;overflow-x:hidden}body{font-family:var(--font-primary);background:var(--color-background-primary);background-attachment:fixed;color:var(--color-text-primary);line-height:1.5}.container{max-width:var(--max-width-content);margin:0 auto;padding:0 var(--space-5)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.min-h-screen{min-height:100vh}.h-full{height:100%}.w-full{width:100%}.p-0{padding:0}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.m-0{margin:0}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.m-5{margin:var(--space-5)}.m-6{margin:var(--space-6)}.m-8{margin:var(--space-8)}.mt-auto{margin-top:auto}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.font-primary{font-family:var(--font-primary)}.font-secondary{font-family:var(--font-secondary)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-accent{color:var(--color-primary)}.no-underline{text-decoration:none}.bg-primary{background-color:var(--color-background-primary)}.bg-secondary{background-color:var(--color-background-secondary)}.bg-black{background-color:var(--color-background-black)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.border{border:1px solid var(--color-border)}.border-muted{border:1px solid var(--color-border-muted)}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:-webkit-sticky;position:sticky}.top-0{top:0}.left-0{left:0}.right-0{right:0}.bottom-0{bottom:0}.z-sticky{z-index:var(--z-sticky)}.z-fixed{z-index:var(--z-fixed)}.transition{transition:all var(--transition-normal)}.transition-fast{transition:all var(--transition-fast)}.transition-slow{transition:all var(--transition-slow)}.cursor-pointer{cursor:pointer}.hover\:text-accent:hover{color:var(--color-primary)}.hidden{display:none}.block{display:block}@media (max-width:768px){.md\:hidden{display:none}.md\:block{display:block}}@media (max-width:480px){.sm\:hidden{display:none}.sm\:block{display:block}}.page-container{min-height:100vh;display:flex;flex-direction:column;background:url(/assets/background.png) var(--color-background-primary) 50% /cover no-repeat;background-attachment:fixed;font-family:var(--font-secondary);color:var(--color-text-primary)}.page-container--home{background:var(--color-background-primary);font-family:var(--font-primary)}.header{background:var(--color-background-secondary);height:var(--header-height);position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky)}.header__content{max-width:var(--max-width-content);margin:0 auto;padding:0 var(--space-5);height:100%;display:flex;justify-content:space-between;align-items:center}.header__logo{font-family:var(--font-secondary);font-size:var(--text-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);text-decoration:none}.header__nav{display:flex;gap:var(--space-8);align-items:center}.header__nav-link{font-family:var(--font-secondary);font-size:var(--text-lg);font-weight:var(--font-weight-normal);color:var(--color-text-primary);text-decoration:none;transition:color var(--transition-normal)}.header__nav-link--active,.header__nav-link:hover{color:var(--color-primary)}.main-content{flex:1 1;max-width:var(--max-width-content);margin:0 auto}.content-grid,.main-content{padding:var(--space-8);position:relative}.content-grid{background:var(--color-background-secondary);border-radius:var(--radius-xl);margin-top:var(--space-8);min-height:80vh;display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-8);gap:var(--space-8);grid-template-areas:"profile about" "research research" "facts facts"}.title-block{padding:var(--space-16) 0 var(--space-8);text-align:center}.title-block__title{font-size:var(--text-4xl);color:var(--color-text-primary);margin-bottom:var(--space-4)}.title-block__subtitle,.title-block__title{font-family:var(--font-primary);font-weight:var(--font-weight-normal)}.title-block__subtitle{font-size:var(--text-xl);color:var(--color-text-secondary)}.section,.section__header{position:relative}.section__header{margin-bottom:var(--space-6)}.section__title{font-family:var(--font-primary);font-size:var(--text-3xl);font-weight:var(--font-weight-normal);color:var(--color-text-primary);position:relative;z-index:2;margin:0 0 0 60px}.section__content{background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);margin-top:var(--space-4)}.section__text{font-family:var(--font-primary);font-size:var(--text-xl);font-weight:var(--font-weight-normal);color:var(--color-text-primary);line-height:1.4;margin-bottom:var(--space-4)}.section__text:last-child{margin-bottom:0}.nav-section{padding:var(--space-8) 0}.nav-section__content{max-width:var(--max-width-content);margin:0 auto;padding:0 var(--space-5)}.nav-section__title{font-family:var(--font-primary);font-size:var(--text-2xl);font-weight:var(--font-weight-normal);color:var(--color-text-primary);margin-bottom:var(--space-6)}.category-tabs{display:flex;gap:var(--space-4);margin-bottom:var(--space-8);flex-wrap:wrap}.category-tab{background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-6);font-family:var(--font-primary);font-size:var(--text-base);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-normal)}.category-tab--active,.category-tab:hover{background:var(--color-primary);color:var(--color-background-primary);border-color:var(--color-primary)}.search-bar{display:flex;gap:var(--space-4);max-width:500px}.search-input{flex:1 1;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);font-family:var(--font-primary);font-size:var(--text-base);color:var(--color-text-primary)}.search-input::placeholder{color:var(--color-text-secondary)}.search-input:focus{outline:none;border-color:var(--color-primary)}.search-button{background:var(--color-primary);border:none;border-radius:var(--radius-lg);padding:var(--space-3) var(--space-6);font-family:var(--font-primary);font-size:var(--text-base);color:var(--color-background-primary);cursor:pointer;transition:all var(--transition-normal)}.search-button:hover{background:rgba(255,255,0,.8)}.posts-grid,.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:var(--space-8);gap:var(--space-8);margin-bottom:var(--space-8)}.card{background:var(--color-background-secondary);border:1px solid var(--color-border-muted);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--transition-normal);text-decoration:none;color:inherit;display:block}.card:hover{border-color:var(--color-primary);transform:translateY(-2px)}.card__title{font-size:var(--text-xl);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.card__date,.card__title{font-family:var(--font-primary);margin-bottom:var(--space-3)}.card__date{font-size:var(--text-sm);color:var(--color-text-secondary)}.card__description{font-family:var(--font-primary);font-size:var(--text-base);color:var(--color-text-primary);line-height:1.4;margin-bottom:var(--space-4)}.card__description p{margin:0 0 var(--space-2) 0}.card__description p:last-child{margin-bottom:0}.card__description h1,.card__description h2,.card__description h3,.card__description h4,.card__description h5,.card__description h6{margin:0 0 var(--space-2) 0;font-size:var(--text-base);font-weight:600}.card__description ol,.card__description ul{margin:0 0 var(--space-2) 0;padding-left:var(--space-4)}.card__description li{margin-bottom:var(--space-1)}.card__description blockquote{margin:0 0 var(--space-2) 0;padding-left:var(--space-3);border-left:2px solid var(--color-primary);font-style:italic}.card__description code{background:var(--color-background-primary);padding:2px 4px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:calc(var(--text-base) * .9)}.card__description strong{font-weight:600}.card__description em{font-style:italic}.card__description a{color:var(--color-primary);text-decoration:none}.card__description a:hover{text-decoration:underline}.card__tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.card__tag{background:var(--color-background-primary);border-radius:var(--radius-md);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);color:var(--color-text-secondary)}.btn,.card__tag{font-family:var(--font-primary)}.btn{background:var(--color-primary);border:none;border-radius:var(--radius-lg);padding:var(--space-4) var(--space-8);font-size:var(--text-base);color:var(--color-background-primary);cursor:pointer;transition:all var(--transition-normal);text-decoration:none;display:inline-block;text-align:center}.btn:hover{background:rgba(255,255,0,.8)}.btn--secondary{background:transparent;border:1px solid var(--color-border);color:var(--color-text-primary)}.btn--secondary:hover{background:var(--color-text-primary);color:var(--color-background-primary)}.empty-state,.loading{text-align:center;padding:var(--space-16);font-family:var(--font-primary);color:var(--color-text-secondary)}.footer{background:var(--color-background-secondary);height:var(--footer-height);width:100%;margin-top:auto}.footer__content{max-width:var(--max-width-content);margin:0 auto;height:100%;padding:0 var(--space-8);display:flex;align-items:center;justify-content:space-between}.footer__text{display:flex;flex-direction:column;align-items:flex-start}.footer__title{font-size:var(--text-2xl);margin:0 0 var(--space-2) 0}.footer__copyright,.footer__title{font-family:var(--font-primary);font-weight:var(--font-weight-normal);color:var(--color-text-primary)}.footer__copyright{font-size:var(--text-base);margin:0}.footer__actions{display:flex;align-items:center}@media (max-width:1200px){.content-grid{grid-template-columns:1fr;grid-template-areas:"profile" "about" "research" "facts"}}@media (max-width:768px){.header__content{padding:0 var(--space-4)}.header__logo{font-size:var(--text-2xl)}.header__nav{gap:var(--space-6)}.header__nav-link{font-size:var(--text-base)}.content-grid,.main-content{padding:var(--space-4)}.section__title{font-size:var(--text-2xl);margin-left:40px}.section__text{font-size:var(--text-base)}.footer__title{font-size:var(--text-xl)}.footer__copyright{font-size:var(--text-sm)}.posts-grid,.projects-grid{grid-template-columns:1fr}.category-tabs{justify-content:center}.search-bar{flex-direction:column;max-width:100%}}@media (max-width:480px){.header__nav{display:none}.section__content{padding:var(--space-4)}.title-block{padding:var(--space-8) 0 var(--space-4)}.title-block__title{font-size:var(--text-3xl)}.title-block__subtitle{font-size:var(--text-lg)}}