:root{font-family:Roboto,Ubuntu Mono,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--white-ice: #fff;--blue-royal: #1a56db;--blue-royal-light: #1454dfaa;--black: #000;--gray-black: #252525;--white-gray: #e7e5e5;--white-gray-variant: #ebe9f0}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100%;min-height:100vh;height:100%;overflow-x:hidden}body{font-family:Ubuntu Mono,system-ui,Avenir,Helvetica,Arial,sans-serif;color:var(--gray-black);background:var(--white-ice)}#root{display:flex;flex-direction:column;min-height:100vh;padding:0}.main-content{flex:1}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.hud-bar{position:fixed;top:0;left:0;z-index:1000;display:flex;justify-content:space-between;align-items:center;width:100%;margin:0;padding:12px 24px;background-color:var(--white-ice);border-bottom:1px solid #e6e6e6;box-shadow:0 1px 5px #0000004d;box-sizing:border-box}.hud-logo{font-size:20px;font-weight:300;color:var(--black);padding-right:24px}.hud-logo-highlight{font-weight:600;color:var(--blue-royal)}.hud-nav{display:flex;gap:24px;flex-wrap:wrap}.hud-nav-link{font-size:14px;font-weight:400;color:var(--black);text-decoration:none;transition:color .2s;white-space:nowrap}.hud-nav-link:hover,.hud-nav-link.active{color:var(--blue-royal)}@media (max-width: 600px){.hud-bar{flex-direction:column;align-items:flex-start;padding:12px 8px}.hud-logo{padding-right:0;margin-bottom:8px}.hud-nav{gap:12px;width:100%;justify-content:flex-start}}.profile-container{display:flex;justify-content:center;align-items:center}.profile-image{width:340px;height:340px;object-fit:cover;border-radius:50%;transition:width .3s,height .3s}.profile-container a .profile-image{transition:transform .35s cubic-bezier(.4,1.6,.6,1);display:block}.profile-container a:hover .profile-image,.profile-container a:focus .profile-image{transform:scale(1.1);z-index:2}@media (max-width: 720px){.profile-image{width:120px!important;height:120px!important;max-width:100%}.profile-container{padding-top:70px}}.footer{width:100%;margin:auto 0 0;padding:12px 0;background:var(--blue-royal);color:var(--white-ice);text-align:center;z-index:999}.footer-content{width:100%;max-width:none;margin:0;padding:0 1rem;font-size:1.3rem;font-weight:700;letter-spacing:.5px}.footer-content p{font-size:10px;margin-left:5%;text-align:left}@media (max-width: 1024px){.footer-content{font-size:1.2rem;padding:0 .8rem}.footer-content p{font-size:9px;margin-left:3%}}@media (max-width: 720px){.footer{display:none}}@media (max-width: 480px){.footer{display:none}}.card-my-announcement{border-radius:14px;padding:20px;width:100%;margin:16px auto 16px 0;display:flex;flex-direction:column;box-sizing:border-box}.card-my-announcement-title{font-size:1.2rem;font-weight:600;margin-bottom:12px;text-align:center}.card-my-announcement-video-wrapper{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:10px;background:#000}.card-my-announcement-video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;border-radius:10px}@media (max-width: 720px){.card-my-announcement{max-width:100%;padding:10px}}.btn-action{background:var(--blue-royal);color:var(--white-gray);border:none;border-radius:8px;padding:10px 22px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .18s,transform .18s;margin-left:2px}.btn-action:hover,.btn-action:focus{background:var(--blue-royal-light);transform:scale(1.07);color:var(--white-ice)}@media (max-width: 720px){.btn-action{padding:8px 14px;font-size:.875rem;width:100%;box-sizing:border-box}}.carousel-wrapper{width:100%;overflow-x:auto;display:flex;justify-content:center}.carousel{display:inline-flex;justify-content:center;align-items:center;gap:18px;padding:18px 0;background:transparent;max-width:100%;min-width:0;scroll-behavior:smooth;scrollbar-width:none}.carousel::-webkit-scrollbar{display:none}.skill{min-width:110px;padding:10px 22px;border-radius:8px;background:var(--white-gray);color:var(--gray-black);font-size:1.1rem;text-align:center;box-shadow:0 2px 8px #0000000a;transition:all .5s;-webkit-user-select:none;user-select:none;flex-shrink:0;opacity:.25;transform:scale(.95);font-weight:400}.skill.active,.skill:hover{opacity:1!important;transform:scale(1.08)!important;font-weight:700!important;transition:all .5s}@media (max-width: 720px){.carousel{gap:8px;padding:10px 0;width:100%;min-width:0;box-sizing:border-box;justify-content:flex-start}.skill{min-width:70px;font-size:.98rem;padding:7px 12px}.carousel-wrapper{padding-right:10rem}}.card-link{display:block;background:var(--white-gray);color:var(--gray-black);border-radius:8px;box-shadow:0 2px 8px #0000000a;padding:22px 18px;text-decoration:none;transition:transform .22s cubic-bezier(.4,1.6,.6,1),box-shadow .22s;cursor:pointer;min-width:400px;max-width:320px;margin:0 auto}.card-link:hover,.card-link:focus{transform:scale(1.06);box-shadow:0 8px 24px #1a56db1a;z-index:2;outline:none}.card-link-content{display:flex;flex-direction:column;gap:10px}.card-link-title{font-weight:700;font-size:1.1rem;margin-bottom:4px;color:var(--blue-royal)}.card-link-description{font-size:1rem;color:var(--gray-black)}@media (max-width: 720px){.card-link{padding:12px 8px;min-width:unset;max-width:unset;width:100%;box-sizing:border-box}}.timeline-section{margin:24px 0 0;padding:0 0 24px}.timeline-title{color:var(--blue-royal);font-size:2rem;font-weight:700;margin-bottom:32px;text-align:left;letter-spacing:1px}.timeline{position:relative;margin-left:24px;padding-left:24px;border-left:3px solid var(--white-gray-variant)}.timeline-item{position:relative;margin-bottom:38px;padding-left:18px}.timeline-dot{position:absolute;left:-34px;top:8px;width:18px;height:18px;background:var(--blue-royal);border-radius:50%;border:3px solid var(--white-ice);box-shadow:0 2px 8px #1a56db1a;z-index:2}.timeline-content{background:var(--white-gray);border-radius:10px;padding:18px 22px;box-shadow:0 2px 8px #1a56db0a;margin-bottom:0}.timeline-content h3{margin:0 0 6px;font-size:1.15rem;color:var(--blue-royal);font-weight:700}.timeline-date{font-size:.98rem;color:#888;font-weight:500;margin-bottom:8px;display:block}.timeline-content p{margin:8px 0 0;font-size:1.04rem;color:var(--gray-black);line-height:1.5}@media (max-width: 720px){.timeline-section{margin:12px 0 0;padding:0 0 12px}.timeline-title{font-size:1.2rem;margin-bottom:18px}.timeline{margin-left:10px;padding-left:12px;border-left-width:2px}.timeline-dot{left:-20px;width:12px;height:12px}.timeline-content{padding:10px 8px}.timeline-content h3{font-size:1rem}.timeline-date{font-size:.92rem}.timeline-content p{font-size:.97rem}}.home-split{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;min-height:36rem;padding-left:2rem;padding-right:2rem;padding-top:0rem}.home-left,.home-right{flex:1 1 20rem;display:flex;justify-content:center;align-items:center;min-width:15rem}.home-right{flex-direction:column;align-items:flex-start;max-width:31.25rem}.container{max-width:80rem;width:100%;margin:0 auto}.main-content{flex:1;padding-top:4rem}.home-right a{color:inherit;text-decoration:none;font-weight:600;transition:color .22s,transform .22s;display:inline-block}.home-right a:hover,.home-right a:focus{color:var(--blue-royal);outline:none}.social-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:1.125rem;margin:1.125rem 0 .5rem}.social-links img{width:2.375rem;height:2.375rem;object-fit:contain;border-radius:.5rem;transition:transform .18s,box-shadow .18s;box-shadow:0 .0625rem .25rem #0000000f;background:#fff}.social-links a:hover img,.social-links a:focus img{transform:scale(1.13);box-shadow:0 .25rem 1rem #1a56db21}.card-my-announcement,.carousel-wrapper{display:flex;justify-content:flex-start;align-items:flex-start;margin-right:auto;text-align:left}h1{margin-left:0}.about-highlight{background:var(--blue-royal);border-radius:1.125rem;padding:2rem 2.375rem 1.5rem;margin-top:2.375rem;color:var(--white-ice);box-shadow:0 .25rem 1.5rem #1a56db14;display:flex;flex-direction:column;gap:1.125rem}.about-highlight-titles{display:flex;width:100%;justify-content:space-between;align-items:flex-start}.about-highlight h2{color:var(--white-ice);font-size:2.2rem;font-weight:700;margin-bottom:.625rem;line-height:1.2;letter-spacing:.0625rem;flex:1 1 60%}.about-highlight h4{color:var(--white-ice);opacity:.85;text-align:right;flex:1 1 40%}.certificates-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1.125rem;margin:1.125rem 0 1.75rem;justify-items:center;align-items:stretch}.timeline-section{margin:3rem 0 0;padding:0 0 2rem}.timeline-title{color:var(--blue-royal);font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:left;letter-spacing:.0625rem}.timeline{position:relative;margin-left:1.5rem;padding-left:1.5rem;border-left:.1875rem solid var(--white-gray-variant)}.timeline-item{position:relative;margin-bottom:2.375rem;padding-left:1.125rem}.timeline-dot{position:absolute;left:-2.125rem;top:.5rem;width:1.125rem;height:1.125rem;background:var(--blue-royal);border-radius:50%;border:.1875rem solid var(--white-ice);box-shadow:0 .125rem .5rem #1a56db1a;z-index:2}.timeline-content{background:var(--white-gray);border-radius:.625rem;padding:1.125rem 1.375rem;box-shadow:0 .125rem .5rem #1a56db0a;margin-bottom:0}.timeline-content h3{margin:0 0 .375rem;font-size:1.15rem;color:var(--blue-royal);font-weight:700}.timeline-date{font-size:.98rem;color:#888;font-weight:500;margin-bottom:.5rem;display:block}.timeline-content p{margin:.5rem 0 0;font-size:1.04rem;color:var(--gray-black);line-height:1.5}.effect-phrase{background:var(--blue-royal);color:var(--white-ice);border-radius:.875rem;padding:1.125rem 1.75rem;margin:2rem 0 1.125rem;font-size:1.25rem;font-weight:700;text-align:center;letter-spacing:.0625rem;box-shadow:0 .25rem 1.5rem #1a56db14}.certifications-title{margin-top:2rem;margin-bottom:.75rem;color:var(--blue-royal)}@media (max-width: 45rem){.certificates-row{grid-template-columns:1fr;gap:.9375rem;margin:.75rem 0 1.125rem;flex-direction:column}.home-split{padding:.2rem}.container{padding-left:.7rem!important;padding-right:.7rem!important;width:100%;box-sizing:border-box}.home-left,.home-right{width:100%;flex:none;padding-left:.7rem;padding-right:.7rem;justify-content:center;align-items:center}.main-content,.about-highlight,.card-my-announcement,.carousel-wrapper,.timeline-section,.timeline-content{padding-left:.7rem!important;padding-right:.7rem!important}.home-right{align-items:flex-start;text-align:left;margin:0;max-width:100%}.profile-container{display:flex;justify-content:center;margin-top:0%;padding-top:0!important}.profile-image{width:12rem!important;height:12rem!important;margin-bottom:0}.home-right h1{display:none}.home-right p{font-size:1.04rem;line-height:1.35;margin:0 0 .625rem;padding:0;text-align:left;word-break:break-word;margin-left:0}.social-links{justify-content:flex-start;gap:.875rem;margin:.625rem 0 0;width:100%}.social-links img{width:1.875rem;height:1.875rem}.btn-action{display:none}.about-highlight{margin-top:1.125rem;border-radius:.75rem}.about-highlight h2{margin-bottom:.625rem}.about-highlight-titles{flex-direction:column;gap:.5rem}.about-highlight h2,.about-highlight h4{margin-left:.625rem;text-align:left;flex:justify}.timeline-section{margin:1.5rem 0 0;padding:0 0 1.125rem}.timeline-title{font-size:1.2rem;margin-bottom:1.125rem}.timeline{margin-left:.625rem;padding-left:.75rem;border-left-width:.125rem}.timeline-dot{left:-1.25rem;width:.75rem;height:.75rem}.timeline-content{padding:.625rem .5rem}.timeline-content h3{font-size:1rem}.timeline-date{font-size:.92rem}.timeline-content p{font-size:.97rem}}.contact-card{width:100%;max-width:1280px;background:#fff;border-radius:18px;padding:32px 38px 24px;margin:38px auto;color:var(--gray-black);box-shadow:0 4px 24px #1a56db14;display:flex;flex-direction:column;gap:18px;box-sizing:border-box}.contact-card-title{font-size:2rem;color:var(--blue-royal);margin-bottom:20px;font-weight:700;text-align:center;letter-spacing:.5px}.contact-card-form{width:100%;display:flex;flex-direction:column;gap:18px;margin-bottom:18px}.contact-card-field{display:flex;align-items:center;background:#f3f7ff;border-radius:10px;padding:8px 12px;box-shadow:0 1px 6px #1a56db0f}.contact-card-icon{color:var(--blue-royal);font-size:1.35rem;margin-right:10px}.contact-card-field input,.contact-card-field textarea{border:none;background:transparent;font-size:1rem;font-family:inherit;color:var(--gray-black);width:100%;padding:6px 0;resize:none;outline:none}.contact-card-field input::placeholder,.contact-card-field textarea::placeholder{color:#9eaecb}.contact-card-btn{background:var(--blue-royal);color:var(--white-ice);border:none;border-radius:10px;padding:12px 0;font-size:1.08rem;font-weight:700;cursor:pointer;margin-top:6px;transition:background .18s,transform .18s;width:100%;display:flex;align-items:center;justify-content:center}.contact-card-btn:hover,.contact-card-btn:focus{background:var(--blue-royal-light);transform:scale(1.04)}.contact-card-success{margin-top:10px;background:#e7fbe7;color:#219150;border-radius:8px;padding:10px;text-align:center;font-size:.95rem;font-weight:600;box-shadow:0 2px 10px #21915014}.contact-card-social{width:100%;display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:14px;font-size:1rem}.contact-card-social-link{display:flex;align-items:center;gap:6px;color:var(--blue-royal);text-decoration:none;font-weight:600;transition:color .18s}.contact-card-social-link:hover,.contact-card-social-link:focus{color:#0d2e6a;text-decoration:underline}@media (max-width: 720px){.contact-card{padding:18px 16px 12px;margin:26px auto 10px;max-width:98vw;min-height:300px;border-radius:12px;width:100%}.contact-card-title{font-size:1.4rem;margin-bottom:12px}.contact-card-social{font-size:.97rem}.contact-card-btn{padding:14px 12px;font-size:1rem;white-space:nowrap;min-height:48px;box-sizing:border-box}.contact-card-field{padding:10px 12px}}.card-project{background:var(--white-gray);border-radius:14px;padding:24px;width:100%;min-width:300px;max-width:400px;min-height:200px;box-shadow:0 2px 8px #00000008;display:flex;flex-direction:column;justify-content:flex-start;margin:10px auto;box-sizing:border-box;position:relative;overflow:hidden;text-align:center;align-items:center;transition:color .22s;color:var(--white-gray)}.card-project-header{display:flex;align-items:center;gap:8px}.card-project-title{font-weight:600;font-size:1.1rem;margin-right:.5em;text-align:center;transition:color .22s}.card-project-description{font-weight:400;text-align:center;transition:color .22s}.card-project:hover,.card-project:focus-within{cursor:pointer;box-shadow:0 8px 24px #1a56db1a;z-index:2;outline:none;color:var(--white-ice);transition:background .5s,transform .22s cubic-bezier(.4,1.6,.6,1),box-shadow .22s,color .22s}@media (max-width: 720px){.card-project{min-width:unset;max-width:unset;width:100%;min-height:120px;padding:14px 6px 18px;margin:0 0 10px;box-sizing:border-box}}.card-projects-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 10px;margin:32px 0 0;width:100%;justify-items:center;align-items:stretch}#title-project{margin-top:32px;margin-bottom:0;font-size:2.1rem;font-weight:700;text-align:left}.card-project{transition:transform .22s cubic-bezier(.4,1.6,.6,1),box-shadow .22s}.card-project:hover,.card-project:focus-within{transform:scale(1.06);box-shadow:0 8px 24px #1a56db1a;z-index:2;outline:none;color:var(--white-ice);background:var(--blue-royal-light)}.video-wrapper{grid-column:span 3;width:100%;display:flex;justify-content:center;margin-top:20px}@media (max-width: 720px){.card-projects-row{grid-template-columns:1fr;gap:15px;margin:12px 0 18px}.container{padding-top:30px}.video-wrapper{grid-column:span 1;margin-top:16px}}