*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:#fff;color:#10213b;font-family:"DM Sans",sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}.site-header{height:78px;padding:0 max(5.5vw,24px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8eef7;background:rgba(255,255,255,.96);position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:11px;font:800 12px "Manrope",sans-serif;letter-spacing:1.4px}.brand-mark{width:34px;height:34px;border-radius:10px;background:#0b5ed7;color:white;display:grid;place-items:center;font:800 12px "Manrope"}.nav{display:flex;align-items:center;gap:27px;font-size:12px;font-weight:700;color:#53647c}.nav a:hover{color:#0b5ed7}.nav-contact{padding:10px 17px;border:1px solid #d7e4f5;border-radius:7px;color:#0b5ed7}.menu-toggle{display:none;border:0;background:none;font-size:24px;color:#0b5ed7}.section-wrap{width:min(1120px,89%);margin:auto}.hero{min-height:600px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:65px;padding-top:60px;padding-bottom:65px}.eyebrow{font:800 10px "Manrope",sans-serif;letter-spacing:2px;color:#0b65d8;display:flex;align-items:center;gap:10px}.eyebrow-line{width:27px;height:2px;background:#0b65d8}.hero h1{font:800 clamp(52px,6vw,78px)/1.04 "Manrope",sans-serif;letter-spacing:-4px;margin:24px 0 16px;color:#10213b}.hero h1 span,.section-heading h2 span,.contact-inner h2 span{color:#0b65d8}.hero-lead{font:800 21px "Manrope",sans-serif;margin:0 0 7px}.hero-text{max-width:550px;color:#63738a;font-size:15px;line-height:1.9;margin:0}.hero-actions{display:flex;gap:12px;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:13px 19px;border-radius:7px;font-size:12px;font-weight:700;transition:.2s}.button-primary{background:#0b5ed7;color:#fff;box-shadow:0 8px 20px #0b5ed729}.button-primary:hover{background:#084cae;transform:translateY(-2px)}.button-outline{border:1px solid #d6e1ef;color:#18375e}.button-outline:hover{border-color:#0b5ed7;color:#0b5ed7}.hero-tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:31px}.hero-tags span,.interest-list span,.chips span{font-size:10px;color:#49617f;background:#f0f6ff;border:1px solid #e1edfc;border-radius:30px;padding:7px 11px}.hero-visual{position:relative;display:flex;justify-content:center;align-items:center;min-height:430px}.portrait-frame{position:relative;width:min(340px,85%);height:390px;border-radius:180px 180px 16px 16px;background:#e8f2ff;padding:10px;box-shadow:20px 20px 0 #eaf3ff}.portrait-accent{position:absolute;inset:23px -20px -20px 24px;border:1px solid #bcd7fb;border-radius:180px 180px 16px 16px;z-index:0}.portrait{position:relative;width:100%;height:100%;object-fit:cover;object-position:center 35%;border-radius:170px 170px 10px 10px;z-index:1}.portrait-fallback{display:none;position:absolute;inset:10px;place-items:center;background:linear-gradient(145deg,#0b5ed7,#7bb5ff);color:white;font:800 76px "Manrope";border-radius:170px 170px 10px 10px;z-index:1}.portrait-caption{position:absolute;z-index:2;bottom:25px;left:-40px;background:#fff;border:1px solid #e2ebf7;border-radius:9px;padding:13px 17px;box-shadow:0 12px 30px #18375e18;display:flex;flex-direction:column;font-size:11px}.portrait-caption span{color:#6b7c92}.floating-note{position:absolute;right:-5px;bottom:30px;background:#fff;padding:12px 15px;border-radius:8px;box-shadow:0 10px 28px #18375e18;font-size:10px;font-weight:700;color:#344e70}.note-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#21b77a;margin-right:8px}.stats-band{background:#0d2e58;color:white}.stats-inner{width:min(1000px,89%);margin:auto;display:grid;grid-template-columns:repeat(4,1fr);padding:26px 0}.stats-inner div{padding:0 25px;border-right:1px solid #ffffff25;display:flex;flex-direction:column}.stats-inner div:first-child{padding-left:0}.stats-inner div:last-child{border:0}.stats-inner strong{font:800 28px "Manrope";color:#80b8ff}.stats-inner span{font-size:11px;color:#d3e2f5}.section{padding-top:100px;padding-bottom:100px}.section-heading{margin-bottom:42px}.section-heading h2{font:800 clamp(34px,4vw,48px)/1.2 "Manrope";letter-spacing:-1.8px;margin:12px 0;color:#10213b}.section-intro{max-width:660px;color:#687a92;font-size:14px;margin:12px 0 0}.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:75px}.about-statement{font:700 27px/1.45 "Manrope";margin:0;letter-spacing:-.6px}.about-statement span{color:#0b65d8}.about-detail p{font-size:13px;color:#63738a;line-height:1.95;margin:0 0 13px}.interest-list{display:flex;gap:9px;flex-wrap:wrap;margin-top:34px}.section-tint{background:#f5f9ff}.education-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.education-card{background:white;border:1px solid #e4edf8;border-radius:12px;padding:27px;display:flex;gap:20px;align-items:flex-start;min-height:170px}.card-icon{min-width:55px;height:55px;border-radius:12px;background:#eaf3ff;color:#0b5ed7;display:grid;place-items:center;font:800 13px "Manrope"}.card-kicker{font:800 9px "Manrope";letter-spacing:1.7px;color:#0b65d8}.education-card h3{font:700 17px/1.4 "Manrope";margin:7px 0}.education-card p{color:#6c7b91;font-size:12px;margin:0}.research-list{border-top:1px solid #e5edf7}.research-item{display:grid;grid-template-columns:65px 1fr;gap:18px;padding:26px 0;border-bottom:1px solid #e5edf7}.research-number{font:800 17px "Manrope";color:#8bb8ed}.research-item h3{font:700 16px/1.5 "Manrope";margin:0 0 8px}.research-item p{font-size:12px;color:#66778e;line-height:1.85;max-width:900px;margin:0 0 12px}.chips{display:flex;gap:7px;flex-wrap:wrap}.chips span{font-size:9px;padding:5px 9px}.research-note{margin-top:28px;background:#edf5ff;border-left:3px solid #0b65d8;padding:17px 20px;display:flex;gap:20px;align-items:center;font-size:12px}.research-note strong{font-family:"Manrope";color:#0b5ed7}.research-note span{color:#61738d}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.project-card{background:#fff;border:1px solid #e2eaf5;border-radius:12px;overflow:hidden;transition:.25s}.project-card:hover{transform:translateY(-4px);box-shadow:0 15px 35px #123a6812}.project-top{display:flex;justify-content:space-between;align-items:center;padding:17px 18px 0}.project-category{font:800 9px "Manrope";letter-spacing:1.2px;color:#0b65d8}.project-index{font:700 10px "Manrope";color:#9aacbf}.project-art{height:150px;margin:14px 16px 0;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.art-zivo{background:radial-gradient(circle at 50% 45%,#327de2,#0d2d62 75%);color:white}.art-property{background:linear-gradient(135deg,#dcecff,#8db9ed);color:#174b89}.art-academy{background:linear-gradient(135deg,#e6f2ff,#c1dcff);color:#1459a5}.art-chenjera{background:linear-gradient(135deg,#0d2e58,#2469b5);color:#fff}.art-attendance{background:linear-gradient(135deg,#e9f4ff,#bad8fa);color:#1659a3}.art-terrazim{background:linear-gradient(135deg,#dcecff,#8ab6e9);color:#123d70}.art-orbit{font:800 62px "Manrope";border:1px solid #ffffff88;width:92px;height:92px;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 12px #ffffff12,0 0 0 24px #ffffff0b}.art-symbol{font:500 64px "Manrope";line-height:1}.art-symbol span{font-size:25px}.art-caption{position:absolute;bottom:13px;font:800 8px "Manrope";letter-spacing:2px;opacity:.8}.project-body{padding:18px 19px 21px}.project-body h3{font:800 17px/1.35 "Manrope";margin:0 0 9px}.project-body p{font-size:11px;color:#66778e;line-height:1.85;margin:0 0 14px}.text-link{font-size:11px;font-weight:800;color:#0b65d8}.certificate-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 35px}.certificate-item{display:flex;gap:13px;padding:17px 0;border-bottom:1px solid #e8eef6;align-items:flex-start}.cert-check{width:23px;height:23px;border-radius:50%;background:#eaf3ff;color:#0b65d8;display:grid;place-items:center;font-size:12px;font-weight:800;flex-shrink:0}.certificate-item h3{font:700 13px/1.45 "Manrope";margin:0 0 4px}.certificate-item p{font-size:10px;color:#74849a;margin:0}.contact-section{background:#0c2b52;color:#fff;padding:80px 0}.contact-inner{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:60px}.eyebrow-light{color:#8bbdff}.eyebrow-light .eyebrow-line{background:#8bbdff}.contact-inner h2{font:800 clamp(40px,5vw,60px)/1.13 "Manrope";letter-spacing:-2px;margin:17px 0}.contact-inner h2 span{color:#8bbdff}.contact-inner>div>p{font-size:13px;color:#c4d4e8;max-width:480px}.contact-card{background:#fff;color:#10213b;padding:28px;border-radius:12px}.contact-label{font:800 9px "Manrope";letter-spacing:1.6px;color:#0b65d8}.contact-card h3{font:800 22px "Manrope";margin:10px 0 20px}.button-white{background:#eaf3ff;color:#0b5ed7}.button-white:hover{background:#d8eaff}.contact-small{font-size:10px;color:#718198;margin:16px 0 0}.footer{min-height:80px;padding:20px 5.5vw;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#77869a;font-size:10px}.footer-brand{color:#17365e}.footer-brand .brand-mark{width:29px;height:29px}.footer>span:nth-child(2){margin-left:auto;margin-right:30px}
@media(max-width:800px){.site-header{height:68px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:68px;left:0;right:0;background:#fff;padding:20px 6%;border-bottom:1px solid #e5edf7;flex-direction:column;align-items:stretch;gap:17px}.nav.open{display:flex}.nav-contact{text-align:center}.hero{grid-template-columns:1fr;gap:20px;padding-top:55px}.hero-visual{min-height:390px;grid-row:1}.hero-copy{grid-row:2}.portrait-frame{height:340px;width:290px}.floating-note{right:3%;bottom:15px}.portrait-caption{left:-20px}.hero h1{font-size:58px}.stats-inner{grid-template-columns:1fr 1fr;gap:20px}.stats-inner div{padding:0 12px;border:0}.stats-inner div:first-child{padding-left:12px}.section{padding-top:70px;padding-bottom:70px}.about-grid{grid-template-columns:1fr;gap:20px}.education-grid{grid-template-columns:1fr}.project-grid{grid-template-columns:1fr 1fr}.contact-inner{grid-template-columns:1fr;gap:25px}.research-note{align-items:flex-start;flex-direction:column;gap:5px}.footer{flex-wrap:wrap}.footer>span:nth-child(2){margin:0}}
@media(max-width:520px){.section-wrap{width:88%}.hero h1{font-size:49px;letter-spacing:-2.5px}.hero-visual{min-height:350px}.portrait-frame{height:310px;width:260px}.hero-tags{gap:6px}.hero-tags span{font-size:9px}.stats-inner strong{font-size:24px}.project-grid,.certificate-grid{grid-template-columns:1fr}.research-item{grid-template-columns:36px 1fr;gap:10px}.research-item h3{font-size:14px}.footer{justify-content:center;text-align:center}.footer>span:nth-child(2){display:none}}