*{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;display:flex}header .logo{color:#0b1d51;font-size:1.8rem;font-weight:700}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;padding:6rem 2rem;display:flex;position:relative;overflow:hidden}.hero:before{content:"";z-index:0;background:radial-gradient(circle,#1e90ff33,#0000 70%);border-radius:50%;width:200px;height:200px;position:absolute;top:-50px;left:-50px}.hero:after{content:"";z-index:0;background:radial-gradient(circle,#007bff26,#0000 70%);border-radius:50%;width:150px;height:150px;position:absolute;bottom:-60px;right:-60px}.hero-content{z-index:1;max-width:800px}.hero-text h2{color:#0b1d51;margin-bottom:1rem;font-size:3.5rem;font-weight:700;animation:1s forwards fadeUp}.hero-text h3{color:#0b1d51;margin-bottom:1rem;font-size:1.6rem;font-style:italic;animation:1.2s forwards fadeUp}.hero-text p{color:#0b1d51;margin-bottom:2rem;font-size:1.2rem;font-style:italic;animation:1.4s forwards fadeUp}.hero-text .tagline{color:#1e90ff;margin-bottom:2rem;font-size:1.3rem;font-weight:600}.hero-text .btn{color:#fff;background-color:#1e90ff;border-radius:50px;padding:.8rem 2rem;font-weight:600;text-decoration:none;transition:transform .3s,background-color .3s;display:inline-block}.hero-text .btn:hover{background-color:#0b1d51;transform:scale(1.05)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media screen and (width<=768px){.hero{padding:4rem 1rem}.hero-text h2{font-size:2.5rem}.hero-text h3{font-size:1.3rem}.hero-text p,.hero-text .tagline{font-size:1rem}}.about-content{align-items:center;gap:3rem;padding:4rem 0;display:flex}.about-text,.about-img{flex:1}.about-text{color:#0b1d51;font-family:Poppins,sans-serif;font-size:1.1rem;font-style:italic;line-height:1.8}.about-text p{margin-bottom:1rem}.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:hover{transform:translateY(-5px);box-shadow:0 12px 24px #0000001a}.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 p:first-of-type{color:#1e3a8a;font-weight:500}.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}.contact-links a:hover img{filter:brightness(0)invert()}@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{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;right:16px;box-shadow:0 10px 30px #0000001f}.menu-btn{display:block}.nav-links{display:none!important}.nav-links.open{display:flex!important}}