*{box-sizing:border-box}html,body{width:100%;overflow-x:hidden}img,video{max-width:100%;height:auto;display:block}.container{width:min(1100px,100%);margin:0 auto;padding:0 16px}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}body{color:#0d1b2a;background-color:#fff;line-height:1.6}.container{width:90%;max-width:1200px;margin:0 auto}header{z-index:1000;background-color:#fff;padding:1rem 2rem;position:sticky;top:0;box-shadow:0 2px 5px #0000000d}header nav.container{justify-content:space-between;align-items:center;gap:1rem;display:flex}header .menu-btn{order:1}header .theme-btn{order:3}header .nav-links{gap:2rem;list-style:none;display:flex}header .nav-links li a{color:#0b1d51;font-weight:500;text-decoration:none;transition:color .3s,transform .3s}header .nav-links li a:hover{color:#1e90ff;transform:translateY(-2px)}.theme-btn{background-color:var(--accent-color,#1e90ff);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-left:1.2rem;font-size:1.2rem;transition:background-color .3s,transform .3s,box-shadow .3s;display:flex}.theme-btn:hover{background-color:#0b1d51;transform:scale(1.1);box-shadow:0 4px 12px #0003}@media screen and (width<=768px){.theme-btn{margin-top:1rem}}.hero{text-align:center;background-color:#fff;justify-content:center;min-height:560px;padding:clamp(5rem,12vw,9rem) 2rem;display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(at 50% 0,#1e90ff14,#0000 58%);width:100%;height:100%;position:absolute;top:0;left:0}.hero:after{content:none}.hero-content{z-index:1;width:min(100%,780px);position:relative}.hero-text h2{color:#0b1d51;letter-spacing:-.045em;margin:0 0 1.25rem;font-size:clamp(2.6rem,7vw,4.5rem);font-weight:700;line-height:1.08;animation:.7s both fadeUp}.hero-text h3{color:#34415b;max-width:36ch;margin:0 auto 1.25rem;font-size:clamp(1.15rem,2.5vw,1.5rem);font-style:normal;font-weight:400;line-height:1.55;animation:.8s both fadeUp}.hero-text .tagline{color:#42617f;letter-spacing:.01em;margin:0 0 2rem;font-size:1.05rem;font-style:normal;font-weight:500;animation:.9s both fadeUp}.hero-text .btn{color:#fff;background-color:#0b1d51;border:1px solid #0b1d51;border-radius:6px;justify-content:center;align-items:center;min-height:48px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:background-color .2s,color .2s,transform .2s;display:inline-flex}.hero-text .btn:hover{color:#0b1d51;background-color:#fff;transform:translateY(-2px)}.hero-text .btn:focus-visible{outline-offset:3px;outline:3px solid #1e90ff8c}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.hero-text h2,.hero-text h3,.hero-text .tagline{animation:none}}@media screen and (width<=768px){.hero{min-height:460px;padding:5rem 1.25rem}}.about-content{align-items:center;gap:3rem;padding:4rem 0;display:flex}.about-text,.about-img{flex:1}.about-img img{border-radius:12px;width:100%;height:auto;box-shadow:0 8px 20px #1e3a8a1a}@media (width<=768px){.about-content{text-align:center;flex-direction:column}}.projects{text-align:center;padding:4rem 0}.projects h2{color:#0b1d51;margin-bottom:2rem;font-size:2.5rem;font-weight:700}.project-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));justify-items:center;gap:2rem;display:grid}.project-card{text-align:left;background-color:#fff;border-radius:12px;max-width:350px;padding:1.5rem;transition:transform .3s,box-shadow .3s;box-shadow:0 8px 20px #0000000d}.project-card img{border-radius:8px;width:100%;margin-bottom:1rem}.project-card h3{color:#0b1d51;margin-bottom:.5rem;font-size:1.5rem;font-weight:600}.project-card p{color:#1e3a8a;margin-bottom:.5rem;font-style:italic}.project-card .tech{color:#3b5b9b;margin-bottom:1rem;font-size:.9rem;font-weight:500}.project-card .btn{color:#fff;background-color:#0b1d51;border-radius:50px;padding:.6rem 1.4rem;font-weight:500;text-decoration:none;transition:background-color .3s,transform .3s;display:inline-block}.project-card .btn:hover{background-color:#1e90ff;transform:scale(1.05)}.writing-text{flex:1;max-width:62ch;font-style:italic}.writing-text h2{margin-bottom:1rem;font-size:2.5rem}.writing-text p{font-size:1.1rem;line-height:1.6}.featured-project{text-align:left;background:linear-gradient(#1e90ff14,#fff);border-radius:16px;grid-template-columns:1.2fr .8fr;gap:2rem;margin:2rem auto 3rem;padding:2rem;display:grid;box-shadow:0 12px 30px #0000000f}.badge{color:#fff;background:#0b1d51;border-radius:999px;margin-bottom:.9rem;padding:.35rem .8rem;font-size:.85rem;font-weight:600;display:inline-block}.featured-title{color:#0b1d51;margin-bottom:.8rem;font-size:2rem}.featured-desc{color:#1e3a8a;margin-bottom:1rem;font-style:italic;line-height:1.7}.featured-points{color:#0d1b2a;margin:0 0 1rem 1.1rem}.featured-points li{margin-bottom:.5rem}.featured-tech{color:#1e90ff;margin-bottom:1.2rem;font-weight:600}.featured-links{flex-wrap:wrap;gap:1rem;display:flex}.btn-outline{border:2px solid #0b1d51;color:#0b1d51!important;background:0 0!important}.btn-outline:hover{color:#fff!important;background:#0b1d51!important}.featured-right img{object-fit:cover;border-radius:14px;width:100%;height:100%;max-height:280px;box-shadow:0 10px 25px #00000014}@media screen and (width<=900px){.featured-project{grid-template-columns:1fr}.featured-right img{max-height:240px}}.writing-grid{grid-template-columns:1fr 420px;align-items:flex-start;gap:4rem;margin-top:3rem;display:grid}.writing-card{background-color:#fff;border-radius:12px;flex-direction:column;justify-content:space-between;padding:1.5rem;transition:transform .3s,box-shadow .3s;display:flex;box-shadow:0 4px 15px #0000000d}.writing-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001a}.writing-card h3{color:#0b1d51;margin-bottom:.8rem;font-size:1.2rem;font-weight:600}.writing-card p{color:#1e3a8a;margin-bottom:1rem;font-style:italic}.writing-card .btn{color:#fff;background-color:#0b1d51;border-radius:25px;align-self:flex-start;padding:.5rem 1.2rem;font-weight:500;text-decoration:none;transition:background-color .3s,transform .3s}.writing-card .btn:hover{background-color:#1e90ff;transform:scale(1.05)}.skills-list{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:1.5rem;display:flex}.skills-list span{color:#0b1d51;cursor:default;background-color:#e0e7ff;border-radius:25px;padding:.5rem 1rem;font-size:.95rem;font-weight:500;transition:transform .3s,background-color .3s}.skills-list span:hover{color:#fff;background-color:#1e90ff;transform:translateY(-2px)}.skills h2{color:#0b1d51;text-align:center;margin-bottom:2rem;font-size:2.5rem;font-weight:700}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.skills-list span{animation:.6s forwards fadeInUp}.contact h2{color:#0b1d51;margin-bottom:1.5rem;font-size:2.8rem;font-weight:700}.contact p{color:#0d1b2a;margin-bottom:1rem;font-size:1.2rem;font-style:italic;font-weight:400;line-height:1.7}.contact-links{justify-content:center;gap:1rem;margin-top:1rem;padding:0;list-style:none;display:flex}.contact-links li{display:inline-block}.contact-links a{background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .3s,box-shadow .3s,background-color .3s;display:inline-flex;overflow:hidden;box-shadow:0 4px 12px #0000001a}.contact-links a img{width:60%;height:auto}.contact-links a:hover{background-color:#1e90ff;transform:scale(1.1);box-shadow:0 6px 18px #00000026}@media screen and (width<=600px){.contact-links{flex-direction:row;justify-content:center;gap:1rem}}.footer{color:#0b1d51;background-color:#fff;border-top:1px solid #e0e7ff;padding:2rem 0}.footer-content{flex-wrap:wrap;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}.footer-content p{margin:0;font-size:.95rem;font-weight:500}.footer .social-icons{gap:1rem;display:flex}.footer .social-icons a{background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;transition:transform .3s,box-shadow .3s,background-color .3s;display:inline-flex;overflow:hidden;box-shadow:0 4px 12px #0000001a}.footer .social-icons a img{width:60%;height:auto}.footer .social-icons a:hover{background-color:#1e90ff;transform:scale(1.1);box-shadow:0 6px 18px #00000026}.footer .social-icons a:hover img{filter:brightness(0)invert()}@media screen and (width<=768px){.footer-content{flex-direction:column;align-items:center;gap:1rem}}body.dark-mode{color:#f1f1f1;background-color:#0b0c10}body.dark-mode header,body.dark-mode footer{color:#eee;background-color:#111}body.dark-mode .theme-btn{color:#111;background-color:gold}.featured-links,.project-links{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.featured-links .btn,.project-links .btn{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:10px 22px;font-size:14px;font-weight:600;line-height:1;display:inline-flex}.featured-links .btn.btn-outline,.project-links .btn.btn-outline{border-radius:999px}@media screen and (width<=480px){.featured-links,.project-links{flex-direction:column;align-items:stretch}.featured-links .btn,.project-links .btn{width:100%}}.project-links{flex-wrap:wrap;gap:1rem;margin-top:1rem;display:flex}.project-links .btn{text-align:center;justify-content:center;align-items:center;min-width:120px;display:inline-flex}.project-card .btn.btn-outline{color:#0b1d51!important;background:0 0!important;border:2px solid #0b1d51!important}.project-card .btn.btn-outline:hover{color:#fff!important;background:#0b1d51!important}.project-card .project-links a.btn{color:#fff!important;background-color:#0b1d51!important;border-radius:50px!important;justify-content:center!important;align-items:center!important;padding:.6rem 1.4rem!important;font-weight:500!important;text-decoration:none!important;display:inline-flex!important}.project-card .project-links a.btn:hover{background-color:#1e90ff!important;transform:scale(1.05)!important}.project-card .project-links a.btn.btn-outline{color:#0b1d51!important;background:0 0!important;border:2px solid #0b1d51!important}.project-card .project-links a.btn.btn-outline:hover{color:#fff!important;background:#0b1d51!important}.project-links{flex-wrap:wrap;align-items:center;gap:14px;margin-top:12px;display:flex}.project-links a{text-decoration:none!important}.project-links a.btn{transition:background-color .3s,transform .3s;color:#fff!important;white-space:nowrap!important;background:#0b1d51!important;border:2px solid #0b1d51!important;border-radius:999px!important;justify-content:center!important;align-items:center!important;padding:10px 22px!important;font-weight:600!important;line-height:1!important;display:inline-flex!important}.project-links a.btn:hover{background:#1e90ff!important;border-color:#1e90ff!important;transform:scale(1.05)!important}.project-links a.btn.btn-outline{color:#0b1d51!important;background:0 0!important;border:2px solid #0b1d51!important}.project-links a.btn.btn-outline:hover{color:#fff!important;background:#0b1d51!important;transform:scale(1.05)!important}.series-card{border:1px solid #00f0ff59;box-shadow:0 10px 30px #00f0ff14}.series-tag{opacity:.7;margin-top:-6px;font-size:.75rem}.series-section{margin-top:3rem;padding-top:1rem}.series-head h2{margin-bottom:.25rem}.series-sub{opacity:.7;margin-bottom:1.5rem}.series-entry{background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;margin-bottom:12px;padding:14px}.series-entry h4{margin:0 0 6px}.series-date{opacity:.6;margin-top:8px;font-size:.75rem;display:inline-block}.nns-body{color:#ffffffeb;background:#050505}.nns-wrap{max-width:960px;margin:0 auto;padding:36px 22px 100px}.nns-top{justify-content:flex-start;margin-bottom:22px;display:flex}.nns-back{opacity:.8;font-weight:700;text-decoration:none}.nns-back:hover{opacity:1}.nns-header{border-bottom:1px solid #ffffff14;margin-bottom:32px;padding:24px 0 30px}.nns-title{margin:0 0 10px;font-size:2.2rem}.nns-sub{opacity:.75;max-width:60ch;margin:0;line-height:1.6}.nns-list{flex-direction:column;gap:28px;display:flex}.nns-entry{background:#ffffff09;border:1px solid #ffffff14;border-radius:22px;padding:28px 26px}.nns-entry-top{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:18px;display:flex}.nns-entry-title{margin:0;font-size:1.25rem}.nns-entry-date{opacity:.65;white-space:nowrap;font-size:.85rem}.nns-entry-text{max-width:70ch}.nns-entry-text p{margin:0 0 16px;line-height:1.75}.nns-divider{text-align:center;opacity:.7;letter-spacing:.15em;margin:28px 0}.muted{opacity:.65}.nns-locked{opacity:.8}@media (width<=900px){.writing-grid{grid-template-columns:1fr;gap:2.5rem}}.writing-content{align-items:flex-start;gap:2.5rem;margin-bottom:2.5rem;display:flex}.writing-img{flex:1}.writing-img img{border-radius:10px;width:100%;max-width:400px;box-shadow:0 8px 20px #1e3a8a1a}.writing-text{flex:1;max-width:62ch}.writing-grid{grid-template-columns:repeat(2,minmax(260px,1fr));gap:2rem;margin-top:0;display:grid}@media (width<=900px){.writing-content{flex-direction:column}.writing-grid{grid-template-columns:1fr;gap:2.5rem}.writing-text{max-width:100%}}.writing-drop{color:#0b1d51;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;margin-top:14px;padding:0;font-size:1.05rem;font-style:italic;font-weight:600;transition:transform .2s,opacity .2s;display:inline-flex}.writing-drop:hover{opacity:.85;transform:translateY(-1px)}.drop-arrow{transition:transform .25s;display:inline-block}.writing-drop-area{opacity:0;max-height:0;transition:max-height .45s,opacity .35s,transform .35s;overflow:hidden;transform:translateY(-6px)}.writing-drop-area.open{opacity:1;max-height:1400px;transform:translateY(0)}.writing-drop.open .drop-arrow{transform:rotate(180deg)}.writing-toggle{color:#1e3a8a;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-top:1.2rem;padding:0;font-size:1rem;font-style:italic;display:inline-flex}.writing-toggle:hover{text-decoration:underline}.writing-toggle .chevron{transition:transform .3s}.writing-toggle.open .chevron{transform:rotate(180deg)}.writing-drop{max-height:0;margin-top:1.5rem;transition:max-height .5s;overflow:hidden}.writing-drop.open{max-height:1200px}.glimpse-btn{color:#0b1d51;cursor:pointer;background:#f2f4f8;border-radius:999px;align-items:center;gap:6px;width:fit-content;margin-top:14px;padding:6px 14px;font-size:.9rem;font-style:italic;transition:background .3s;display:inline-flex}.glimpse-btn:hover{background:#e6e9f2}.glimpse-btn span{transition:transform .3s}.writing-grid{margin-top:2.5rem;display:none}.writing.open .writing-grid{display:grid}.writing.open .glimpse-btn span{transform:rotate(180deg)}.glimpse-btn{cursor:pointer;background:#e9eef7;border:0;border-radius:999px;align-items:center;gap:10px;margin-top:18px;padding:12px 18px;font-style:italic;display:inline-flex}.writing-drop{margin-top:18px;display:none}section.writing.open .writing-drop{display:block}.glimpse-btn{color:#0b1d51;cursor:pointer;background:#eef2ff;border:none;border-radius:999px;align-items:center;gap:10px;margin-top:18px;padding:12px 18px;font-style:italic;font-weight:600;display:inline-flex}.writing-drop{opacity:0;max-height:0;transition:max-height .5s,opacity .3s;overflow:hidden}.writing.open .writing-drop{opacity:1;max-height:2000px;margin-top:24px}.writing.open .glimpse-arrow{transition:transform .2s;display:inline-block;transform:rotate(180deg)}.glimpse-arrow{transition:transform .2s;display:inline-block}.glimpse-btn{cursor:pointer;color:#0b1d51;background:#e9edf5;border:none;border-radius:999px;align-items:center;gap:10px;margin-top:18px;padding:12px 18px;font-style:italic;font-weight:600;transition:transform .2s,box-shadow .2s;display:inline-flex}.glimpse-btn:hover{transform:translateY(-1px);box-shadow:0 10px 20px #0b1d5114}.glimpse-btn:active{transform:scale(.99)}.glimpse-arrow{opacity:.75;font-style:normal}.writing-hub{width:90%;max-width:1100px;margin:0 auto;padding:40px 0 90px}.writing-hub-top{grid-template-columns:120px 1fr;align-items:start;gap:20px;margin-bottom:26px;display:grid}.writing-hub-head .nns-title{margin:0 0 8px}.writing-hub-head .nns-sub{max-width:65ch;margin:0}.writing-hub-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.writing-hub-card{background:#fff;border:1px solid #0b1d5114;border-radius:16px;flex-direction:column;gap:10px;padding:18px;display:flex;box-shadow:0 10px 26px #0000000f}.writing-hub-card-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.writing-hub-card h3{color:#0b1d51;margin:0;font-size:1.1rem}.chip{color:#0b1d51;white-space:nowrap;background:#1e90ff1f;border:1px solid #1e90ff33;border-radius:999px;padding:6px 10px;font-size:.75rem;font-weight:700}.chip-soon{opacity:.75}.writing-hub-card .btn{align-self:flex-start;margin-top:8px}@media (width<=900px){.writing-hub-top,.writing-hub-grid{grid-template-columns:1fr}}.story-blog{max-width:820px;margin:0 auto;padding:32px 18px 90px}.story-blog-head{align-items:flex-start;gap:18px;margin-bottom:28px;display:flex}.blog-back{color:#0b1d51;opacity:.8;font-weight:700;text-decoration:none}.blog-back:hover{opacity:1}.blog-brand{flex:1}.blog-title{color:#0b1d51;margin:0 0 4px;font-size:2.2rem;font-weight:800}.blog-tagline{color:#1e3a8a;opacity:.85;margin:0;font-style:italic}.story-blog-list{border-top:1px solid #0b1d5114;flex-direction:column;gap:26px;padding-top:14px;display:flex}.story-item{border-bottom:1px solid #0b1d5114;padding:4px 0 18px}.story-title{color:#0b1d51;margin:0 0 10px;font-size:1.7rem;font-weight:800}.story-excerpt{color:#0d1b2a;max-width:70ch;margin:0 0 12px;font-style:italic;line-height:1.85}.story-link{color:#1e90ff;font-weight:700;text-decoration:none;display:inline-block}.story-link:hover{text-decoration:underline}@media (width<=700px){.blog-title{font-size:1.9rem}.story-title{font-size:1.45rem}}.cw-overlay{z-index:9999;background:#0000008c;justify-content:center;align-items:center;padding:18px;display:none;position:fixed;inset:0}.cw-overlay.open,.cw-overlay.show{display:flex}.cw-modal{background:#fff;border-radius:16px;width:min(520px,95vw);padding:20px 18px;box-shadow:0 18px 60px #00000038}.cw-title{margin:0 0 8px;font-size:20px;font-weight:800}.cw-text{opacity:.9;margin:0 0 14px;line-height:1.6}.cw-check{opacity:.9;align-items:center;gap:10px;margin-bottom:16px;font-size:14px;display:flex}.cw-actions{justify-content:flex-end;gap:10px;display:flex}.cw-btn{cursor:pointer;border:1px solid #0000001f;border-radius:12px;padding:10px 14px;font-weight:700}.cw-btn--ghost{background:#fff}.cw-btn--solid{color:#fff;background:#111;border-color:#111}.menu-btn{cursor:pointer;background:0 0;border:none;font-size:26px;display:none}.nav-links{align-items:center;gap:24px;display:flex}@media (width<=768px){header nav.container{position:relative}.nav-links{z-index:999;background:#fff;border-radius:12px;flex-direction:column;align-items:flex-start;gap:14px;padding:16px;display:none;position:absolute;top:64px;left:0;right:auto;box-shadow:0 10px 30px #0000001f}.menu-btn{display:block}.nav-links{display:none!important}.nav-links.open{display:flex!important}}.about,.projects,.writing,.skills,.contact{padding-top:clamp(3.5rem,7vw,5.5rem);padding-bottom:clamp(3.5rem,7vw,5.5rem);scroll-margin-top:88px}.about>h1,.projects>h2,.skills>h2,.contact>h2,.writing-text>h2{color:#0b1d37;letter-spacing:-.035em;margin:0 0 1.75rem;font-size:clamp(1.8rem,4vw,2.5rem);font-weight:650;line-height:1.2}.about-content{gap:clamp(2rem,5vw,4rem);padding:0}.about-text{color:#485568;font-family:inherit;font-size:1rem;font-style:normal;line-height:1.8}.about-text p{margin-bottom:1.15rem}.about-text h3{color:#263851;margin:0 0 1.25rem;font-size:1.2rem;font-style:normal;font-weight:550;line-height:1.55}.about-text .quote{background:#f5f7fa;border-left:3px solid #8aa6c2;margin:1.75rem 0;padding:1rem 1.25rem}.about-text .quote h3{color:#3c4c61;margin:0;font-size:1rem;font-weight:500}.about-text .highlights{color:#485568;gap:.65rem;padding-left:1.25rem;display:grid}.about-img img,.writing-img img{border-radius:10px;box-shadow:0 12px 32px #10233e1a}.projects{text-align:left}.projects>h2{text-align:center}.featured-project{background:#f7f9fb;border:1px solid #e3e8ee;border-radius:12px;gap:clamp(1.5rem,4vw,3rem);padding:clamp(1.25rem,3vw,2.25rem);box-shadow:0 12px 32px #10233e0f}.badge{color:#263851;background:#e8eef5;border-radius:4px}.featured-title,.project-card h3{color:#172b45;letter-spacing:-.02em}.featured-desc,.project-card p{color:#536174;font-style:normal;line-height:1.7}.featured-points{color:#435166}.featured-tech,.project-card .tech{color:#536d89;font-style:normal}.featured-right img{box-shadow:none;border-radius:8px}.project-card{border:1px solid #e3e8ee;border-radius:10px;width:100%;max-width:420px;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 24px #10233e0d}.project-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px #10233e1a}.project-card img{border-radius:6px}.project-card .btn,.project-links a.btn{transition:background-color .2s,border-color .2s,color .2s,transform .2s;background:#0b1d37!important;border-color:#0b1d37!important;border-radius:6px!important}.project-card .btn:hover,.project-links a.btn:hover{background:#263f5d!important;border-color:#263f5d!important;transform:translateY(-1px)!important}.project-card .btn.btn-outline,.project-links a.btn.btn-outline{color:#0b1d37!important;background:0 0!important}.project-card .btn.btn-outline:hover,.project-links a.btn.btn-outline:hover{color:#fff!important;background:#0b1d37!important}.writing-content{align-items:center;gap:clamp(2rem,5vw,4rem);margin:0}.writing-text{color:#536174;font-style:normal;line-height:1.75}.writing-text p{margin-bottom:1rem;font-size:1rem}.writing-text .intro{color:#263851;font-weight:550}.glimpse-btn{color:#193653;background:#fff;border:1px solid #cbd5df;border-radius:6px;font-style:normal;font-weight:600}.glimpse-btn:hover{box-shadow:none;background:#f2f5f8;transform:translateY(-1px)}.skills>h2,.contact>h2{text-align:center}.skills-list{gap:.7rem;margin-top:0}.skills-list span{color:#34465c;background:#f7f9fb;border:1px solid #dce3ea;border-radius:6px;padding:.55rem .9rem;font-size:.9rem;font-weight:500;transition:border-color .2s,background-color .2s;animation:none}.skills-list span:hover{color:#263851;background:#edf2f7;border-color:#9aafc4;transform:none}.contact{text-align:center}.contact p{color:#536174;font-size:1rem;font-style:normal;line-height:1.7}.contact p:first-of-type{color:#263851;font-weight:500}.contact-links{gap:.8rem;margin-top:1.5rem}.contact-links a{width:44px;height:44px;box-shadow:none;background:#fff;border:1px solid #dce3ea;transition:border-color .2s,background-color .2s}.contact-links a:hover{box-shadow:none;background:#f2f5f8;border-color:#9aafc4;transform:none}.contact-links a:hover img{filter:none}.footer{color:#536174;background:#f7f9fb;border-top-color:#e3e8ee;padding:1.5rem 5%}.footer-content{text-align:center;justify-content:center}.footer-content p{font-size:.875rem;font-weight:400}@media (width<=768px){.about,.projects,.writing,.skills,.contact{padding-top:3.5rem;padding-bottom:3.5rem}.about-content{text-align:left}.writing-content{align-items:stretch}}@media (prefers-reduced-motion:reduce){.project-card,.project-card .btn,.project-links a.btn,.glimpse-btn,.skills-list span,.contact-links a{transition:none}}.theme-btn{color:#263851;background:#fff;border:1px solid #dce3ea;border-radius:8px;width:40px;height:40px;margin:0 0 0 1.2rem;transition:border-color .2s,background-color .2s,color .2s}.theme-btn:hover{color:#0b1d37;box-shadow:none;background:#f2f5f8;border-color:#9aafc4;transform:none}.theme-btn:focus-visible{outline-offset:2px;outline:3px solid #1e90ff66}.theme-icon{width:19px;height:19px;display:none}.theme-icon--moon{display:block}body.dark-mode .theme-btn{color:#e4ecf5;background:#172233;border-color:#46566b}body.dark-mode .theme-btn:hover{background:#223249;border-color:#8296ad}body.dark-mode .theme-icon--moon{display:none}body.dark-mode .theme-icon--sun{display:block}@media (width<=768px){.theme-btn{margin:0}}