:root{--navy-dark:#001b33;--mid-blue:#005f73;--sky-light:#94d2bd;--bg-primary:#0a1723;--bg-secondary:#002b41;--bg-third:#001b31;--text-color:#ced4da;--text-h:#ffffff;--primary:#00a0ff}*,:after,:before{box-sizing:border-box}.debug-outline *{outline:1px solid red}html{scroll-behavior:smooth;overflow-x:hidden}html,img{max-width:100%}img{height:auto}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-primary);color:var(--text-color);line-height:1.6;overflow-x:hidden;padding-top:70px}.container{max-width:1100px;margin:0 auto;padding:0 20px}#hero{min-height:calc(100vh - 70px);display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(180deg,var(--bg-primary) 0,var(--mid-blue) 100%);position:relative;padding:80px 20px 100px}#hero h1{font-size:4rem;color:var(--text-h);margin-bottom:1rem}#hero p{font-size:1.5rem;color:var(--sky-light);margin-bottom:2rem}#hero button{padding:12px 30px;font-size:1.1rem;background:var(--sky-light);border:none;border-radius:50px;cursor:pointer;transition:transform .2s}#hero button:hover{transform:scale(1.1)}#navbar{position:fixed;top:0;left:0;width:100%;background:rgba(10,23,35,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.navbar-container{display:flex;justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto;padding:0 20px;position:relative}#navbar .logo{display:flex;align-items:center;gap:10px}#navbar .logo-icon{font-size:1.8rem}#navbar .logo-text{display:flex;flex-direction:column;line-height:1.2;font-size:1.1rem}.hamburger-wrapper{display:none}.hamburger{background:none;border:none;color:var(--text-color);font-size:1.5rem;cursor:pointer;padding:8px;min-width:44px;min-height:44px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;z-index:1001;position:relative}.hamburger,.hamburger-icon{display:flex;align-items:center;justify-content:center}.hamburger-icon{width:100%;height:100%;pointer-events:none}.nav-links{gap:10px}.nav-link,.nav-links{display:flex;align-items:center}.nav-link{color:var(--text-color);text-decoration:none;padding:8px 16px;transition:color .3s,transform .2s;min-height:44px}.nav-link:hover{transform:scale(1.1);color:var(--sky-light)}.nav-link-btn{background:linear-gradient(135deg,#00a0ff,#0080cc);color:#fff;border:none;border-radius:8px;padding:8px 20px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.nav-link-btn:hover{transform:scale(1.1);box-shadow:0 6px 20px rgba(0,160,255,.4)}@media (max-width:768px){.hamburger-wrapper{display:flex!important;align-items:center;justify-content:center}.hamburger{display:flex!important;z-index:1001}.nav-links{position:fixed;top:0;right:-100%;width:70%;max-width:300px;height:100vh;background:rgba(10,23,35,.98);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;padding:80px 20px 20px;gap:0;transition:right .3s ease;z-index:1000;align-items:stretch}.nav-links.open{right:0}.nav-link{padding:15px 0;font-size:1.2rem;border-bottom:1px solid rgba(255,255,255,.1);min-height:44px;justify-content:flex-start}.nav-link-btn{margin-top:20px;width:100%;text-align:center;justify-content:center;padding:15px 20px}#navbar .logo-text{font-size:.8rem}#navbar .logo-icon{font-size:1.4rem}}@media (max-width:480px){#navbar .logo-text{font-size:.7rem}#navbar .logo-icon{font-size:1.2rem}}#navbar .container{display:flex;justify-content:space-between;align-items:center}#navbar .logo{font-size:1.5rem;color:var(--sky-light);font-weight:700}#navbar .links a{color:var(--text-color);text-decoration:none;margin-left:20px;transition:color .3s;padding:8px 0}#navbar .links a:hover{color:var(--sky-light);transform:scale(1.1);display:inline-block}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:20px;gap:20px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:var(--sky-light);font-weight:700}.form-group input{width:100%;padding:12px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.2);color:var(--text-h);font-size:1rem}.form-group input:focus{outline:none;border-color:var(--primary)}button[type=submit]{padding:12px 30px;background:var(--primary);color:white;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:700;transition:transform .2s}button[type=submit]:hover{transform:scale(1.1)}.btn-primary{padding:12px 28px;background:linear-gradient(135deg,#00a0ff,#0080cc);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;box-shadow:0 4px 15px rgba(0,160,255,.3);text-decoration:none;display:inline-block;align-items:center;gap:8px;transition:transform .2s,box-shadow .2s}.btn-primary:hover{transform:scale(1.1);box-shadow:0 6px 20px rgba(0,160,255,.4)}#navbar button{padding:8px 20px;background:var(--sky-light);color:var(--bg-primary);border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:transform .2s}.two-columns{display:grid;grid-template-columns:1fr 1fr;grid-gap:40px;gap:40px;max-width:1100px;margin:0 auto;padding:0 20px}.two-columns .container{padding:0}footer{background:var(--bg-secondary);padding:40px 20px;text-align:center;margin-top:40px}.footer-container{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:20px;gap:20px;max-width:1100px;margin:0 auto}.footer-col p{margin:0;color:var(--text-color)}.footer-col a{color:var(--primary);text-decoration:none}.logo{display:flex;align-items:center;gap:10px}.logo-icon{font-size:1.8rem;line-height:1}.nav-button{background:none;border:none;color:var(--text-color);cursor:pointer;font:inherit;padding:8px 0;margin-left:20px;transition:color .3s,transform .2s}.nav-button:hover{color:var(--sky-light);transform:scale(1.1);display:inline-block}.split-layout{display:grid;grid-template-columns:1fr 2fr;grid-gap:40px;gap:40px;align-items:flex-start;margin-top:30px}.split-image{position:-webkit-sticky;position:sticky;top:100px}.split-image img{width:100%;border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,.3)}.split-content .card{padding:15px 20px;margin:0}.split-content .card p{margin:8px 0;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.split-content .card p:last-child{border-bottom:none}.carousel,.carousel-image{position:relative;width:100%;max-width:400px}.carousel-image{aspect-ratio:4/3}.carousel-image img{border-radius:8px;object-fit:contain}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.5);color:white;border:none;padding:15px 20px;cursor:pointer;font-size:1.2rem;border-radius:8px;z-index:50}.carousel-btn.prev{left:10px;position:absolute}.carousel-btn.next{right:10px;position:absolute}.carousel-btn:hover{background:rgba(0,0,0,.8)}.carousel-dots{display:flex;justify-content:center;gap:12px;margin-top:10px}.dot{width:16px;height:16px;background:rgba(255,255,255,.3);border-radius:50%;cursor:pointer}.dot.active{background:var(--primary)}.download-links{display:flex;gap:30px;align-items:center;justify-content:center;margin-top:15px;margin-bottom:15px}.download-links a{transition:transform .2s,opacity .2s}.download-links a:hover{opacity:.7;transform:scale(1.1)}@media (max-width:768px){#hero h1{font-size:3rem}#hero p{font-size:1.3rem}h2{font-size:2rem;margin-bottom:30px}section{padding:50px 0}.card{padding:1.8rem}.split-layout,.two-columns{grid-template-columns:1fr}.split-image{position:static;text-align:center;overflow-x:hidden;max-width:100%}.carousel{width:auto;max-width:400px;margin:0 auto;display:block}.footer-container{grid-template-columns:1fr;text-align:center}.btn-primary{padding:12px 24px}#navbar button{padding:10px 20px}}@media (max-width:480px){#hero h1{font-size:2.5rem}#hero p{font-size:1.1rem}h2{font-size:1.8rem;margin-bottom:25px}section{padding:40px 0}.container{padding:0 15px}.card{padding:1.5rem}.grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.download-links,.profile-links{gap:15px;flex-wrap:wrap}.btn-primary{padding:10px 20px;font-size:.95rem}#navbar .logo-text{font-size:.8rem}.carousel,.carousel-image img{max-width:100%}}@media (max-width:360px){#navbar .logo-text{font-size:.65rem}#navbar .logo-icon{font-size:1.4rem}}section{padding:60px 0;background-color:var(--bg-primary)}h2{color:var(--sky-light);text-align:center;font-size:2.5rem;margin-bottom:40px}.h2-wave:before{content:"🌊 "}.h2-microscope:before{content:"🔬 "}.h2-computer:before{content:"💻 "}.h2-sailboat:before{content:"⛵ "}.h2-email:before{content:"📧 "}.h2-compass:before{content:"🧭 "}.card{background:linear-gradient(145deg,var(--bg-secondary),rgba(0,43,65,.8));padding:2rem;border-radius:8px;margin-bottom:20px;box-shadow:0 8px 32px rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.08)}.card h3{color:var(--primary);margin-top:0;font-size:1.25rem;letter-spacing:.5px}.card p{margin:10px 0}.card img{border-radius:8px}.full-width-content{max-width:100%}.publication-card{background:linear-gradient(145deg,var(--bg-secondary),rgba(0,43,65,.8));padding:2rem;margin-bottom:1.5rem;border-radius:8px;border-left:3px solid var(--primary);box-shadow:0 8px 32px rgba(0,0,0,.3)}.publication-title{font-size:1.25rem;margin-bottom:.5rem;color:var(--sky-light)}.publication-title a{color:var(--sky-light);text-decoration:none;transition:color .2s}.publication-title a:hover{color:var(--primary);text-decoration:underline}.publication-authors{color:var(--text-color);font-size:.95rem;margin-bottom:.25rem;line-height:1.4}.publication-venue{color:var(--text-color);opacity:.8;font-size:.9rem;margin-bottom:.5rem;font-style:italic}.publication-card .badge{display:inline-block;padding:4px 10px;background:linear-gradient(135deg,#28a745,#20c997);color:white;border-radius:8px;font-size:.75rem;font-weight:600}.code-block{margin:1.5rem 0;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.code-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background:var(--bg-secondary);color:var(--sky-light);border-bottom:1px solid rgba(255,255,255,.1)}.filename{font-size:.85rem;font-family:Consolas,Monaco,Courier New,monospace;color:var(--sky-light)}.copy-btn{padding:.3rem .8rem;background:var(--primary);color:white;border:none;border-radius:6px;cursor:pointer;font-size:.8rem;font-family:inherit;transition:background .2s,opacity .2s,transform .2s;opacity:0}.code-block:hover .copy-btn{opacity:1}.copy-btn:hover{background:var(--sky-light);transform:scale(1.05)}.copy-btn.copied{background:#28a745}pre.shiki{padding:1rem;border-radius:0 0 8px 8px;overflow-x:auto;margin:0}pre.shiki,pre.shiki[style]{background-color:var(--bg-third)!important}pre.shiki[style]{color:var(--text-color)!important}pre.shiki code{font-family:Consolas,Monaco,Courier New,monospace;font-size:.9rem;line-height:1.6}pre.shiki.show-line-numbers{counter-reset:line}pre.shiki.show-line-numbers .line:before{counter-increment:line;content:counter(line);display:inline-block;width:3rem;margin-right:1rem;text-align:right;color:rgba(255,255,255,.3);border-right:1px solid rgba(255,255,255,.1);padding-right:.5rem}pre.shiki .line.diff.remove{background:rgba(255,0,0,.1);text-decoration:line-through;opacity:.7}pre.shiki .line.diff.add{background:rgba(0,255,0,.1)}.no-posts{padding:2rem;text-align:center}.no-posts-text{color:var(--text-light)}.posts-grid{display:grid;grid-gap:2rem;gap:2rem}.post-link{text-decoration:none;color:inherit}.post-title{margin-bottom:.5rem}.post-date{color:var(--text-light);font-size:.9rem;margin-bottom:1rem}.post-excerpt{line-height:1.6;margin-bottom:1rem}.post-tags{margin-bottom:1rem}.post-tags,.post-tags-main{display:flex;gap:.5rem;flex-wrap:wrap}.post-tags-main{margin-bottom:2rem}.tag-outline{background-color:transparent;color:var(--text-light);border:1px solid rgba(255,255,255,.4)}.tag-outline,.tag-primary{font-size:.8rem;padding:.2rem .6rem;border-radius:1rem}.tag-primary{background-color:var(--primary);color:white}.read-more-container{display:flex;justify-content:flex-end}.read-more-btn{font-size:.85rem;padding:.3rem .8rem;background:linear-gradient(135deg,#00a0ff,#0080cc);color:white;border-radius:6px;display:inline-block;font-weight:600}.normal-link{color:var(--primary);text-decoration:none;transition:color .2s}.normal-link:hover{color:var(--sky-light)}.container .normal-link{display:inline-block}.margin-bottom{margin-bottom:2rem}.post-title-main{margin-bottom:.5rem}.post-meta{color:var(--text-light);font-size:.9rem;margin-bottom:1.5rem}.horizontal-card{display:flex;align-items:center;padding:0;overflow:hidden}.card-image-wrapper{width:280px;flex-shrink:0;overflow:hidden;margin:1.5rem 0 1.5rem 1.5rem}.card-image-wrapper img{width:100%;height:auto;border-radius:8px}.card-content{flex:1 1;padding:1.5rem;margin:0}@media (max-width:768px){.horizontal-card{flex-direction:column;align-items:stretch}.card-image-wrapper{width:100%;margin:0}.card-image-wrapper img{border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-left-radius:0}}