@import"https://fonts.googleapis.com/css2?family=Inconsolata:wght@400;700&display=swap";.footer{max-width:960px;margin:0 auto;padding:2rem 1rem;text-align:center;color:#dce0ff8c;font-size:.85rem}.footer hr{border:none;border-top:1px solid rgba(255,255,255,.08);margin-bottom:1rem}.layout{min-height:100vh;display:flex;flex-direction:column}.layout__header{background:#080a12f2;border-bottom:1px solid rgba(255,255,255,.06);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.layout__nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;max-width:960px;margin:0 auto;padding:1.5rem 1rem .75rem}.layout__brand{font-size:1.5rem;font-weight:700;color:inherit}.layout__links{display:flex;align-items:center;gap:.75rem;font-size:.95rem}.layout__links a{color:#e9ecffd9}.layout__links a.active{color:#fff}.layout__links span{opacity:.45}.layout__main{flex:1;width:100%}.home{display:flex;flex-direction:column;gap:3rem}.home__intro{display:flex;flex-wrap:wrap;align-items:center;gap:4rem}.home__bio{flex:1 1 300px}.home__bio h1{font-size:2.5rem;margin-bottom:.5rem;letter-spacing:-.02em}.home__bio p{line-height:1.7;font-size:1.1rem;max-width:60ch;color:#f4f6fbe6;margin-top:1.25rem;margin-bottom:0}.home__typing{margin:0;font-size:1.1rem;min-height:1.5rem}.home__typing-text{white-space:nowrap}.home__cursor{display:inline-block;width:.4em;border-right:3px solid #f5f7ff;margin-left:.1em;animation:blink .8s steps(1,end) infinite}.home__cursor--typing{animation:typing .3s steps(1,end) infinite}.home__avatar{width:300px;height:300px;border-radius:16px;object-fit:cover;border:2px solid rgba(255,255,255,.1);box-shadow:0 12px 40px #00000059;flex-shrink:0}.home__contacts{max-width:600px}.home__contacts ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.8rem}.home__contacts li{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid rgba(255,255,255,.08);padding:.6rem .2rem;font-size:1rem}.home__contacts span:first-child{color:#c7ceff99}.home__cta-buttons{display:flex;flex-wrap:wrap;gap:.75rem}.home__button{display:inline-flex;align-items:center;justify-content:center;padding:.65rem 1.4rem;border-radius:999px;font-weight:600;background:#8ab4ff;color:#06070d;border:none;transition:transform .15s ease,box-shadow .15s ease}.home__button:hover{transform:translateY(-1px);box-shadow:0 14px 28px -18px #8ab4ffcc}.home__button--ghost{background:transparent;color:#f4f6fb;border:1px solid rgba(255,255,255,.2)}.home__button--ghost:hover{box-shadow:0 12px 26px -22px #ffffffa6}@keyframes blink{0%,49%{border-color:transparent}50%,to{border-color:#f5f7ff}}@keyframes typing{0%{border-color:transparent}50%{border-color:#f5f7ff}to{border-color:transparent}}.about{display:flex;flex-direction:column;gap:3rem}.about__timeline{list-style:none;padding:0 0 0 1.5rem;margin:0;border-left:1px solid rgba(255,255,255,.1);position:relative}.about__timeline-item{position:relative;padding-left:1.5rem;padding-bottom:2rem}.about__timeline-item:last-child{padding-bottom:0}.about__timeline-dot{position:absolute;left:-1.85rem;top:.1rem;width:.7rem;height:.7rem;background:#8ab4ff;border-radius:50%;box-shadow:0 0 0 4px #06070d}.about__timeline-content{display:flex;flex-direction:column;gap:.25rem}.about__timeline-period{font-size:.85rem;color:#8ab4ffe6;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.15rem}.about__timeline-item h3{margin:0;font-size:1.15rem}.about__timeline-org{margin:0;font-weight:600;color:#e9ecffd9}.about__timeline-content p:last-child{margin-top:.5rem;color:#e9ecffb3;font-size:.95rem;line-height:1.6}.about__skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.about__skill-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.25rem}.about__skill-card h3{margin:0 0 1rem;font-size:1rem;color:#e9ecffe6}.about__chip-row{display:flex;flex-wrap:wrap;gap:.5rem}.about__chip{font-size:.8rem;background:#8ab4ff1a;color:#c5d8ff;padding:.2rem .6rem;border-radius:4px}.projects-container{display:grid;gap:2rem;grid-template-columns:1fr}@media (min-width: 900px){.projects-container{grid-template-columns:240px 1fr;align-items:start}}.projects-toc{display:none}@media (min-width: 900px){.projects-toc{display:block;position:sticky;top:2rem;padding-right:1rem;border-right:1px solid rgba(255,255,255,.1)}.projects-toc h3{margin-top:0;font-size:1.1rem;margin-bottom:1rem;color:#fff}.projects-toc ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.projects-toc a{color:#f4f6fb99;font-size:.95rem;text-decoration:none;transition:all .2s ease;display:block;line-height:1.4;border-left:2px solid transparent;padding-left:.5rem}.projects-toc a:hover{color:#f4f6fbe6}.projects-toc a.active{color:#fff;border-left-color:#fff9}.projects-toc a:hover{color:#8ab4ff}}.projects{display:flex;flex-direction:column;gap:3rem;min-width:0}.projects__grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 700px){.projects__grid{grid-template-columns:repeat(2,1fr)}}.projects__card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:1.25rem;transition:background .2s ease,transform .2s ease;display:flex;flex-direction:column}.projects__card:hover{background:#ffffff0d;transform:translateY(-2px)}.projects__card-header{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.projects__card-title{display:inline-block;margin:0;font-size:1.1rem;font-weight:600;line-height:1.3}.projects__card-title a{text-decoration:none;color:#8ab4ff;border-bottom:1px solid rgba(138,180,255,.3);transition:all .2s ease}.projects__card-title a:hover{color:#a3c2ff;border-bottom-color:#8ab4ff}.projects__card-title a[target=_blank]:after{content:" ↗";font-size:.8em;opacity:.7;display:inline-block;margin-left:4px;transition:transform .2s ease}.projects__card-title a[target=_blank]:hover:after{transform:translate(2px,-2px);opacity:1}.projects__period{font-size:.85rem;color:#ffffff80;font-family:monospace;white-space:nowrap}.projects__venue{font-style:italic;font-size:.9rem;color:#8ab4ffe6;margin-bottom:.8rem}.projects__card-content{display:flex;flex-direction:column;flex:1}.projects__card-desc{font-size:.95rem;line-height:1.6;color:#e9ecffcc;margin-top:.25rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;position:relative}.projects__card--expanded .projects__card-desc{-webkit-line-clamp:unset;overflow:visible}.projects__toggle-btn{background:none;border:none;color:#8ab4ff;font-size:.8rem;cursor:pointer;padding:0;margin-top:.5rem;align-self:flex-start;font-weight:500}.projects__toggle-btn:hover{text-decoration:underline}.projects__list{list-style:none;padding:0;display:flex;flex-direction:column;gap:1rem}.blog-container{max-width:800px;margin:0 auto;padding:2rem 0}.blog-header{margin-bottom:3rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:2rem}.blog-header h2{font-size:2.5rem;margin-bottom:.5rem;background:linear-gradient(90deg,#fff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.blog-intro{color:#fff9;margin-bottom:1.5rem}.subscribe-form{display:flex;gap:.5rem;max-width:400px}.subscribe-input{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:.6rem 1rem;color:#fff;font-family:inherit;font-size:.95rem;transition:border-color .2s}.subscribe-input::placeholder{color:#ffffff4d}.subscribe-input:focus{outline:none;border-color:#6e80ff;background:#ffffff14}.subscribe-button{padding:.6rem 1.2rem;background:linear-gradient(135deg,#6e80ff,#8da4ff);border:none;border-radius:6px;color:#fff;font-weight:500;cursor:pointer;transition:transform .1s}.subscribe-button:hover{transform:translateY(-1px)}.subscribe-button:active{transform:translateY(1px)}.subscribe-success{padding:.6rem 1rem;background:#6eff801a;border:1px solid rgba(110,255,128,.2);color:#a5fca5;border-radius:6px;display:inline-block;font-size:.95rem}.repo-link{color:#a5b4fc;text-decoration:none;font-size:1.1rem}.repo-link:hover{text-decoration:underline}.blog-nav{margin-bottom:2rem}.back-link{color:#ffffff80;text-decoration:none;font-size:.95rem;transition:color .2s ease}.back-link:hover{color:#fff}.post-header-full{margin-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:1.5rem}.post-title-full{font-size:2.5rem;margin:.5rem 0 0;line-height:1.2;color:#fff}.post-date-full{color:#a5b4fc;font-family:JetBrains Mono,monospace;font-size:.9rem}.blog-list{display:flex;flex-direction:column;gap:2rem}.blog-list-item{display:block;text-decoration:none;padding:1.5rem;border-radius:12px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);transition:transform .2s ease,background .2s ease,border-color .2s ease}.blog-list-item:hover{transform:translateY(-2px);background:#ffffff0a;border-color:#a5b4fc4d}.post-meta-list{margin-bottom:.5rem}.post-date-list{color:#ffffff80;font-size:.85rem;font-family:JetBrains Mono,monospace}.post-title-list{margin:0 0 .75rem;font-size:1.5rem;color:#fff}.post-description-list{margin:0 0 1rem;color:#ffffffb3;line-height:1.6}.read-more{font-size:.9rem;color:#a5b4fc;font-weight:500}.blog-list-item:hover .read-more{text-decoration:underline}.coursework{display:flex;flex-direction:column;gap:3rem}.coursework-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.coursework__card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.coursework__card:hover{transform:translateY(-2px);box-shadow:0 8px 20px -10px #00000080;background:#ffffff0d}.coursework__term-title{margin:0 0 1rem;font-size:1.1rem;color:#8ab4ffe6;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid rgba(255,255,255,.05);padding-bottom:.5rem}.coursework__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.6rem}.coursework__item{display:grid;grid-template-columns:85px 1fr;gap:1rem;font-size:.95rem;align-items:baseline}.coursework__code{font-family:Inconsolata,monospace;color:#e9ecff99;font-size:.9rem}.coursework__name{color:#e9ecffe6}.sketch{margin:1.5rem 0;display:inline-block;border:1px solid rgba(255,255,255,.08);border-radius:6px;overflow:hidden;box-shadow:0 14px 40px #00000073}.animations-controls{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin-bottom:1rem}.animations-controls label{display:flex;flex-direction:column;font-size:.9rem;gap:.25rem;color:#dbe1ffbf}.animations-controls input,.animations-controls select{background:#0e101ae6;color:#f4f6fb;border:1px solid rgba(255,255,255,.12);padding:.35rem .5rem;border-radius:4px}section button{background:linear-gradient(135deg,#6e80ff59,#6e80ff26);color:#f8faff;border:1px solid rgba(145,163,255,.35);padding:.4rem .8rem;border-radius:6px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}section button:hover{transform:translateY(-1px);box-shadow:0 10px 24px #5669ff40}.animations-page{max-width:1200px;margin:0 auto}.animations-header{margin-bottom:2rem}.animations-header h2{font-size:2rem;margin-bottom:.5rem;background:linear-gradient(90deg,#fff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.animations-header p{color:#ffffffb3;font-size:1.1rem}.animations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.animation-card{display:flex;flex-direction:column;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;height:100%}.animation-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0000004d;border-color:#fff3;background:#ffffff0d}.animation-preview-container{height:200px;width:100%;position:relative;background:#000;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center}.static-preview-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,#1a1c29,#0e101a);color:#fff6;font-size:.85rem;letter-spacing:.5px;text-transform:uppercase}.live-preview-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none}.live-preview-wrapper canvas{transform:scale(.4);opacity:0;animation:fadeIn .3s forwards}@keyframes fadeIn{to{opacity:1}}.animation-content{padding:1rem;flex:1;display:flex;flex-direction:column;justify-content:center}.animation-content h3{margin:0;font-size:1.1rem;color:#fff;font-weight:500;text-align:center}.thumb-bertrand{background-color:#1a1c29;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='40' fill='none' stroke='%23445' stroke-width='2'/%3E%3Cline x1='15.3' y1='30' x2='84.6' y2='70' stroke='%23ff6b6b' stroke-width='2' opacity='0.8'/%3E%3C/svg%3E");background-size:60%;background-repeat:no-repeat;background-position:center}.thumb-double-pendulum{background-color:#1a1c29;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 20 L50 50 L70 70' stroke='%23fff' stroke-width='2' fill='none'/%3E%3Ccircle cx='50' cy='50' r='3' fill='%23fff'/%3E%3Ccircle cx='70' cy='70' r='3' fill='%23fff'/%3E%3Cpath d='M70 70 Q 80 80, 60 90' stroke='%2345B649' stroke-width='1' fill='none' opacity='0.5' stroke-dasharray='2,2'/%3E%3C/svg%3E");background-size:60%;background-repeat:no-repeat;background-position:center}.thumb-balls{background-color:#1a1c29;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='30' cy='40' r='4' fill='%23FDC830'/%3E%3Ccircle cx='70' cy='60' r='4' fill='%23F37335'/%3E%3Ccircle cx='50' cy='80' r='4' fill='%23fff'/%3E%3Cpath d='M30 40 Q 40 10, 70 60' stroke='%23FDC830' stroke-width='1' fill='none' opacity='0.3'/%3E%3C/svg%3E");background-size:70%;background-repeat:no-repeat;background-position:center}.thumb-butterfly-double{background-color:#1a1c29;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 50 C 60 20, 80 80, 50 80 S 40 20, 50 50' stroke='%23DA22FF' stroke-width='1' fill='none' opacity='0.6'/%3E%3Cpath d='M50 50 C 62 22, 82 82, 50 82 S 38 22, 50 50' stroke='%239733EE' stroke-width='1' fill='none' opacity='0.6'/%3E%3C/svg%3E");background-size:70%;background-repeat:no-repeat;background-position:center}.thumb-game-of-life{background-color:#1a1c29;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Crect x='10' y='10' width='5' height='5' fill='%2300c6ff'/%3E%3Crect x='15' y='15' width='5' height='5' fill='%2300c6ff'/%3E%3Crect x='10' y='20' width='5' height='5' fill='%2300c6ff'/%3E%3Crect x='15' y='20' width='5' height='5' fill='%2300c6ff'/%3E%3Crect x='20' y='20' width='5' height='5' fill='%2300c6ff'/%3E%3Cpath d='M0 0 L40 0 L40 40 L0 40 Z' stroke='%23222' stroke-width='1' fill='none'/%3E%3C/svg%3E");background-size:40px 40px}.thumb-ising{background-color:#1a1c29;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Crect x='0' y='0' width='10' height='10' fill='%231CB5E0'/%3E%3Crect x='10' y='10' width='10' height='10' fill='%231CB5E0'/%3E%3Crect x='10' y='0' width='10' height='10' fill='%23000851'/%3E%3Crect x='0' y='10' width='10' height='10' fill='%23000851'/%3E%3C/svg%3E");background-size:40px 40px;image-rendering:pixelated}.thumb-flow-field{background-color:#1a1c29;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M10 20 Q 50 5, 90 20' stroke='%230cebeb' stroke-width='1' fill='none'/%3E%3Cpath d='M10 40 Q 50 25, 90 40' stroke='%2320e3b2' stroke-width='1' fill='none' opacity='0.8'/%3E%3Cpath d='M10 60 Q 50 45, 90 60' stroke='%230cebeb' stroke-width='1' fill='none' opacity='0.6'/%3E%3Cpath d='M10 80 Q 50 65, 90 80' stroke='%2320e3b2' stroke-width='1' fill='none' opacity='0.4'/%3E%3C/svg%3E");background-size:100% 100%}.thumb-cardioid{background-color:#1a1c29;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='40' stroke='%23333' fill='none'/%3E%3Cpath d='M50 90 C 20 60, 20 30, 50 40 C 80 30, 80 60, 50 90' stroke='%23f857a6' fill='none' stroke-width='1'/%3E%3C/svg%3E");background-size:60%;background-repeat:no-repeat;background-position:center}.thumb-aurora-veil{background-color:#1a1c29;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0 80 C 30 70, 70 90, 100 80 L 100 100 L 0 100 Z' fill='%235f2c82' opacity='0.5'/%3E%3Cpath d='M0 60 C 30 50, 70 70, 100 60 L 100 100 L 0 100 Z' fill='%2349a09d' opacity='0.3'/%3E%3C/svg%3E");background-size:100% 100%}.thumb-kuramoto{background-color:#1a1c29;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='30' stroke='%233a1c71' stroke-width='1' fill='none'/%3E%3Ccircle cx='50' cy='20' r='3' fill='%23d76d77'/%3E%3Ccircle cx='80' cy='50' r='3' fill='%23d76d77'/%3E%3Ccircle cx='50' cy='80' r='3' fill='%23d76d77'/%3E%3Ccircle cx='20' cy='50' r='3' fill='%23d76d77'/%3E%3C/svg%3E");background-size:60%;background-repeat:no-repeat;background-position:center}.thumb-bryan-clark{background-color:#1a1c29;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cline x1='10' y1='50' x2='40' y2='50' stroke='%23eacda3' stroke-width='2'/%3E%3Cpath d='M40 50 C 60 50, 60 30, 90 20' stroke='%23eacda3' stroke-width='1' fill='none'/%3E%3Cpath d='M40 50 C 60 50, 60 70, 90 80' stroke='%23eacda3' stroke-width='1' fill='none'/%3E%3C/svg%3E");background-size:80%;background-repeat:no-repeat;background-position:center}.animations-text p{line-height:1.6;color:#fffc;margin-bottom:1rem;max-width:700px}.animations-text ul{padding-left:1.5rem;margin-bottom:1.5rem;color:#fffc}.animations-text li{margin-bottom:.5rem}.animations-text strong{color:#fff}:root{color-scheme:dark;font-family:Inconsolata,monospace;line-height:1.5;font-weight:400;color:#f4f6fb;background-color:#06070d}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#06070d;color:#f4f6fb}a{color:#8ab4ff;text-decoration:none}a:hover{color:#c5d8ff}main{padding:1.5rem 1rem 3rem;max-width:960px;margin:0 auto}h1,h2,h3,h4,h5,h6{font-weight:700;color:#fbfcff}p{margin:0 0 1rem}ul{padding-left:1.2rem}code{font-family:Inconsolata,monospace}hr{border:none;border-top:1px solid rgba(255,255,255,.08)}