*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;text-rendering:optimizeLegibility}h1,h2,h3,p,a,button{font-family:inherit;line-height:inherit}h1,h2,h3,p,a{color:#e2e8f0}a{font-weight:500;color:#cbd5e1;text-decoration:inherit}a:hover{color:#535bf2}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}h1{font-size:3.2rem;line-height:1.1}h2{font-size:2.5rem;line-height:1.4}h3{font-size:2rem;line-height:1.4}p{font-size:1.2rem;line-height:1.6}.page-container{position:relative;min-height:100vh}.contact-bg{background-color:#add8e6;min-height:100vh;position:absolute;top:0;left:0;width:100%;z-index:-1}.animated-bg{background:linear-gradient(-45deg,#1f2937,#3b82f6,#6366f1,#0ea5e9,#1f2937);background-size:400% 400%;animation:gradientShift 30s ease infinite;position:absolute;top:0;left:0;width:100%;min-height:100vh;z-index:-1;will-change:background-position}body,input,textarea{background-color:#fff;color:#000}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@media (max-width: 768px){.animated-bg{animation:none;background:#3b82f6;background-size:100% 100%}}.hero-container{display:flex;flex-direction:column;align-items:center;padding:2rem;min-height:100vh;color:inherit;background:none;max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box}.hero-text-container{max-width:800px;width:100%;padding:2rem;text-align:center;background-color:#00000080;border-radius:.5rem;color:inherit}.hero-title{font-size:2.5rem;margin-bottom:1rem}.hero-intro{font-size:1.25rem;margin-bottom:1rem;color:#cbd5e1}.hero-summary{font-size:1.1rem;color:#e2e8f0}.hero-hobbies-container{width:100%;max-width:1000px;margin-top:3rem;display:flex;flex-direction:column;align-items:center}.hero-hobbies-title{margin-top:2rem;margin-bottom:1.5rem}.hero-hobbies-list{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;padding:0;margin:0;list-style:none;width:100%}.hobby-card{display:block;width:220px;height:280px;border-radius:.5rem;overflow:hidden;background-color:#0009;box-shadow:0 4px 12px #0000004d;transition:transform .3s ease;cursor:pointer;padding:6px;box-sizing:border-box}.hobby-card:hover{transform:translateY(-5px)}.hobby-image{width:100%;height:100%;object-fit:cover;display:block;border-radius:.25rem}@media (max-width: 768px){.hero-hobbies-list{display:flex;flex-direction:column;gap:1.5rem;width:100%;padding:0 1rem}.hobby-card{width:100%;max-width:3500px;height:150px;padding:10px;box-sizing:border-box;overflow:hidden;display:flex;justify-content:center;align-items:center;background-color:#0009}.hobby-image{width:100%;height:100%;object-fit:cover;border-radius:.25rem}.hobby-image-top{object-position:top}.hobby-image-middle{object-position:center}.hobby-image-bottom{object-position:bottom}}.image-flip-container{position:relative;display:inline-block;width:350px;height:400px;cursor:pointer;margin:50px}.flip-image-container{position:relative;width:100%;height:100%;perspective:1000px;box-shadow:0 8px 12px #000;border-radius:12px;transition:transform .3s ease}.flip-image-container:hover{transform:scale(1.03) rotateX(2deg) rotateY(2deg)}.flip-image{width:100%;height:100%;backface-visibility:hidden;transition:transform .6s ease-in-out;position:absolute;top:0;left:0;border-radius:12px}.flip-image-container.flipped .flip-image:first-child{transform:rotateY(180deg)}.flip-image-container.flipped .flip-image:nth-child(2){transform:rotateY(0)}.flip-image:first-child{z-index:2}.flip-image:nth-child(2){transform:rotateY(180deg)}.contact-section{padding:2rem 1rem;max-width:1200px;margin:0 auto}.contact-section h1,.contact-section p{color:#000}.contact-title{padding-top:2rem;font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:center}.contact-form{max-width:600px;margin:0 auto}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-size:1rem;font-weight:700;margin-bottom:.5rem}.form-group input,.form-group textarea{width:100%;padding:.75rem;border:1px solid #ccc;border-radius:.375rem;font-size:1rem}.button{background-color:#2563eb;color:#fff;padding:.75rem 1.5rem;border-radius:.375rem;cursor:pointer;font-size:1rem;margin-top:1rem;width:auto;display:block;margin-left:auto;margin-right:auto}.button:hover{background-color:#1d4ed8}.contact-info{max-width:600px;margin:2rem auto 0;text-align:left}.contact-info p{font-size:1.2rem;margin:.5rem 0}.contact-info a{color:#1a1a1a;text-decoration:none}.contact-info a:hover{text-decoration:underline}.resume-button{background-color:#2563eb;color:#fff;padding:.75rem 1.5rem;border-radius:.375rem;text-decoration:none;font-size:1rem;display:inline-block;transition:background-color .3s,color .3s}.resume-button a{color:#fff}.resume-button:hover{background-color:#1d4ed8;color:#fff}.resume-download{margin-top:2rem;text-align:center}.seperate{margin:2rem;width:auto;text-align:center}.projects-container{padding:2rem 1rem;max-width:1200px;margin:0 auto;text-align:center}.projects-section{z-index:1;color:#fff;max-width:100%;background-color:#0009;padding:2rem;border-radius:8px;margin:2rem auto}.project-card{background-color:#1e1e2f;padding:1.5rem;border-radius:12px;color:#fff;box-shadow:0 4px 10px #0006;margin:2rem 0;transition:transform .3s ease,box-shadow .3s ease}.project-card h3{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.project-card p{font-size:1rem;margin:1rem 0}.project-card .project-buttons{display:flex;justify-content:center;gap:1rem;margin-top:1rem}.project-card button{background-color:#1a1a1a;color:#e2e8f0;font-size:1rem;padding:.8rem 1.6rem;border-radius:8px;border:none;cursor:pointer;margin-top:1rem;transition:background-color .3s ease}.project-card button:hover{background-color:#646cff}.project-card button:focus{outline:4px auto -webkit-focus-ring-color}.project-card .expanded-content{margin-top:1rem;font-size:1rem;color:#eee}.project-card p strong{color:#f7a600}.project-card .image-row{display:flex;gap:1rem;margin:2rem 0;justify-content:space-around;flex-wrap:wrap}.project-card .project-image{width:100%;height:auto;max-width:200px;border-radius:8px}.project-card .full-description{margin-top:1rem;font-size:1rem;color:#eee}@media (max-width: 768px){.project-card .project-image{max-width:45%;flex:0 0 45%}}li{list-style-type:none}h2{padding-bottom:1rem}.education-container{padding:2rem 1rem;max-width:1200px;margin:0 auto;text-align:center}.education-section{z-index:1;color:#fff;max-width:100%;background-color:#0009;padding:2rem;border-radius:8px;margin:2rem auto}.degree-details{display:flex;flex-direction:row;align-items:center;justify-content:center;text-align:center;gap:1rem;margin:0 auto}.school-logo{width:80px;height:80px;object-fit:contain;background-color:#fff;border-radius:50%}.degree-text .degree-title{font-size:1.1rem;font-weight:700;margin:0}.degree-text .school-name{margin:.2rem 0;font-size:1rem}.degree-text .honors{font-size:.95rem;color:#f2f2f2}.courses-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:2rem}.certifications-list{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-top:2rem}.course-card,.certification-card,.topic-card{background-color:#1e1e2f;padding:1.2rem;border-radius:12px;cursor:pointer;transition:background-color .3s,transform .3s;color:#fff;box-shadow:0 4px 10px #0006;font-size:.85rem;min-height:100px;display:flex;align-items:center;justify-content:center;text-align:center}.course-card:hover,.certification-card:hover{background-color:#292943;transform:translateY(-5px)}.course-card h3,.certification-card h3{font-size:1.5rem;color:#fff;margin-bottom:10px;width:100%}.certification-card{display:block;text-decoration:none}.certification-thumbnail{width:50px;height:50px;object-fit:cover;border-radius:50%;margin-right:15px}.certification-card-content{display:flex;align-items:center;padding:10px;justify-content:flex-start}.additional-learning-list{display:flex;flex-direction:column;gap:2rem;margin-top:2rem;width:100%}.source-title-and-image{display:flex;flex-direction:row;align-items:center;justify-content:center;text-align:center;gap:1rem;margin:0 auto}.learning-source-card{background-color:#0009;padding:2rem;border-radius:12px;color:#fff;box-shadow:0 4px 10px #0006}.learning-source-card h3{font-size:1.5rem;margin-bottom:10px}.learning-source-card p{font-size:1rem;color:#f2f2f2}.learning-source-card img{width:80px;height:80px;object-fit:contain;background-color:#fff;border-radius:50%;padding:5px}.topics-list{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;width:100%;margin-top:30px}.topic-card{background-color:#fff3;padding:1.2rem;border-radius:12px;color:#fff;box-shadow:0 4px 10px #0006;font-size:1rem;display:flex;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:background-color .3s,transform .3s;height:150px;width:120px}.topic-card:hover{background-color:#292943;transform:translateY(-5px)}.topic-card h3{font-size:1.2rem;margin-bottom:10px;width:100%}.topic-card-link{text-decoration:none;color:#fff}.topic-card-link:hover{color:#fff}@media (max-width: 768px){.education-container{margin-top:.5rem;padding:2rem 0rem}.education-section{padding:1.5rem;margin:.5rem}.courses-list,.certifications-list{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-top:1.5rem}.course-card,.certification-card{padding:1rem;font-size:.9rem;min-height:80px}.course-card h3,.certification-card h3{font-size:1.2rem}.certifications-list{display:flex;flex-direction:column;gap:1rem}.certification-card{flex-direction:row;justify-content:flex-start;align-items:center;padding:1rem}.certification-card-content{padding:0}.certification-thumbnail{width:50px;height:50px;margin-right:1rem}.learning-source-card{padding:1rem .5rem}.topics-list{gap:1rem}.topic-card{height:120px;width:120px}}nav{background-color:#000;padding:1rem;position:fixed;top:0;left:0;width:100%;z-index:1000;height:60px}nav ul{list-style-type:none;display:flex;justify-content:space-around;align-items:center;gap:2rem}nav a{text-decoration:none;color:#fff;font-size:1.2rem;font-weight:500;transition:color .3s ease,transform .3s ease}nav a:hover{color:#fbbd08;transform:scale(1.1)}nav a:active{color:#d98e04}nav ul li a{color:#fff;text-decoration:none;padding:10px}nav ul li a.active{color:#fbbd08;font-weight:700}@media (max-width: 768px){nav{padding:.5rem;height:auto}nav ul li{margin:0 .5rem}nav a{font-size:clamp(12px,3vw,24px)}}.hobby-detail-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 1rem;max-width:900px;margin:0 auto}.hobby-detail-container h1{font-size:2.5rem;font-weight:600;margin-bottom:1.5rem;color:#333;padding-top:30px}.hobby-detail-container img{max-width:100%;height:auto;border-radius:12px;margin-bottom:2rem}.hobby-detail-container p{font-size:1.2rem;line-height:1.6;color:#fff;background-color:#0009;max-width:800px;margin-bottom:3rem;padding:2rem;border-radius:8px}.hobby-detail-container button{background-color:#1a1a1a;color:#e2e8f0;font-size:1rem;padding:.8rem 1.6rem;border-radius:8px;border:none;cursor:pointer;margin-top:2rem;transition:background-color .3s ease}.hobby-detail-container button:hover{background-color:#646cff}.hobby-detail-container button:focus{outline:4px auto -webkit-focus-ring-color}.course-detail{padding:2rem 1rem;max-width:900px;margin:4rem auto;background-color:#000000b3;color:#fff;border-radius:8px}.course-detail h2{font-size:2rem;margin-bottom:1rem;text-align:center}.course-detail p{font-size:1.2rem;margin-bottom:1rem}.course-detail ul{list-style-type:none;padding-left:0}.course-detail ul li{font-size:1.1rem;margin-bottom:.5rem}.course-detail strong{font-weight:700;color:#f7a600}.course-detail a{color:#f7a600;text-decoration:none;font-weight:700}.course-detail a:hover{text-decoration:underline}.course-detail .back-button-wrapper{display:flex;justify-content:center;margin-top:2rem}.course-detail button{background-color:#1a1a1a;color:#e2e8f0;font-size:1rem;padding:.8rem 1.6rem;border-radius:8px;border:none;cursor:pointer;margin-top:2rem;transition:background-color .3s ease}.course-detail button:hover{background-color:#646cff}.course-detail button:focus{outline:4px auto -webkit-focus-ring-color}@media (max-width: 768px){.course-detail{padding:1.5rem 1rem;margin:3rem 2rem 2rem;max-width:100%}}.certification-details-container{padding:2rem 1rem;max-width:900px;margin:4rem auto;background-color:#000000b3;color:#fff;border-radius:8px}.certification-details-card{display:flex;flex-direction:column;align-items:center;padding:1.5rem}.certification-details-container h2{font-size:2rem;margin-bottom:1rem;text-align:center}.certification-details-container p{font-size:1.2rem;margin-bottom:1rem}.certification-details-container strong{font-weight:700;color:#f7a600}.certification-details-container a{color:#f7a600;text-decoration:none;font-weight:700}.certification-details-container a:hover{text-decoration:underline}.certification-details-container .back-button-wrapper{display:flex;justify-content:center;margin-top:2rem}.certification-details-container button{background-color:#1a1a1a;color:#e2e8f0;font-size:1rem;padding:.8rem 1.6rem;border-radius:8px;border:none;cursor:pointer;margin-top:2rem;transition:background-color .3s ease}.certification-details-container button:hover{background-color:#646cff}.certification-details-container button:focus{outline:4px auto -webkit-focus-ring-color}@media (max-width: 768px){.certification-details-container{padding:1.5rem 1rem;margin:3rem 2rem 2rem;max-width:100%}.certification-details-container h2{font-size:1.8rem}.certification-details-container p{font-size:1.1rem}}.topic-detail{padding:2rem 1rem;max-width:900px;margin:4rem auto;background-color:#000000b3;color:#fff;border-radius:8px}.topic-detail h2{font-size:2rem;margin-bottom:1rem;text-align:center}.topic-detail p{font-size:1.2rem;margin-bottom:1rem}.topic-detail ul{list-style-type:none;padding-left:0}.topic-detail ul li{font-size:1.1rem;margin-bottom:.5rem}.topic-detail strong{font-weight:700;color:#f7a600}.topic-detail a{color:#f7a600;text-decoration:none;font-weight:700}.topic-detail a:hover{text-decoration:underline}.topic-detail .back-button-wrapper{display:flex;justify-content:center;margin-top:2rem}.topic-detail button{background-color:#1a1a1a;color:#e2e8f0;font-size:1rem;padding:.8rem 1.6rem;border-radius:8px;border:none;cursor:pointer;margin-top:2rem;transition:background-color .3s ease}.topic-detail button:hover{background-color:#646cff}.topic-detail button:focus{outline:4px auto -webkit-focus-ring-color}.skills-and-github{display:flex;justify-content:space-around;align-items:center;margin-top:1.5rem;flex-wrap:wrap}@media (max-width: 768px){.topic-detail{padding:1.5rem 1rem;margin:3rem 2rem 2rem;max-width:100%}}