:root{--bg:#0b0b0b;--bg2:#101112;--text:#f3f4f6;--muted:#a1a1aa;--border:#1f2937;--accent:#3b82f6;--max: 1100px;--maxText: 760px;--r: 14px;--s1: 8px;--s2: 16px;--s3: 32px;--s4: 64px;--shadow: 0 16px 48px rgba(0,0,0,.45)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";font-size:18px;line-height:1.65}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:var(--max);margin:0 auto;padding:0 24px}.stack>*+*{margin-top:var(--s2)}hr{border:0;border-top:1px solid var(--border);margin:var(--s3) 0}h1,h2,h3{line-height:1.15;letter-spacing:-.02em;margin:0}h1{font-size:clamp(42px,6vw,64px)}h2{font-size:32px;margin-top:var(--s4)}h3{font-size:22px}p{margin:0;color:var(--text)}.muted{color:var(--muted)}.nav{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);padding:18px 0;border-bottom:1px solid var(--border);position:sticky;top:0;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(10px);z-index:100}.brand{font-weight:600;color:var(--text)}.brand:hover{text-decoration:none}.navlinks{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:flex-end}.navlinks a{color:color-mix(in srgb,var(--text) 88%,var(--muted))}.navlinks a:hover{color:var(--text);text-decoration:none}.mobile-menu-toggle{display:none;flex-direction:column;gap:5px;background:transparent;border:none;cursor:pointer;padding:8px;z-index:101}.mobile-menu-toggle span{width:25px;height:2px;background:var(--text);border-radius:2px;transition:all .3s ease}.mobile-menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(7px,7px)}.mobile-menu-toggle.active span:nth-child(2){opacity:0}.mobile-menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}@media(max-width:768px){.container{padding:0 24px}.nav{padding:18px 24px}.footer{padding-left:40px!important;padding-right:40px!important}.btn{padding:8px 14px;font-size:14px}.mobile-menu-toggle{display:flex}.navlinks{position:fixed;top:64px;right:-100%;width:100%;max-width:300px;height:calc(100vh - 64px);background:var(--bg);border-left:1px solid var(--border);flex-direction:column;align-items:flex-start;padding:var(--s3);gap:var(--s2);transition:right .3s ease;box-shadow:-4px 0 20px #0000004d}.navlinks.active{right:0}.navlinks a{width:100%;padding:12px 0;font-size:18px;border-bottom:1px solid var(--border)}}.hero{min-height:70vh;display:flex;align-items:center;padding:var(--s4) 0}.hero-inner{max-width:var(--maxText)}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:var(--s3)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:999px;border:1px solid rgba(59,130,246,.3);color:var(--text);background:linear-gradient(135deg,#3b82f60d,#8b5cf60d);text-decoration:none;position:relative;overflow:hidden;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 0 20px #3b82f61a,inset 0 1px 1px #ffffff1a}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);transition:left .5s ease}.btn:hover:before{left:100%}.btn:hover{text-decoration:none;transform:translateY(-2px) scale(1.02);border-color:#3b82f699;background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);box-shadow:0 0 30px #3b82f666,0 0 60px #3b82f633,0 8px 32px #0000004d,inset 0 1px 1px #fff3}.btn:active{transform:translateY(0) scale(.98)}.btn.primary{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-color:#8b5cf680;color:#fff;box-shadow:0 0 25px #3b82f680,0 4px 16px #0000004d,inset 0 1px 1px #fff3}.btn.primary:after{content:"";position:absolute;inset:0;border-radius:999px;padding:1px;background:linear-gradient(135deg,rgba(255,255,255,.4),transparent,rgba(139,92,246,.4));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.btn.primary:hover{background:linear-gradient(135deg,#4f90ff,#9d6eff);box-shadow:0 0 40px #3b82f6b3,0 0 80px #8b5cf666,0 8px 32px #0006,inset 0 1px 1px #ffffff4d}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:var(--s3)}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:var(--s3)}@media(max-width:900px){.grid3,.grid2{grid-template-columns:1fr}}.card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);padding:22px;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:color-mix(in srgb,var(--accent) 45%,var(--border))}.card a,.card a:hover{text-decoration:none}.kicker{font-size:14px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.footer{margin-top:var(--s4);padding:var(--s3) 0;border-top:1px solid var(--border)}.prose{max-width:var(--maxText)}.prose p{margin:14px 0}.prose ul{margin:14px 0;padding-left:22px}.prose li{margin:6px 0}.prose code{background:color-mix(in srgb,var(--bg2) 90%,var(--border));padding:2px 6px;border-radius:8px}.prose pre{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);padding:16px;overflow:auto}.prose pre code{background:transparent;padding:0}.cv-section{padding:56px 0}.cv-wrap{max-width:var(--maxText)}.cv-timeline{margin-top:var(--s3);display:flex;flex-direction:column;gap:26px}.cv-item{display:grid;grid-template-columns:170px 26px 1fr;column-gap:22px;align-items:start}.cv-date{font-size:18px;font-weight:600;color:var(--text);line-height:1.2;letter-spacing:-.01em;white-space:pre-line}.cv-rail{position:relative;min-height:100%}.cv-rail:before{content:"";position:absolute;left:12px;top:-10px;bottom:-10px;width:2px;background:#fff}.cv-dot{position:absolute;left:6px;top:6px;width:14px;height:14px;border-radius:999px;background:var(--bg);border:2px solid white}.cv-content{padding-top:2px}.cv-title{font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;margin:0}.education-title{font-weight:400;text-transform:none;letter-spacing:normal}.cv-org{margin-top:6px;color:var(--muted);font-size:16px}.cv-bullets{margin:12px 0 0;padding-left:18px;color:var(--text)}.cv-bullets li{margin:6px 0;color:var(--text)}.cv-divider{margin:var(--s4) 0 var(--s2)}.cv-accordions{margin-top:var(--s3)}.cv-accordion{border-bottom:1px solid var(--border);padding:var(--s2) 0}.cv-accordion:first-child{border-top:1px solid var(--border)}.cv-accordion-title{font-size:15px;font-weight:700;letter-spacing:.04em;color:var(--text);cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:var(--s2);user-select:none}.cv-accordion-title::-webkit-details-marker{display:none}.cv-accordion-title:after{content:"+";font-size:18px;color:var(--muted);flex-shrink:0;line-height:1}details[open] .cv-accordion-title:after{content:"−"}.cv-accordion-body{margin-top:var(--s2);padding-left:var(--s3)}.cv-skills-grid{margin-top:var(--s3);display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--s3)}.cv-skill-group{display:flex;flex-direction:column}.cv-skill-category{font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--muted);text-transform:uppercase;margin:0 0 var(--s1) 0}.cv-skill-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.cv-skill-list li{font-size:14px;color:var(--text);padding-left:14px;position:relative}.cv-skill-list li:before{content:"·";position:absolute;left:0;color:var(--muted)}@media(max-width:820px){.cv-item{grid-template-columns:1fr;row-gap:10px}.cv-date{font-size:16px;color:var(--muted)}.cv-rail{display:none}.cv-title{text-transform:none;letter-spacing:-.01em}}.memory-lane-section{padding:var(--s4) 0 0 0}.memory-lane-wrap{max-width:none}.memory-timeline{margin-top:var(--s4);display:flex;flex-direction:column;gap:0;position:relative}.memory-timeline:before{content:"";position:absolute;left:100px;top:0;bottom:0;width:2px;background:#fff;z-index:1}.memory-item{display:grid;grid-template-columns:200px 1fr;gap:0;align-items:start;position:relative;min-height:100vh;background:var(--bg)}.memory-year{font-size:36px;font-weight:900;color:var(--text);line-height:1.1;letter-spacing:-.02em;position:sticky;top:120px;text-align:center;background:var(--bg);padding:30px 16px;border-radius:0;border:none;display:flex;align-items:center;justify-content:center;min-height:auto;z-index:10;margin:40px 16px}.memory-year:before{display:none}.memory-content{background:var(--bg2);border:1px solid var(--border);border-radius:0;padding:0;transition:none;position:relative;z-index:5;min-height:100vh;display:flex;flex-direction:column;background-size:cover;background-position:center;background-repeat:no-repeat}.memory-content:hover{transform:none;box-shadow:none;border-color:var(--border)}.memory-image-container{position:absolute;inset:0;z-index:1}.memory-image-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--bg2) 0%,var(--bg) 100%);border:none;border-radius:0;display:flex;align-items:center;justify-content:center;margin-bottom:0;transition:none;overflow:hidden}.memory-image-placeholder:hover{border-color:var(--border)}.memory-image-placeholder img{width:100%;height:100%;object-fit:cover;border-radius:0}.placeholder-text{color:var(--muted);font-size:18px;font-weight:500;background:var(--bg2);padding:12px 24px;border-radius:var(--r);border:1px solid var(--border)}.memory-content-overlay{position:relative;z-index:10;background:linear-gradient(to top,#000c,#0006,#0000001a);color:#fff;padding:var(--s4);margin-top:auto;min-height:40vh;display:flex;flex-direction:column;justify-content:flex-end}.memory-title{font-size:48px;font-weight:700;line-height:1.2;margin:0 0 var(--s2);color:#fff}.memory-description{color:#ffffffe6;line-height:1.6;margin:0 0 var(--s3);font-size:18px;max-width:600px}.memory-details{display:flex;flex-wrap:wrap;gap:12px}.memory-tag{background:#fff3;color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500;border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(10px)}.memory-divider{margin:0;border-top:2px solid var(--border)}.memory-footer{text-align:center;margin-top:0;padding:var(--s4);border-top:1px solid var(--border);background:var(--bg)}@media(max-width:900px){.memory-timeline:before{left:30px}.memory-item{grid-template-columns:1fr;gap:var(--s2)}.memory-year{font-size:32px;position:static;margin-bottom:var(--s2);margin-left:0;margin-right:0}.memory-year:before{display:none}.memory-title{font-size:32px}.memory-content-overlay{min-height:50vh;padding:var(--s3)}}@media(max-width:600px){.memory-year{font-size:28px}.memory-title{font-size:24px}}.blog-filters{display:flex;gap:12px;flex-wrap:wrap;margin-top:var(--s3);margin-bottom:var(--s3);align-items:center}.search-wrapper{flex:1;min-width:200px}.search-input{width:100%;padding:10px 16px;font-size:16px;font-family:inherit;background:var(--bg2);color:var(--text);border:1px solid var(--border);border-radius:8px;transition:all .2s ease}.search-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #3b82f61a}.search-input::placeholder{color:var(--muted)}.tag-filter-wrapper{position:relative}.tag-dropdown-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;font-size:16px;font-family:inherit;background:var(--bg2);color:var(--text);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.tag-dropdown-btn:hover{border-color:var(--accent)}.tag-dropdown-btn svg{transition:transform .2s ease}.tag-dropdown-btn:hover svg{transform:translateY(2px)}.tag-dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;min-width:250px;background:var(--bg2);border:1px solid var(--border);border-radius:8px;padding:8px;box-shadow:var(--shadow);z-index:10;display:none;max-height:300px;overflow-y:auto}.tag-dropdown-menu.active{display:block}.tag-dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid var(--border);margin-bottom:8px}.tag-clear-btn{background:none;border:none;color:var(--accent);cursor:pointer;font-size:13px;font-family:inherit;padding:4px 8px;border-radius:4px;transition:background .2s ease}.tag-clear-btn:hover{background:#3b82f61a}.tag-option{display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer;border-radius:6px;transition:background .2s ease;font-size:15px}.tag-option:hover{background:#3b82f614}.tag-checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--accent)}.sort-wrapper{position:relative}.sort-select{padding:10px 36px 10px 16px;font-size:16px;font-family:inherit;background:var(--bg2);color:var(--text);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:all .2s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' stroke='%23a1a1aa' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.sort-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #3b82f61a}.sort-select:hover{border-color:var(--accent)}.blog-card-image{width:100%;height:200px;object-fit:cover;border-radius:8px;margin-bottom:12px}.no-results{text-align:center;padding:var(--s4) 0}@media(max-width:768px){.blog-filters{flex-direction:column;align-items:stretch}.search-wrapper,.tag-filter-wrapper,.sort-wrapper,.tag-dropdown-btn,.sort-select{width:100%}.tag-dropdown-menu{left:0;right:0;min-width:auto}}