:root{--bg:#fff;--surface:#fff;--soft:#f6f8fd;--soft2:#f0f4ff;--border:#e9edf5;--text:#151a34;--muted:#626c83;--blue:#3155f5;--violet:#5c4bd7;--navy:#11172e;--shadow:0 9px 27px rgba(24,43,91,.055);--radius:16px;--container:1160px;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:var(--bg);color:var(--text);font:400 16px/1.65 system-ui,-apple-system,'Segoe UI',Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}img{max-width:100%;height:auto}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #89a6ff;outline-offset:4px}::selection{background:#d8ddff;color:#172259}.sr-only,.screen-reader-text{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}.skip-link{position:absolute;top:-90px;left:10px;background:#fff;padding:10px;z-index:1000}.skip-link:focus{top:8px}.shell{width:min(calc(100% - 64px),var(--container));margin-inline:auto}.gradient-text{background:linear-gradient(105deg,#3476fa 0%,#4e49d7 100%);background-clip:text;-webkit-background-clip:text;color:transparent}.site-header{position:relative;z-index:10;background:var(--bg);border-bottom:1px solid rgba(225,230,245,.5)}.header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:9px;line-height:1.06;font-size:15px;font-weight:800;color:var(--navy);letter-spacing:-.04em}.brand-mark{width:38px;height:38px;object-fit:contain}.brand-custom-logo{max-width:130px;max-height:46px;width:auto}.site-navigation{margin:auto}.nav-list,.nav-list ul{display:flex;gap:34px;align-items:center;margin:0;padding:0;list-style:none}.nav-list a{font-size:13px;color:#36405f;font-weight:600;transition:color .2s}.nav-list a:hover{color:var(--blue)}.nav-actions{display:flex;align-items:center;gap:13px}.mode-toggle{border:0;background:var(--soft);width:35px;height:35px;border-radius:50%;color:var(--text)}.menu-toggle{display:none;border:0;background:none;width:40px;height:40px;padding:9px}.menu-toggle span{display:block;height:2px;background:var(--text);margin:5px 0;border-radius:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:46px;padding:11px 22px;border-radius:999px;font-size:13px;font-weight:750;border:1px solid transparent;box-shadow:none;transition:transform .2s,box-shadow .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(115deg,var(--blue),var(--violet));color:#fff;box-shadow:0 6px 16px rgba(49,85,245,.15)}.btn-primary:hover{box-shadow:0 8px 24px rgba(49,85,245,.25)}.btn-small{min-height:37px;padding:8px 17px}.btn-ghost{background:var(--surface);border-color:var(--border);color:var(--navy)}.hero{display:grid;grid-template-columns:330px 1fr;align-items:center;gap:74px;padding-top:68px;padding-bottom:65px}.hero-portrait{position:relative;min-height:345px;display:flex;align-items:center;justify-content:center}.portrait-img,.portrait-placeholder{border-radius:50%;width:285px;height:285px;object-fit:cover;box-shadow:0 0 0 13px #f3f4ff,0 0 0 35px rgba(235,239,255,.4)}.portrait-placeholder{background:radial-gradient(circle at 35% 25%,#fff 6%,#e8edff 70%,#dedfff 100%);display:flex;flex-direction:column;gap:0;align-items:center;justify-content:center}.portrait-placeholder img{width:150px;height:150px;object-fit:contain}.portrait-placeholder small{font-size:10px;font-weight:800;letter-spacing:.2em;color:#6369ae}.portrait-side-note{position:absolute;left:-10px;top:100px;font-size:12px;line-height:1.5;font-weight:600;color:#6d69b2;font-style:italic;transform:rotate(-10deg)}.portrait-side-note span{font-size:25px;display:block;margin-left:70px}.eyebrow{font-size:10px;letter-spacing:.2em;text-transform:uppercase;font-weight:800;color:#687bad}.hero-copy h1{font-size:clamp(42px,5.2vw,69px);font-weight:800;letter-spacing:-.065em;line-height:1.055;margin:15px 0 5px}.hero-copy h2{font-size:21px;font-weight:650;letter-spacing:-.025em;line-height:1.4;margin:0 0 13px}.lead{font-size:16px;color:var(--muted);max-width:595px;margin:0 0 19px;line-height:1.8}.hero-chips{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:24px}.hero-chips span{display:inline-flex;align-items:center;padding:6px 10px;background:var(--soft);color:#4b5676;font-size:11px;font-weight:650;border-radius:6px}.hero-chips span.chip-availability{background:#eaf9ef;color:#247045}.hero-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.hero-social{display:flex;align-items:center;gap:8px;margin-top:21px}.social-link{display:inline-flex;justify-content:center;align-items:center;min-width:29px;height:29px;font-size:11px;font-weight:800;background:var(--soft);border:1px solid var(--border);border-radius:50%}.social-link:hover{color:var(--blue);background:var(--soft2)}.small-link{font-size:11px;color:var(--muted);padding-left:12px}.section{padding-block:44px 32px;border-top:1px solid var(--border)}.section-head{display:grid;grid-template-columns:minmax(260px,1.15fr) minmax(220px,.8fr) auto;align-items:end;gap:30px;margin-bottom:22px}.kicker{display:block;font-size:10px;letter-spacing:.23em;text-transform:uppercase;font-weight:800;color:#63708f;margin-bottom:5px}.section h2{font-size:clamp(29px,3vw,38px);letter-spacing:-.05em;line-height:1.13;margin:0;font-weight:800}.section-head p{margin:0 0 4px;font-size:13px;color:var(--muted);line-height:1.7}.section-link{font-size:12px;color:var(--blue);font-weight:700;white-space:nowrap;margin-bottom:6px}.section-link:hover{text-decoration:underline}.project-grid,.writing-grid,.resource-grid,.community-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.project-card,.writing-card,.resource-card,.community-card,.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.project-card,.writing-card,.resource-card,.community-card{transition:transform .2s,box-shadow .2s}.project-card:hover,.writing-card:hover,.resource-card:hover,.community-card:not(.informational):hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(23,35,72,.09)}.project-visual{height:184px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(130deg,#dbe7fc,#f4f6ff);position:relative}.project-visual.has-photo img{width:100%;height:100%;object-fit:cover}.visual-nevipe{background:linear-gradient(115deg,#09182b,#162f5f)}.visual-qpick{background:linear-gradient(115deg,#6f62e8,#c6cbff)}.visual-vakti{background:linear-gradient(115deg,#f8f8fb,#dce3f1)}.mini-browser{width:81%;height:158px;margin-top:47px;background:#fff;border-radius:10px 10px 0 0;box-shadow:0 14px 25px rgba(14,30,70,.24);padding:13px 16px}.mini-dots{display:flex;gap:4px}.mini-dots i{width:5px;height:5px;background:#cdd5e1;border-radius:50%}.mock-brand{font-size:22px;font-weight:900;letter-spacing:-.05em;margin:13px 0 12px;color:#2a5fd4}.visual-vakti .mock-brand{color:#d33536}.visual-qpick .mock-brand{color:#5545c5}.mock-lines{display:grid;gap:5px}.mock-lines b{height:4px;background:#dbe3f4;border-radius:3px;width:80%}.mock-lines b:nth-child(2){width:58%}.mock-lines b:nth-child(3){width:69%}.mock-panels{display:flex;gap:7px;margin-top:11px}.mock-panels i{flex:1;background:#e6eafa;height:24px;border-radius:5px}.project-body,.writing-body{padding:17px 19px 20px}.project-body h3,.writing-body h3{font-size:17px;line-height:1.3;letter-spacing:-.03em;margin:0 0 7px}.project-body h3 span{color:var(--blue)}.project-body p,.writing-body p{font-size:12px;line-height:1.65;color:var(--muted);margin:0 0 13px}.tag-row{display:flex;gap:6px;flex-wrap:wrap}.tag-row span,.tag{display:inline-flex;background:#edf2ff;color:#5966a5;font-size:10px;font-weight:650;padding:4px 7px;border-radius:5px}.writing-thumb{height:130px;display:flex;align-items:center;justify-content:center;font-size:55px;color:#e8eeff;font-weight:900;letter-spacing:-.08em;background:linear-gradient(120deg,#1c346c,#4c44a3)}.writing-thumb.with-image img{width:100%;height:100%;object-fit:cover}.article-meta{font-size:10px;color:#78829a}.writing-body h3{margin:5px 0 7px}.text-cta{color:var(--blue);font-size:11px;font-weight:800}.writing-empty{display:flex;align-items:center;gap:23px;padding:30px 26px;border:1px solid var(--border);border-radius:var(--radius);background:var(--soft);min-height:128px}.empty-icon{font-size:44px;color:var(--blue)}.writing-empty h3{font-size:18px;letter-spacing:-.03em;margin:0 0 6px}.writing-empty p{font-size:13px;color:var(--muted);margin:0;max-width:650px}.writing-empty .btn{margin-left:auto;white-space:nowrap}.learning-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.learning-card{display:flex;gap:15px;padding:23px 20px;border-radius:var(--radius);min-height:168px}.learn-read{background:#edf3ff}.learn-code{background:#f0edff}.learn-video{background:#fff0f4}.learning-icon{display:flex;align-items:center;justify-content:center;flex:0 0 43px;width:43px;height:43px;background:#fff;border-radius:50%;font-size:21px;color:var(--blue);font-weight:900}.learn-video .learning-icon{color:#f44158}.learning-card h3{font-size:15px;margin:0 0 6px;letter-spacing:-.02em}.learning-card p{font-size:12px;color:#596581;margin:0 0 13px}.learning-card div>span{font-size:11px;color:#334cd5;font-weight:700}.tutorial-panel{display:flex;align-items:center;justify-content:space-between;gap:25px;background:var(--soft);border:1px solid var(--border);border-radius:var(--radius);padding:22px 28px;margin-top:14px}.tutorial-panel h3{margin:4px 0 5px;font-size:17px}.tutorial-panel p{margin:0;color:var(--muted);font-size:12px;max-width:710px}.tutorial-panel .btn{white-space:nowrap}.resource-card{padding:24px;min-height:198px;display:flex;flex-direction:column}.resource-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:#ecf0ff;color:var(--blue);border-radius:13px;font-size:21px;font-weight:800}.resource-card h3{font-size:16px;letter-spacing:-.03em;margin:15px 0 5px}.resource-card p{font-size:12px;color:var(--muted);margin:0 0 12px;line-height:1.65}.resource-card span{font-size:11px;color:var(--blue);font-weight:700;margin-top:auto}.resource-card.informational span{color:var(--muted)}.community-grid{display:grid;grid-template-columns:repeat(3,1fr)}.community-card{padding:24px;display:flex;flex-direction:column;min-height:194px}.community-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:#eaf0ff;color:var(--blue);font-weight:900;font-size:23px}.community-card h3{font-size:16px;margin:14px 0 6px}.community-card p{font-size:12px;color:var(--muted);margin:0 0 12px}.community-card span:last-child{margin-top:auto;font-size:11px;color:var(--blue);font-weight:700}.community-card.informational span:last-child{color:var(--muted)}.experience-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:18px}.panel{padding:25px}.panel-title{display:flex;align-items:center;gap:10px;margin-bottom:18px}.panel-title h3{margin:0;font-size:16px}.panel-icon{color:var(--blue);background:#eef2ff;border-radius:8px;padding:8px;font-size:16px}.timeline{list-style:none;margin:0;padding:0}.timeline li{position:relative;display:grid;grid-template-columns:95px 1fr;gap:16px;padding:0 0 23px 17px;margin-left:3px;border-left:1px solid #c6d4ff}.timeline li:last-child{padding-bottom:0}.timeline li:before{content:"";background:var(--blue);width:8px;height:8px;position:absolute;left:-4px;top:7px;border-radius:50%;box-shadow:0 0 0 3px var(--surface)}.timeline-time{font-size:11px;color:#7b86a2;padding-top:3px}.timeline h4{font-size:13px;margin:0 0 5px}.timeline p{font-size:11px;line-height:1.65;color:var(--muted);margin:0}.small-note{font-size:10px;color:var(--muted);margin:20px 0 0}.book-box{display:flex;align-items:flex-start;gap:18px}.book-cover{width:94px;min-height:134px;flex:0 0 94px;display:flex;flex-direction:column;justify-content:space-between;padding:13px 10px;background:linear-gradient(150deg,#153570,#171f5e 65%,#395ed3);box-shadow:0 8px 18px rgba(25,36,92,.16);color:white;font-size:13px;font-weight:800;line-height:1.25;letter-spacing:-.03em}.book-cover small{font-size:12px;color:#80def2}.book-box h4{font-size:14px;margin:10px 0 6px}.book-box p{font-size:11px;color:var(--muted);margin:0 0 7px;line-height:1.6}.book-box a{color:var(--blue);font-size:11px;font-weight:700}.publication-footer{border-top:1px solid var(--border);margin-top:20px;padding-top:13px;color:var(--muted);font-size:11px}.contact-section{padding-bottom:80px}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px}.contact-aside h3{font-size:19px;letter-spacing:-.04em;margin:0 0 7px}.contact-aside p{font-size:13px;color:var(--muted);margin:0 0 18px;max-width:350px}.contact-social{display:flex;gap:8px}.contact-form{display:flex;flex-direction:column;gap:14px}.contact-form label{font-size:11px;font-weight:700;color:var(--muted);display:flex;flex-direction:column;gap:5px}.contact-form label span{color:#d53f65}.contact-form input,.contact-form textarea{border:1px solid #dfe5f1;background:var(--soft);border-radius:9px;width:100%;color:var(--text);padding:12px 14px;font-size:13px;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{background:var(--surface)}.input-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-note{font-size:11px;color:var(--muted);margin:0}.contact-form .btn{align-self:flex-start}.form-status{color:var(--blue);font-weight:700;font-size:13px}.honeypot{position:absolute;left:-100vw;width:1px;height:1px;overflow:hidden}.site-footer{border-top:1px solid var(--border);padding:24px 0 34px}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:15px}.footer-brand{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:750}.footer-inner p{font-size:11px;color:var(--muted);margin:0}.footer-social{display:flex;gap:7px}.footer-social .social-link{width:28px;height:28px}.generic-page{padding:65px 0;min-height:60vh}.generic-page h1{font-size:clamp(36px,5vw,58px);letter-spacing:-.055em;line-height:1.15;margin:0 0 20px}.post-shell{width:min(calc(100% - 40px),780px);margin:65px auto}.post-shell h1{letter-spacing:-.05em;line-height:1.12;font-size:clamp(35px,5vw,58px)}.post-shell p,.post-shell li{font-size:17px;line-height:1.8}.post-shell pre{overflow:auto;max-width:100%;background:#111d37;color:#e6f1ff;border-radius:12px;padding:18px}.post-shell img{height:auto}.post-shell a{color:var(--blue);text-decoration:underline}.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.archive-entry{padding:25px;border:1px solid var(--border);border-radius:15px}.archive-entry h2{font-size:20px}.archive-entry p{color:var(--muted);font-size:13px}.archive-entry a{color:var(--blue)}
/* Dark mode is optional, persisted locally. */
html[data-theme="dark"]{--bg:#111526;--surface:#1b2034;--soft:#202743;--soft2:#282e4b;--border:#323b56;--text:#f0f3ff;--muted:#bdc5d7;--navy:#f3f5ff;--shadow:0 12px 30px rgba(0,0,0,.14);color-scheme:dark}html[data-theme="dark"] .brand,html[data-theme="dark"] .nav-list a,html[data-theme="dark"] .btn-ghost{color:var(--text)}html[data-theme="dark"] .hero-chips span{color:#e6e9ff}html[data-theme="dark"] .learning-card{background:#242a48}html[data-theme="dark"] .learning-card p,html[data-theme="dark"] .learning-card div>span{color:#cbd3f9}html[data-theme="dark"] .learning-icon{background:#151a34}html[data-theme="dark"] .book-cover{background:#152f60}html[data-theme="dark"] .contact-form input,html[data-theme="dark"] .contact-form textarea{border-color:var(--border)}
@media(max-width:1040px){.shell{width:min(calc(100% - 44px),var(--container))}.hero{gap:38px;grid-template-columns:270px 1fr}.hero-portrait{min-height:310px}.portrait-img,.portrait-placeholder{width:235px;height:235px}.section-head{grid-template-columns:1fr auto}.section-head p{grid-column:1/-1;grid-row:2}.section-link{grid-column:2;grid-row:1}.nav-list{gap:20px}.resource-card,.community-card{padding:18px}}
@media(max-width:760px){.shell{width:min(calc(100% - 34px),var(--container))}.header-inner{min-height:65px;gap:12px}.brand{font-size:12px}.brand-mark{width:30px;height:30px}.menu-toggle{display:block;order:3}.site-navigation{display:none;position:absolute;top:64px;left:0;right:0;background:var(--surface);box-shadow:0 13px 23px rgba(0,0,0,.1);padding:18px 24px;border-bottom:1px solid var(--border)}.site-navigation.is-open{display:block}.nav-list,.nav-list ul{display:flex;flex-direction:column;gap:0;align-items:stretch}.nav-list a{display:block;padding:12px}.nav-actions{margin-left:auto;gap:7px}.nav-actions .btn{display:none}.hero{display:flex;flex-direction:column;gap:17px;padding-top:37px;padding-bottom:49px}.hero-portrait{min-height:235px;width:100%;order:0}.portrait-img,.portrait-placeholder{width:204px;height:204px;box-shadow:0 0 0 12px #f3f4ff,0 0 0 27px rgba(235,239,255,.4)}.portrait-placeholder img{width:110px;height:110px}.portrait-side-note{left:calc(50% - 165px);top:50px;font-size:10px}.hero-copy{text-align:center;order:1}.hero-copy h1{font-size:43px;margin:10px 0 5px}.hero-copy h2{font-size:18px}.lead{font-size:14px}.hero-chips,.hero-actions,.hero-social{justify-content:center}.hero-social{margin-top:15px}.section{padding-block:32px}.section-head{display:flex;align-items:flex-start;flex-wrap:wrap;gap:8px 20px}.section-head>div{width:100%}.section-head p{flex:1 1 200px}.section-link{align-self:center;margin-left:auto}.section h2{font-size:30px}.project-grid,.writing-grid,.resource-grid,.community-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.experience-grid,.contact-grid{grid-template-columns:1fr}.contact-grid{gap:22px}.learning-grid{grid-template-columns:1fr}.learning-card{min-height:115px}.tutorial-panel{flex-direction:column;align-items:flex-start}.footer-inner{flex-wrap:wrap}.footer-inner p{order:3;width:100%}}
@media(max-width:520px){.hero-copy h1{font-size:38px}.hero-copy h2{font-size:17px}.hero-chips span{font-size:10px}.project-grid,.writing-grid,.resource-grid,.community-grid,.archive-grid{grid-template-columns:1fr}.project-visual{height:200px}.section h2{font-size:29px}.section-link{font-size:11px}.section-head p{font-size:12px}.input-row{grid-template-columns:1fr}.book-box{gap:12px}.book-cover{flex-basis:72px;width:72px;min-height:100px;font-size:10px}.timeline li{grid-template-columns:77px 1fr;gap:12px}.panel{padding:18px}.small-link{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Optional homepage content blocks — v0.2 */
.custom-section-body{max-width:830px;padding:20px 0 10px;color:var(--text);font-size:16px;line-height:1.8}.custom-section-body p{margin:0 0 1em}.custom-section-body a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.custom-section-body ul,.custom-section-body ol{padding-left:24px}.project-grid:has(> :only-child),.writing-grid:has(> :only-child),.resource-grid:has(> :only-child),.community-grid:has(> :only-child){grid-template-columns:minmax(0,480px)}