body,html{margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#fff}html{scroll-behavior:smooth;overflow-x:hidden}body{padding-top:68px}section[id],.card[id],.achv-sub[id]{scroll-margin-top:74px}#particles-js{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 50% 40%,#262657,#16162e 55%,#0d0d1f);z-index:-1}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;background:transparent;transition:background .3s ease,box-shadow .3s ease,backdrop-filter .3s ease}.navbar-scrolled{background:#0d0d1feb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 20px #0000004d}.navbar-inner{max-width:1200px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between}.navbar-brand{font-weight:700;font-size:1.15em;letter-spacing:1px;color:#fff;text-decoration:none;transition:color .3s ease,text-shadow .3s ease}.navbar-brand:hover{color:#ff4da6;text-shadow:0 0 12px rgba(255,77,166,.7)}.navbar-links{list-style:none;display:flex;gap:32px;margin:0;padding:0}.navbar-links a{position:relative;color:#fff;text-decoration:none;font-weight:700;font-size:1.2em;padding:4px 0;opacity:.85;transition:opacity .3s ease,color .3s ease}.navbar-links a:after{content:"";position:absolute;left:0;bottom:-3px;width:0;height:2px;background:#ff4da6;box-shadow:0 0 8px #ff4da6;transition:width .3s ease}.navbar-links a:hover{opacity:1}.navbar-links a:hover:after,.navbar-links a.active:after{width:100%}.navbar-links a.active{color:#ff4da6;opacity:1}.navbar-links a.navbar-resume{border:1.5px solid #ff4da6;border-radius:20px;padding:6px 18px;color:#ff4da6;opacity:1;font-size:1.05em;transition:background .3s ease,color .3s ease,box-shadow .3s ease}.navbar-links a.navbar-resume:after{display:none}.navbar-links a.navbar-resume:hover{background:#ff4da6;color:#fff;box-shadow:0 0 14px #ff4da680}.navbar-toggle{display:none;flex-direction:column;justify-content:space-between;width:28px;height:20px;background:none;border:none;padding:0;cursor:pointer}.navbar-toggle span{display:block;width:100%;height:2px;border-radius:2px;background:#fff;transition:transform .3s ease,opacity .3s ease}.navbar-toggle.is-open span:nth-child(1){transform:translateY(9px) rotate(45deg)}.navbar-toggle.is-open span:nth-child(2){opacity:0}.navbar-toggle.is-open span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.container{max-width:1200px;margin:0 auto;padding:20px}header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:48px;text-align:left;padding:50px 0}.hero-text{flex:1;min-width:0;max-width:640px}.hero-photo-frame{position:relative;flex-shrink:0;width:clamp(200px,22vw,290px);aspect-ratio:1;border-radius:50%;overflow:hidden;border:3px solid rgba(255,77,166,.6);box-shadow:0 0 25px #ff4da673,0 0 50px #ff4da633;transition:transform .3s ease,box-shadow .3s ease}.hero-photo-frame:hover{transform:translateY(-5px);box-shadow:0 0 30px #ff4da699,0 0 60px #ff4da64d}.hero-photo-frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;pointer-events:none;background:radial-gradient(circle,transparent 55%,rgba(13,13,31,.55) 100%)}.hero-photo{width:100%;height:100%;object-fit:cover;object-position:center 25%;transform:scale(1.12)}h1{margin:0;font-weight:700;line-height:1.1}.hero-greeting{font-size:1.4rem;font-weight:400;letter-spacing:1px;color:#ff4da6}.hero-name{font-size:3.5rem;letter-spacing:2px;animation:glow 2s ease-in-out infinite alternate}.hero-subtitle{margin:18px 0 0;max-width:700px;font-size:1.2em;line-height:1.5;opacity:.85}.hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px}.btn-primary,.btn-ghost{display:inline-block;border-radius:30px;padding:11px 26px;font-weight:700;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease,background .3s ease,color .3s ease}.btn-primary{background:#ff4da6;color:#fff}.btn-ghost{border:1.5px solid #ff4da6;color:#ff4da6}.btn-primary:hover,.btn-ghost:hover{transform:translateY(-3px);box-shadow:0 6px 16px #ff4da673}.btn-ghost:hover{background:#ff4da6;color:#fff}@keyframes glow{0%{text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #e60073,0 0 20px #e60073,0 0 35px #e60073,0 0 40px #e60073,0 0 50px #e60073}to{text-shadow:0 0 10px #fff,0 0 20px #ff4da6,0 0 30px #ff4da6,0 0 40px #ff4da6,0 0 50px #ff4da6,0 0 60px #ff4da6,0 0 70px #ff4da6}}.content{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:50px}.card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:30px;margin-bottom:30px;width:calc(50% - 15px);box-shadow:0 4px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-5px);box-shadow:0 6px 8px #0003}.card h2{color:#ff4da6;margin-top:0}.skills{display:flex;flex-wrap:wrap;gap:10px}.skill{background:#fff3;padding:5px 15px;border-radius:20px;font-size:.9em}.interest-icon{font-size:1.05em}.skill-group{margin-bottom:18px}.skill-group:last-child{margin-bottom:0}.skill-group h3{color:#ff4da6;font-size:.95em;text-transform:uppercase;letter-spacing:1px;margin:0 0 10px;opacity:.9}.project-tech,.timeline-tech{font-size:.85em;color:#6f8cff;margin:0 0 10px}.about-text{max-width:820px}.about-text p{line-height:1.6}.contact-list{display:flex;flex-wrap:wrap;gap:16px}.contact-chip{display:inline-flex;align-items:center;gap:10px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:30px;padding:12px 22px;color:#fff;text-decoration:none;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease,color .3s ease}a.contact-chip:hover{transform:translateY(-3px);color:#ff4da6;box-shadow:0 6px 10px #0003}.contact-icon{font-size:1.1em}.contact-grid{display:flex;flex-wrap:wrap;gap:40px;align-items:stretch}.contact-aside{flex:1 1 280px;display:flex;flex-direction:column}.contact-intro{margin:0 0 22px;line-height:1.6;opacity:.9;max-width:420px}.contact-aside .contact-list{flex-direction:column;align-items:flex-start;gap:12px}.contact-form{flex:1 1 360px;display:flex;flex-direction:column;gap:16px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:28px;box-shadow:0 4px 6px #0000001a}.contact-form .hp{display:none}.form-row{display:flex;gap:16px}.form-row input{flex:1;min-width:0}.contact-form input,.contact-form select,.contact-form textarea{width:100%;box-sizing:border-box;background:#00000040;border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:12px 14px;color:#fff;font-family:inherit;font-size:1em;transition:border-color .3s ease,box-shadow .3s ease}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#ffffff80}.contact-form select{cursor:pointer}.contact-form select option{color:#fff;background:#1a1a35}.contact-form textarea{min-height:130px;resize:vertical}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:none;border-color:#ff4da6;box-shadow:0 0 0 2px #ff4da640}.form-foot{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.contact-submit{background:#ff4da6;color:#fff;border:none;border-radius:30px;padding:12px 28px;font-size:1em;font-weight:700;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease,opacity .3s ease}.contact-submit:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 6px 16px #ff4da673}.contact-submit:disabled{opacity:.6;cursor:default}.form-status{font-size:.9em}.form-status-ok{color:#4ade80}.form-status-err{color:#ff6b6b}footer{text-align:center;padding:20px 0;font-size:.9em;margin-top:50px}.section-title{color:#ff4da6;text-align:left;font-size:2em;margin:60px 0 30px}.timeline{position:relative;margin:0 auto;padding-left:30px}.timeline:before{content:"";position:absolute;left:6px;top:6px;bottom:6px;width:2px;background:#fff3}.timeline-item{position:relative;margin-bottom:30px}.timeline-dot{position:absolute;left:-30px;top:6px;width:14px;height:14px;border-radius:50%;background:#ff4da6;box-shadow:0 0 10px #ff4da6}.timeline-content{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:24px 28px;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.timeline-content:hover{transform:translateY(-5px);box-shadow:0 6px 8px #0003}.timeline-head{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:4px 16px}.timeline-head h3{margin:0;color:#fff}.timeline-date{font-size:.85em;color:#ff4da6;white-space:nowrap}.timeline-org{margin:4px 0 10px;font-style:italic;opacity:.85}.timeline-content ul{margin:0;padding-left:20px}.timeline-content li{margin-bottom:6px;line-height:1.5}.achv-sub{margin-bottom:40px}.achv-subtitle{color:#ff4da6;font-size:1.3em;margin:0 0 18px;padding-left:12px;border-left:3px solid #ff4da6}.achv-entries{display:flex;flex-wrap:wrap;gap:20px}.achv-entry{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:22px 24px;width:calc(50% - 10px);box-shadow:0 4px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.achv-entry:hover{transform:translateY(-5px);box-shadow:0 6px 8px #0003}.achv-entry-head{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:4px 12px}.achv-entry-head h4{margin:0;color:#fff}.achv-entry-meta{font-size:.85em;color:#ff4da6;white-space:nowrap}.achv-entry p{margin:10px 0 0;line-height:1.5;opacity:.9}.achv-thumb{display:block;width:100%;margin:0 0 16px;padding:0;border:none;border-radius:10px;overflow:hidden;background:#0003;cursor:pointer;box-shadow:0 2px 6px #0003;transition:transform .3s ease,box-shadow .3s ease}.achv-thumb img{display:block;width:100%;height:160px;object-fit:cover;object-position:center top}.achv-thumb:hover{transform:translateY(-3px);box-shadow:0 6px 16px #ff4da659}.awards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.awards-grid .achv-entry{width:auto;padding:14px}.awards-grid .achv-thumb{margin-bottom:10px}.awards-grid .achv-thumb img{height:110px}.awards-grid .achv-entry-head h4{font-size:.95em}.awards-grid .achv-entry-meta{font-size:.78em}.awards-grid .achv-entry p{margin-top:6px;font-size:.82em}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:40px;background:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:zoom-out;animation:lightbox-fade .2s ease}@keyframes lightbox-fade{0%{opacity:0}to{opacity:1}}.lightbox img{max-width:90vw;max-height:85vh;object-fit:contain;border-radius:8px;box-shadow:0 10px 40px #0009;cursor:default}.lightbox-close{position:fixed;top:18px;right:26px;background:none;border:none;color:#fff;font-size:2.4rem;line-height:1;cursor:pointer;transition:color .3s ease,text-shadow .3s ease}.lightbox-close:hover{color:#ff4da6;text-shadow:0 0 12px rgba(255,77,166,.7)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:40px 20px;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:lightbox-fade .2s ease}.modal-panel{position:relative;width:100%;max-width:640px;max-height:85vh;overflow-y:auto;background:#1a1a35;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:32px 34px;box-shadow:0 20px 60px #0000008c}.modal-title{color:#ff4da6;margin:0 0 14px;font-size:1.5em;padding-right:32px}.modal-chips{display:flex;flex-wrap:wrap;gap:8px}.modal-chip{background:#6f8cff26;border:1px solid rgba(111,140,255,.35);color:#aeb9ff;padding:4px 12px;border-radius:20px;font-size:.8em}.modal-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0 4px}.modal-stat{display:flex;flex-direction:column;align-items:center;text-align:center;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 8px}.modal-stat-value{color:#ff4da6;font-size:1.25em;font-weight:700;line-height:1.1}.modal-stat-label{margin-top:4px;font-size:.72em;opacity:.75}.lc-stat-row{display:flex;margin:20px 0 4px}.lc-stat-row .modal-stat{min-width:150px;padding:14px 20px}.modal-block{margin-top:24px}.modal-block h4{color:#6f8cff;margin:0 0 10px;padding-bottom:8px;border-bottom:1px solid rgba(111,140,255,.2);font-size:1.02em;text-transform:uppercase;letter-spacing:.5px}.modal-li-label{color:#ff4da6}.modal-diagrams{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.modal-diagram{margin:0}.modal-diagram-btn{display:block;width:100%;padding:8px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#fff;cursor:zoom-in;transition:transform .3s ease,box-shadow .3s ease}.modal-diagram-btn img{display:block;width:100%;height:120px;object-fit:contain}.modal-diagram-btn:hover{transform:translateY(-3px);box-shadow:0 6px 16px #ff4da659}.modal-diagram figcaption{margin-top:6px;text-align:center;font-size:.8em;color:#6f8cff}.lightbox-over{z-index:210}.modal-block p{margin:0;line-height:1.6;opacity:.92}.modal-block ul{margin:0;padding-left:20px}.modal-block li{margin-bottom:6px;line-height:1.55;opacity:.92}.modal-link{display:inline-block;margin-top:24px;color:#ff4da6;text-decoration:none;font-weight:700;transition:text-shadow .3s ease}.modal-link:hover{text-shadow:0 0 10px rgba(255,77,166,.8)}.modal-close{position:absolute;top:14px;right:18px;background:none;border:none;color:#fff;font-size:2rem;line-height:1;cursor:pointer;transition:color .3s ease,text-shadow .3s ease}.modal-close:hover{color:#ff4da6;text-shadow:0 0 12px rgba(255,77,166,.7)}.project-card.is-clickable,.achv-entry.is-clickable{cursor:pointer}.project-more{display:inline-block;margin-top:12px;color:#ff4da6;font-size:.85em;font-weight:700;opacity:.85;transition:opacity .3s ease}.project-card.is-clickable:hover .project-more,.achv-entry.is-clickable:hover .project-more{opacity:1}.projects-grid{display:flex;flex-wrap:wrap;gap:30px}.project-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:26px 28px;width:calc(50% - 15px);box-shadow:0 4px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.project-card:hover{transform:translateY(-5px);box-shadow:0 6px 8px #0003}.project-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.project-head h3{margin:0;color:#fff}.project-link{color:#ff4da6;text-decoration:none;font-size:1.2em;transition:text-shadow .3s ease}.project-link:hover{text-shadow:0 0 10px rgba(255,77,166,.8)}.project-card p{line-height:1.5}@media (max-width: 768px){header{flex-direction:column-reverse;text-align:center;gap:28px}.hero-text{max-width:100%}.hero-subtitle{margin:18px auto 0}.hero-cta{justify-content:center}.hero-photo-frame{width:160px}.card,.achv-entry{width:100%}.awards-grid{grid-template-columns:repeat(2,1fr)}.form-row{flex-direction:column}.project-card{width:100%}.navbar-toggle{display:flex}.navbar-links{position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;background:#0d0d1ff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);max-height:0;overflow:hidden;transition:max-height .35s ease}.navbar-links.is-open{max-height:360px}.navbar-links li{width:100%}.navbar-links a{display:block;padding:14px 24px;opacity:1}.navbar-links a:after{display:none}}@media (max-width: 480px){.container{padding:16px}header{padding:30px 0}.hero-photo-frame{width:130px}.hero-name{font-size:2.4rem}.hero-greeting{font-size:1.15rem}.hero-subtitle{font-size:1.05em}.card{padding:22px}.awards-grid{grid-template-columns:1fr}.modal-stats{grid-template-columns:repeat(2,1fr)}.modal-diagrams{grid-template-columns:1fr}.contact-form{padding:22px}.modal-panel{padding:26px 22px}.section-title{font-size:1.6em;margin:40px 0 24px}.timeline{padding-left:24px}.timeline-content{padding:20px}.timeline-dot{left:-24px}}