:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172033;background:#f4f7fb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-width:320px;background:linear-gradient(rgba(23,32,51,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(23,32,51,.035) 1px,transparent 1px),linear-gradient(120deg,rgba(37,99,235,.13),transparent 30%),linear-gradient(155deg,transparent 45%,rgba(16,185,129,.13) 100%),linear-gradient(180deg,#fff,#eef3f9);background-size:44px 44px,44px 44px,auto,auto,auto}button,a{font:inherit}a{color:inherit}p,li{text-align:justify;text-align-last:left;text-justify:inter-word}.app-shell{min-height:100vh;overflow-x:hidden;padding-top:92px}.site-header{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:100;display:flex;align-items:center;justify-content:space-between;gap:16px;width:min(1180px,calc(100% - 32px));margin:0;padding:10px 12px;border:1px solid rgba(255,255,255,.68);border-radius:24px;background:#ffffffb3;box-shadow:0 20px 70px #1e293b24;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.logo{display:inline-grid;place-items:center;flex:0 0 auto;width:54px;height:54px;padding:0;border:0;border-radius:12px;background:transparent;cursor:pointer;overflow:visible}.logo img{display:block;width:100%;height:100%;object-fit:contain;object-position:left center}.site-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:4px}.site-nav a,.nav-group-toggle{display:inline-flex;align-items:center;min-height:38px;border:0;padding:8px 12px;border-radius:12px;color:#526174;background:transparent;cursor:pointer;font-size:.92rem;font-weight:650;text-decoration:none;transition:color .2s ease,background .2s ease,transform .2s ease}.site-nav a:hover,.site-nav a.active,.nav-group.active .nav-group-toggle,.nav-group:hover .nav-group-toggle,.nav-group:focus-within .nav-group-toggle{color:#0f3d99;background:linear-gradient(135deg,#2563eb1f,#10b9811a)}.site-nav a:hover,.nav-group-toggle:hover{transform:translateY(-1px)}.nav-group{position:relative}.nav-group-toggle{gap:7px}.nav-group-toggle span{width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg)}.nav-submenu{position:absolute;top:calc(100% + 8px);left:0;z-index:120;display:grid;min-width:190px;gap:4px;padding:8px;border:1px solid rgba(23,32,51,.09);border-radius:16px;background:#fffffff5;box-shadow:0 18px 48px #24395f29;opacity:0;pointer-events:none;transform:translateY(6px);transition:opacity .18s ease,transform .18s ease}.nav-group:hover .nav-submenu,.nav-group:focus-within .nav-submenu,.nav-group.open .nav-submenu{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-submenu a{justify-content:flex-start;width:100%;min-height:38px}.language-toggle{display:inline-flex;flex:0 0 auto;align-items:center;gap:2px;padding:4px;border:1px solid rgba(23,32,51,.1);border-radius:999px;background:#ffffffc7;box-shadow:inset 0 1px #ffffffb8}.language-toggle button{min-width:38px;height:32px;padding:0 10px;border:0;border-radius:999px;color:#526174;background:transparent;cursor:pointer;font-size:.78rem;font-weight:850;letter-spacing:0;transition:background .2s ease,color .2s ease,box-shadow .2s ease}.language-toggle button.active{color:#fff;background:linear-gradient(135deg,#2563eb,#0f766e);box-shadow:0 8px 18px #0f766e38}.menu-toggle{display:none;width:42px;height:42px;border:1px solid rgba(23,32,51,.12);border-radius:12px;background:#fff;cursor:pointer}.menu-toggle span{display:block;width:18px;height:2px;margin:4px auto;border-radius:999px;background:#172033}.section{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:54px 0 40px}.page-view{min-height:calc(100vh - 92px)}.hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);align-items:center;gap:54px;padding-top:42px}.eyebrow{display:inline-flex;align-items:center;width:fit-content;margin:0 0 14px;border:1px solid rgba(37,99,235,.14);border-radius:999px;padding:7px 11px;color:#2563eb;background:#ffffffb8;font-size:.76rem;font-weight:800;letter-spacing:0;text-transform:uppercase}h1,h2,h3,p{margin:0}h1{max-width:780px;margin-bottom:18px;color:#101827;font-size:clamp(2.7rem,5.4vw,5.4rem);line-height:.98;letter-spacing:0}h2{color:#101827;font-size:clamp(2rem,3vw,3rem);line-height:1.08;letter-spacing:0}h3{color:#111827;font-size:1.08rem}.hero-text,.section-text,.card p,.timeline-item p,.panel-text{color:#627186;line-height:1.75}.hero-real-name{margin:-6px 0 18px;color:#0f766e;font-size:clamp(1.05rem,1.8vw,1.35rem);font-weight:800}.hero-text{max-width:650px;font-size:1.12rem}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.btn{min-height:46px;border:0;border-radius:16px;padding:12px 20px;font-weight:800;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#fff;background:linear-gradient(135deg,#1d4ed8,#0f766e);box-shadow:0 18px 34px #2563eb3d}.btn-secondary{color:#172033;background:#ffffffb8;border:1px solid rgba(23,32,51,.12);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:640px;margin-top:24px}.hero-stats div{min-height:94px;border:1px solid rgba(255,255,255,.68);border-radius:18px;padding:15px;background:#ffffffb3;box-shadow:0 14px 34px #24395f14;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.hero-stats strong,.hero-stats span{display:block}.hero-stats strong{color:#101827;font-size:1.55rem;line-height:1}.hero-stats span{margin-top:8px;color:#627186;font-size:.88rem;font-weight:700}.hero-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}.highlight-card,.card,.page-card,.timeline-item{border:1px solid rgba(255,255,255,.7);background:#ffffffc7;box-shadow:0 18px 48px #24395f1a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.highlight-card{min-height:126px;border-radius:18px;padding:16px}.highlight-card:nth-child(2){background:linear-gradient(160deg,#ffffffe0,#dbeafec2)}.highlight-card:nth-child(3){background:linear-gradient(160deg,#ffffffe0,#d1fae5c2)}.highlight-card strong{display:block;margin-bottom:8px;color:#101827}.highlight-card p{color:#627186;font-size:.92rem;line-height:1.55}.hero-visual{display:flex;justify-content:flex-end}.profile-card{position:relative;width:min(100%,430px);padding:16px;border:1px solid rgba(255,255,255,.8);border-radius:30px;background:linear-gradient(180deg,#fffffff5,#ffffffbd),linear-gradient(135deg,#2563eb33,#10b98133);box-shadow:0 34px 90px #25395a38;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.profile-topline{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;color:#627186;font-size:.84rem;font-weight:800}.profile-topline strong{border-radius:999px;padding:5px 9px;color:#0f3d99;background:#dbeafee6;font-size:.76rem}.profile-photo-wrap{overflow:hidden;aspect-ratio:1 / 1;border:1px solid rgba(37,99,235,.12);border-radius:26px;background:linear-gradient(135deg,#dbeafee6,#d1fae5a6)}.hero-image{display:block;width:100%;height:100%;object-fit:cover}.profile-card-body{padding:18px 4px 2px}.status-pill{display:inline-flex;margin-bottom:12px;border:1px solid rgba(16,185,129,.24);border-radius:999px;padding:6px 10px;color:#047857;background:#d1fae5b3;font-size:.78rem;font-weight:800}.panel-title{margin-bottom:8px;color:#101827;font-size:1.12rem;font-weight:800;line-height:1.35}.profile-bio{display:-webkit-box;margin:12px 0 0;overflow:hidden;color:#536276;font-size:.94rem;line-height:1.65;-webkit-box-orient:vertical;-webkit-line-clamp:4}.profile-bio.expanded{display:block;overflow:visible;-webkit-line-clamp:unset}.read-more-button{display:inline-flex;align-items:center;margin-top:10px;padding:0;border:0;color:#0f3d99;background:transparent;cursor:pointer;font-size:.9rem;font-weight:850}.read-more-button:hover{color:#0f766e}.page-header{display:grid;gap:4px;margin-bottom:24px}.page-card,.card,.timeline-item{border-radius:22px;padding:24px}.info-grid,.skill-grid,.project-grid,.achievement-grid,.achievement-list{display:grid;gap:16px;margin-top:24px}.info-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.info-grid div{display:grid;gap:7px;min-height:104px;padding:16px;border:1px solid rgba(23,32,51,.06);border-radius:18px;background:#f8fafcb8}.info-grid span{color:#627186;font-size:.88rem}.info-grid strong{color:#101827;line-height:1.4}.skill-grid,.project-grid,.achievement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.achievement-page{width:min(1180px,calc(100% - 32px))}.achievement-header{display:flex;align-items:center;margin-bottom:16px}.achievement-header .eyebrow{margin-bottom:0}.achievement-list{gap:12px;margin-top:0}.experience-page{width:min(1180px,calc(100% - 32px))}.experience-header{display:flex;align-items:center;margin-bottom:16px}.experience-header .eyebrow{margin-bottom:0}.card,.timeline-item{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.card:hover,.timeline-item:hover{border-color:#2563eb3d;box-shadow:0 20px 48px #24395f24;transform:translateY(-3px)}.skill-card{display:grid;gap:16px}.chip-list{display:flex;flex-wrap:wrap;gap:8px}.chip-list .tech-chip{display:inline-flex;align-items:center;gap:7px;min-height:34px;border:1px solid rgba(37,99,235,.14);border-radius:999px;padding:7px 11px 7px 8px;color:#31506f;background:linear-gradient(135deg,#ffffffdb,#f8fafcbd),linear-gradient(135deg,#2563eb14,#10b98112);font-size:.88rem;font-weight:700;box-shadow:0 8px 18px #24395f0f}.tech-chip img{width:18px;height:18px;object-fit:contain;flex:0 0 auto}.tech-chip-text{padding-left:11px}.project-card{position:relative;display:grid;gap:20px;min-height:0;overflow:hidden}.project-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#2563eb,#10b981)}.project-featured{grid-column:1 / -1}.project-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.project-company,.project-role{display:inline-flex;width:fit-content;border-radius:999px;font-size:.78rem;font-weight:850}.project-company{border:1px solid rgba(15,118,110,.16);padding:6px 10px;color:#0f766e;background:#d1fae5b8}.project-role{margin-bottom:10px;color:#1d4ed8}.project-content{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:22px;align-items:start}.project-main h3{margin-bottom:10px;font-size:1.24rem;line-height:1.32}.project-work{border:1px solid rgba(23,32,51,.08);border-radius:18px;padding:16px;background:#f8fafcb8}.project-work strong{display:block;margin-bottom:10px;color:#101827;font-size:.92rem}.project-work ul{display:grid;gap:9px;margin:0;padding:0;list-style:none}.project-work li{position:relative;padding-left:18px;color:#526174;font-size:.92rem;line-height:1.58}.project-work li:before{content:"";position:absolute;left:0;top:.68em;width:7px;height:7px;border-radius:999px;background:#10b981}.project-stack{padding-top:2px}.card-index{display:inline-flex;margin-bottom:0;color:#10b981;font-weight:900}.card a{display:inline-flex;margin-top:18px;color:#1d4ed8;font-weight:800;text-decoration:none}.achievement-card{position:relative;display:grid;grid-template-columns:58px minmax(0,1fr);gap:18px;align-items:center;min-height:92px;overflow:hidden;border:1px solid rgba(23,32,51,.07);border-radius:18px;padding:16px 18px 16px 20px;background:linear-gradient(135deg,#ffffffeb,#f8fafcc7),linear-gradient(90deg,#2563eb0f,#10b9810f);box-shadow:0 14px 34px #24395f14;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.achievement-card:before{content:"";position:absolute;inset:14px auto 14px 0;width:4px;border-radius:0 999px 999px 0;background:linear-gradient(180deg,#2563eb,#10b981)}.achievement-card:hover{border-color:#2563eb38;box-shadow:0 18px 42px #24395f1f;transform:translateY(-2px)}.achievement-card span{display:grid;place-items:center;width:52px;height:52px;border:1px solid rgba(37,99,235,.14);border-radius:14px;color:#0f3d99;background:linear-gradient(135deg,#dbeafedb,#d1fae5b8);font-size:.82rem;font-weight:900;box-shadow:inset 0 1px #ffffffc7}.achievement-card div{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0}.achievement-card small{width:fit-content;border:1px solid rgba(15,118,110,.14);border-radius:999px;padding:5px 9px;color:#0f766e;background:#d1fae5a3;font-size:.76rem;font-weight:900;line-height:1}.achievement-card strong{color:#101827;font-size:1.05rem;line-height:1.45}.timeline{display:grid;gap:10px}.timeline-item{position:relative;display:grid;grid-template-columns:150px minmax(0,1fr);gap:18px;align-items:start;min-height:112px;padding:18px}.timeline-item:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:4px;border-radius:999px;background:linear-gradient(180deg,#2563eb,#10b981)}.timeline-item>span{display:grid;place-items:center;min-height:42px;border:1px solid rgba(37,99,235,.12);border-radius:12px;padding:8px 10px;color:#0f3d99;background:#dbeafea8;font-size:.82rem;font-weight:800;line-height:1.35;text-align:center}.timeline-content{min-width:0}.timeline-content h3{font-size:1.05rem;line-height:1.35}.timeline-meta{margin:5px 0 6px;color:#0f766e;font-weight:700}.memory-link{width:fit-content;margin-top:12px;border:1px solid rgba(37,99,235,.14);border-radius:999px;padding:8px 12px;color:#0f3d99;background:linear-gradient(135deg,#ffffffe0,#dbeafead);cursor:pointer;font-size:.84rem;font-weight:850;transition:color .2s ease,border-color .2s ease,transform .2s ease}.memory-link:hover,.memory-back:hover{border-color:#0f766e47;color:#0f766e;transform:translateY(-1px)}.memories-page{width:min(1180px,calc(100% - 32px))}.memories-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.memories-header .eyebrow{margin-bottom:0}.memory-back{border:1px solid rgba(23,32,51,.1);border-radius:999px;padding:9px 13px;color:#253044;background:#ffffffc7;cursor:pointer;font-size:.86rem;font-weight:850;transition:color .2s ease,border-color .2s ease,transform .2s ease}.memory-article{display:grid;gap:18px;min-height:420px;border:1px solid rgba(255,255,255,.72);border-radius:22px;padding:24px;background:linear-gradient(160deg,#ffffffeb,#f8fafcc7),linear-gradient(135deg,#2563eb14,#10b98114);box-shadow:0 18px 48px #24395f1a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.memory-article-top{display:grid;gap:8px}.memory-article-top span{width:fit-content;border:1px solid rgba(37,99,235,.12);border-radius:999px;padding:7px 10px;color:#0f3d99;background:#dbeafeb3;font-size:.82rem;font-weight:850}.memory-article-top h3{font-size:clamp(1.4rem,2.4vw,2rem);line-height:1.18}.memory-article-top p{color:#0f766e;font-weight:800}.memory-empty{display:grid;place-items:center;min-height:220px;border:1px dashed rgba(37,99,235,.2);border-radius:18px;padding:24px;color:#627186;background:#ffffff8c;text-align:center}.education-timeline{position:relative;display:grid;gap:18px;margin-top:24px}.education-timeline:before{content:"";position:absolute;left:28px;top:18px;bottom:18px;width:2px;border-radius:999px;background:linear-gradient(180deg,#2563eb,#10b981)}.education-item{position:relative;display:grid;grid-template-columns:58px minmax(0,1fr);gap:18px;align-items:start}.education-marker{position:relative;z-index:1;display:grid;place-items:center;width:58px;height:58px;border:1px solid rgba(255,255,255,.78);border-radius:18px;background:linear-gradient(135deg,#2563eb,#10b981);box-shadow:0 16px 34px #2563eb38}.education-marker span{color:#fff;font-weight:900}.education-content{position:relative;border:1px solid rgba(255,255,255,.7);border-radius:22px;padding:24px;background:#ffffffc7;box-shadow:0 18px 48px #24395f1a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.education-content:before{content:"";position:absolute;left:-8px;top:26px;width:16px;height:16px;border-left:1px solid rgba(255,255,255,.7);border-bottom:1px solid rgba(255,255,255,.7);background:#ffffffc7;transform:rotate(45deg)}.education-period{margin-bottom:10px;color:#0f766e;font-weight:850}.education-level{display:inline-flex;margin-bottom:12px;border:1px solid rgba(37,99,235,.14);border-radius:999px;padding:6px 10px;color:#1d4ed8;background:#dbeafeb8;font-size:.78rem;font-weight:850}.education-content h3{margin-bottom:8px;font-size:1.18rem}.education-content p:last-child{color:#627186;line-height:1.65}.english-page{display:grid;align-content:start;width:min(1180px,calc(100% - 32px))}.english-panel{display:grid;gap:18px;border:1px solid rgba(255,255,255,.72);border-radius:22px;padding:24px;background:linear-gradient(160deg,#ffffffeb,#f8fafcc7),linear-gradient(135deg,#2563eb14,#10b98114);box-shadow:0 18px 48px #24395f1a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.english-game{display:grid;gap:18px}.english-game-board{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);gap:18px;align-items:start}.conversation-card,.question-card{border:1px solid rgba(255,255,255,.72);border-radius:22px;padding:22px;background:linear-gradient(160deg,#fffffff0,#f8fafcc7),linear-gradient(135deg,#2563eb14,#10b98114);box-shadow:0 18px 48px #24395f1a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.conversation-card-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.conversation-card-top span,.question-card>span,.answer-card span{color:#0f3d99;font-size:.78rem;font-weight:900;text-transform:uppercase}.conversation-card-top strong{color:#101827;font-size:1.02rem;line-height:1.35;text-align:right}.conversation-lines{display:grid;gap:10px}.conversation-line{display:grid;grid-template-columns:82px minmax(0,1fr);gap:12px;align-items:start;border:1px solid rgba(23,32,51,.07);border-radius:16px;padding:13px 14px;background:#ffffffb8}.conversation-line span{color:#0f766e;font-size:.86rem;font-weight:900}.conversation-line p{color:#253044;font-weight:700;line-height:1.55}.conversation-line.selected{border-color:#2563eb3d;background:#dbeafe8f}.conversation-line.hidden-answer{border-style:dashed;background:#f8fafcb8}.conversation-line.hidden-answer p{color:#94a3b8;font-size:1.2rem;letter-spacing:.08em}.question-card{display:grid;gap:16px}.question-card blockquote{display:grid;gap:8px;margin:0;border-left:4px solid #2563eb;border-radius:16px;padding:16px;color:#253044;background:#dbeafe8a;line-height:1.6}.question-card blockquote strong{color:#0f3d99;font-size:.86rem}.question-card h3{font-size:1.22rem;line-height:1.35}.recording-controls{display:flex;flex-wrap:wrap;gap:10px}.recording-status,.recording-error{font-weight:800}.recording-status{color:#0f766e}.recording-error{color:#b91c1c}.audio-review{display:grid;gap:8px;border:1px solid rgba(23,32,51,.08);border-radius:16px;padding:14px;background:#ffffffb8}.audio-review strong{color:#101827;font-size:.9rem}.audio-review audio{width:100%}.answer-toggle{width:fit-content;border:0;border-radius:999px;padding:0;color:#0f3d99;background:transparent;cursor:pointer;font-weight:900}.answer-toggle:hover{color:#0f766e}.answer-card{display:grid;gap:8px;border:1px solid rgba(16,185,129,.18);border-radius:16px;padding:16px;background:#d1fae580}.answer-card strong{color:#0f766e}.answer-card p{color:#101827;font-weight:800;line-height:1.55}.english-empty{display:grid;place-items:center;min-height:240px;border:1px dashed rgba(37,99,235,.2);border-radius:18px;padding:24px;color:#627186;background:#ffffff8c;text-align:center}.english-lock{display:grid;gap:14px;justify-self:center;width:min(100%,460px);max-width:460px;border:1px solid rgba(255,255,255,.72);border-radius:22px;padding:24px;background:linear-gradient(160deg,#fffffff0,#f8fafcc7),linear-gradient(135deg,#2563eb14,#10b98114);box-shadow:0 18px 48px #24395f1a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.english-lock div{display:grid;gap:10px}.english-lock strong{color:#101827;font-size:1.12rem;line-height:1.35}.english-lock label{color:#627186;font-size:.84rem;font-weight:850}.english-lock input{min-height:46px;border:1px solid rgba(37,99,235,.14);border-radius:14px;padding:0 14px;color:#101827;background:#ffffffdb;font:inherit;outline:none}.english-lock input:focus{border-color:#2563eb61;box-shadow:0 0 0 4px #2563eb1a}.english-lock p{color:#b91c1c;font-size:.88rem;font-weight:750}.faith-vlog{display:grid;grid-template-columns:280px minmax(0,1fr);align-items:start;gap:28px;width:min(100% - 32px,1440px)}.faith-sidebar{position:static;display:grid;min-height:360px;border:1px solid rgba(23,32,51,.08);border-radius:18px;padding:28px;background:#ffffffe6;box-shadow:0 18px 42px #24395f14}.faith-sidebar nav{display:grid;gap:8px}.faith-sidebar a{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;border:0;border-radius:12px;padding:10px 12px;color:#253044;background:#f8fafcd1;font-weight:800;text-align:left;text-decoration:none;cursor:pointer}.faith-sidebar a:hover,.faith-sidebar a.active{color:#0f3d99;background:#2563eb14}.faith-sidebar a span{color:#0f3d99;font-size:.78rem;font-weight:800}.faith-vlog-content{display:grid;gap:18px;min-width:0}.faith-article{min-height:360px;scroll-margin-top:110px;border:1px solid rgba(23,32,51,.08);border-radius:18px;padding:28px;background:#ffffffdb;box-shadow:0 18px 42px #24395f14}.faith-article h3{color:#101827;font-size:1.45rem}.faith-article p{margin-top:14px;color:#5f6f84;line-height:1.8}.faith-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0 0}.faith-details div{display:grid;gap:10px;align-items:start;min-height:118px;border:1px solid rgba(37,99,235,.1);border-radius:18px;padding:18px;background:linear-gradient(160deg,#ffffffeb,#f8fafcc2),linear-gradient(135deg,#2563eb14,#10b98112);box-shadow:0 14px 34px #24395f12}.faith-details div:first-child{grid-column:1 / -1;min-height:104px;border-color:#10b98129;background:linear-gradient(160deg,#fffffff0,#d1fae56b),linear-gradient(135deg,#2563eb0f,#10b9811a)}.faith-details dt{color:#526174;font-size:.78rem;font-weight:850;letter-spacing:0;line-height:1.45;text-transform:uppercase}.faith-details dd{margin:0;color:#101827;font-size:1rem;font-weight:850;line-height:1.5}.contact-list{display:grid;gap:12px;margin-top:20px}.contact-item{display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px;align-items:center;min-height:76px;border:1px solid rgba(37,99,235,.1);border-radius:16px;padding:14px;color:#253044;background:linear-gradient(135deg,#ffffffe6,#f8fafcc2),linear-gradient(135deg,#2563eb12,#10b9810f);box-shadow:0 12px 30px #24395f12;text-decoration:none;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.contact-item:hover{border-color:#0f766e38;box-shadow:0 16px 36px #24395f1c;transform:translateY(-2px)}.contact-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;color:#0f3d99;background:#dbeafec2}.contact-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.contact-item small,.contact-item strong{display:block}.contact-item small{margin-bottom:5px;color:#627186;font-size:.8rem;font-weight:850}.contact-item strong{color:#101827;line-height:1.35;overflow-wrap:anywhere}@media (max-width: 940px){.site-header{align-items:center}.logo{width:48px;height:48px}.menu-toggle{display:block;margin-left:auto}.language-toggle{order:3}.site-nav{position:absolute;top:68px;right:0;display:none;width:min(300px,calc(100vw - 28px));max-height:calc(100vh - 96px);overflow-y:auto;overscroll-behavior:contain;padding:10px;border:1px solid rgba(23,32,51,.1);border-radius:16px;background:#fffffff5;box-shadow:0 18px 50px #24395f29}.site-nav.open{display:grid;gap:4px}.site-nav a,.nav-group-toggle{justify-content:flex-start;width:100%;min-height:34px;border-radius:10px;padding:7px 9px;font-size:.86rem}.nav-group{display:grid;gap:3px}.nav-group-toggle{justify-content:space-between}.nav-group-toggle span{display:block;width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .2s ease}.nav-group.open .nav-group-toggle span{transform:translateY(1px) rotate(225deg)}.nav-submenu{position:static;display:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;min-width:0;padding:0 0 0 8px;border:0;border-radius:0;background:transparent;box-shadow:none;opacity:1;pointer-events:auto;transform:none}.nav-group.open .nav-submenu{display:grid}.nav-submenu a{justify-content:flex-start;min-height:32px;padding:6px 8px;background:#f8fafcbd;font-size:.82rem}.hero{grid-template-columns:1fr}.hero-visual{justify-content:flex-start}.info-grid,.hero-stats,.hero-highlights,.achievement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.faith-vlog{grid-template-columns:1fr}.faith-sidebar{min-height:auto}.faith-sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}.project-content,.english-game-board{grid-template-columns:1fr}}@media (max-width: 640px){.section,.site-header{width:min(100% - 20px,1180px)}.app-shell{padding-top:82px}.site-header{gap:8px;padding:8px;border-radius:18px}.language-toggle{padding:3px}.language-toggle button{min-width:34px;height:30px;padding:0 8px;font-size:.72rem}.section{padding-top:40px}.hero{gap:28px}.hero-actions{flex-direction:column}.btn{width:100%;text-align:center}.contact-item{grid-template-columns:44px minmax(0,1fr)}.contact-icon{width:44px;height:44px}.conversation-card,.question-card,.english-lock{padding:18px}.conversation-card-top,.recording-controls{align-items:stretch;flex-direction:column}.conversation-card-top strong{text-align:left}.conversation-line{grid-template-columns:1fr;gap:6px}.info-grid,.skill-grid,.project-grid,.achievement-grid,.achievement-list,.faith-details,.timeline-item,.hero-stats,.hero-highlights{grid-template-columns:1fr}.achievement-card{grid-template-columns:52px minmax(0,1fr);min-height:112px}.achievement-card div{align-items:flex-start;flex-direction:column;gap:10px}.timeline-item>span{justify-self:start}.memories-header{align-items:flex-start;flex-direction:column}.memory-back{width:100%;text-align:center}.faith-vlog{width:min(100% - 20px,1180px)}.faith-sidebar nav{grid-template-columns:1fr}.faith-article{min-height:300px;padding:20px}.faith-details div{gap:6px}.page-card,.card,.timeline-item{padding:20px}.project-card-top{align-items:flex-start;flex-direction:column}.project-work{padding:14px}.education-timeline:before{left:23px}.education-item{grid-template-columns:48px minmax(0,1fr);gap:14px}.education-marker{width:48px;height:48px;border-radius:15px}.education-content{padding:20px}}