.error-page{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100vw;min-height:90vh}.error-page h1{font-size:15vw;color:var(--accent-color1)}.error-page p{font-size:2.1rem;font-weight:400}.error-page a{text-decoration:none;font-size:1.7rem;font-weight:400}.accordion{background-color:var(--bg-color);color:#444;cursor:pointer;padding:18px;width:100%;text-align:left;border:none;border-top:1px solid rgba(128,128,128,.65);outline:none;transition:.4s}.accordion.active,.accordion:hover{background:#fca311}.accordion:after{content:'\02795';font-size:13px;color:#777;float:right;margin-left:5px}.accordion.active:after{content:"\2796"}.panel{padding:0 18px;background-color:var(--bg-color);max-height:0;overflow:hidden;transition:max-height .2s ease-out;display:flex;flex-direction:column;gap:10px}.panel-content{padding:20px 0}embed{width:100%;height:300px;border:1px solid #ddd;border-radius:4px}.btn1{display:inline-block;padding:.4rem .8rem;margin-top:.5rem;max-height:350px;font-size:.9rem;background-color:transparent;text-decoration:none;border-radius:5px;font-weight:500;transition:var(--transition);background:#1b1b1b;color:var(--bg-color);border:1px solid rgba(128,128,128,.65)}.btn1:hover{color:#1b1b1b;background-color:transparent;border:1px solid gray}.btn2{display:inline-block;padding:.6rem 1.5rem;background:var(--accent-color1);color:#fff;text-decoration:none;border-radius:50px;font-weight:600;font-size:1rem;transition:var(--transition);box-shadow:0 4px 15px rgba(0,0,0,.2);cursor:pointer}.btn2:hover{transform:none;background-color:var(--accent-color1);box-shadow:0 0}#about-button{background-color:var(--primary-color);color:var(--text-light);border-radius:0;display:inline-block;padding:.5rem 1.5rem;font-weight:500;font-size:.8rem;transition:var(--transition)}#about-button:hover{transform:none;background:var(--accent-color1);box-shadow:0 0}#project-button{background-color:var(--primary-color);color:var(--text-light);border-radius:0;display:inline-block;padding:.5rem 1.5rem;font-weight:500;font-size:.8rem;transition:var(--transition);align-self:center;margin-top:.7rem;cursor:pointer}#project-button:hover{transform:none;background:#880808;box-shadow:0 0}.card1-container{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-bottom:3rem}@media(max-width:600px){.card1-container{grid-template-columns:1fr}}.card1{background:#fff;width:100%;height:500px;border-radius:12px;box-shadow:0 5px 15px rgba(0,0,0,.1);transition:var(--transition);display:flex;flex-direction:column;overflow:hidden}.card1:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,0,0,.2)}.card1-image{flex:0 0 60%;width:100%;height:65%;background:#f0f0f0}.card1-image img{width:100%;height:100%;display:block}.card1-contents{flex:0 0 35%;padding:1rem;display:flex;flex-direction:column;justify-content:space-between}.card1-contents h3{font-size:1.25rem;color:var(--accent-color1);margin-bottom:.3rem}.card1-contents p{margin:0;color:#1a1110;font-size:.9rem;line-height:1.4}.card2-container{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}#card2-container-independent{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;background-color:#f7fafc}@media(max-width:768px){#card2-container-independent{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(1,1fr);gap:2rem;background-color:#f7fafc}}.card2{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease}.card2:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.15)}.card2-image{width:100%;height:500px;overflow:hidden}#card2-image-index{width:100%;height:250px;overflow:hidden}.card2-image #card2-image-index img{width:100%;height:100%;object-fit:cover;transition:var(--transition)}.card2:hover .card2-image #card2-image-index img{transform:scale(1.05)}.card2-content{padding:2rem 1.5rem;padding-top:1rem !important;text-align:left}.card2-content h3{font-size:1.8rem;color:#1b1b1b;margin-bottom:1.5rem;font-weight:600;position:relative}.card2-content h3::before{content:'';position:absolute;left:0;bottom:-10px;width:40px;height:3px;background:var(--accent-color)}@media(max-width:1200px){.card2-container{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.card2-container{grid-template-columns:repeat(2,1fr);gap:1.5rem}.card2-image{height:200px}}@media(max-width:600px){.card2-container{grid-template-columns:1fr;gap:1.5rem}.card2-image{height:250px}.card2-section{padding:3rem 1rem}}.card3-section{padding:2rem;background:0 0;background-color:var(--bg-color)}.card3-section h2{text-align:center}.card3-container{margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:10rem}#card3-container-projects{max-width:80vw;margin:0 auto;display:grid;grid-template-columns:repeat(1,1fr);gap:2rem;background-color:var(--bg-color)}#card3-container-projects p{text-align:left;margin-top:.5rem;margin-bottom:.5rem}#card3-container-projects hr{margin:-1rem 0;border:0;text-align:center;&:before { content:"\2022 \2022 \2022"; font-size:3rem; color:var(--accent-color1); letter-spacing:1rem; }}@media(min-width:1024px){#card3-container-projects{max-width:40vw;margin:0 auto;display:grid;grid-template-columns:repeat(1,1fr);gap:2rem;background-color:var(--bg-color)}}.card3{background:0 0;border-radius:8px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.card3-image{width:200px;height:200px;border-radius:50%;overflow:hidden;object-fit:cover}.card3-image-projects{width:100%;height:250px;border-radius:0;overflow:hidden}.card3-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition)}.card3-content{padding:2rem 1.5rem;text-align:center}.card3-content-projects{padding:.5rem 0;text-align:left}.card3-content h3{font-size:1.8rem;color:#1b1b1b;font-weight:600;position:relative}.card3-projects h3{font-size:2rem;color:#1b1b1b;font-weight:600;text-align:center;margin-bottom:.5rem}@media(max-width:1200px){.card3-container{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.card3-container{grid-template-columns:repeat(2,1fr);gap:1.5rem}.card3-image{height:200px}}@media(max-width:600px){.card3-container{grid-template-columns:1fr;gap:1.5rem}.card3-image{height:250px}.card3-section{padding:3rem 1rem}}.card4-container{flex:1;min-width:0}.card4-container h2{font-size:2.3rem;font-weight:550;color:var(--accent-color1);text-align:left;margin-bottom:.8rem}.card4-container h3{font-size:1.5rem;font-weight:550;text-align:left;margin-bottom:.8rem}.card4 h3{color:#002147;font-size:1.8rem;font-weight:600}.card4{padding:2rem;margin-bottom:1.5rem;background-color:transparent;text-align:left;width:100%;border-radius:16px;border-left:2.5px solid var(--accent-color1);border-right:2.5px solid var(--accent-color1)}.card4-year{color:var(--accent-color1);font-size:1.5em;font-weight:600}.card4-actexp{color:#002147;font-size:1.4em;font-weight:600}.card4 p{color:#4a5568;line-height:1.6;margin:0}.card4-honors p{margin-bottom:1.15rem}.card4-honors-last{margin-bottom:0 !important}@media(max-width:1023px){.content-section{flex-direction:column}.card4-container h2::before,.card4-container h2::after{width:calc(50% - 60px)}}.contact-content{max-width:600px;margin:0 auto}.contact-content p{text-align:center;margin-bottom:3rem;font-size:1.3rem;font-weight:500;color:#4a5568}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-top:1rem;margin-bottom:.5rem;font-weight:600;color:var(--text-dark)}.form-group input,.form-group textarea{width:100%;padding:1rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:var(--transition)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-color1)}.form-group textarea{min-height:150px;resize:vertical}@media(max-width:768px){.nav-menu{gap:1rem;font-size:.9rem}.slide-title{font-size:2rem}.slide-text{font-size:1rem}.section-title{font-size:2rem}.slider-btn{padding:.5rem 1rem;font-size:1.5rem}}#btn-contact{width:100%;cursor:pointer;border:none;margin-top:.7rem;font-size:1.1rem}.footer{background:rgba(28,28,30,.95);color:#f5f5f5 !important;text-align:center;padding:1.7rem}.footer a,.footer a:link{color:#f5f5f5 !important;text-decoration:none}.footer a:visited,.footer a:hover,.footer a:active{color:#d3d3d3 !important;text-decoration:none}hr.styled-hr{width:100%;margin:0 auto;border:none;height:2px;background-image:linear-gradient(to right,#f5f5f5,#28282B,#f5f5f5)}hr.styled-hr::after{content:"\00A7";display:inline-block;position:absolute;left:50%;transform:translate(-50%,-50%)rotate(60deg);transform-origin:50% 50%;padding:1rem;background-color:var(--bg-color)}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-color:#FDFCFA;--primary-color:#1C1C1E;--secondary-color:#1A1110;--accent-color1:#880808;--accent-color2:#002147;--text-light:#f5f5f5;--text-dark:#1B1212;--transition:all 0.3s ease}body{font-family:times new roman,Times,serif;line-height:1.6;color:var(--text-dark);background-color:var(--bg-color)}p,h1,h2,h3,h4{-webkit-user-select:none;-ms-user-select:none;user-select:none}header{position:relative;z-index:10}.navbar{background:rgba(28,28,30,.95);backdrop-filter:blur(10px);position:static;width:100%;top:0;box-shadow:0 2px 10px rgba(0,0,0,.1);z-index:9999 !important}.nav-container{max-width:1200px;margin:0 auto;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.nav-logo{color:var(--text-light);font-size:2rem;font-weight:700;text-decoration:none;letter-spacing:1px}.nav-menu{display:flex;list-style:none;gap:2rem}.nav-link{color:var(--text-light);font-size:1.2rem;text-decoration:none;font-weight:500;transition:var(--transition);position:relative}.nav-link::after{content:'';position:absolute;width:0;height:2px;bottom:-5px;left:0;background:#fca311;transition:var(--transition)}.nav-link:hover::after,.nav-link.active::after{width:100%}.nav-toggle{display:none;background:0 0;border:none;cursor:pointer;padding:.5rem;position:relative;width:40px;height:40px}.nav-toggle img{width:24px;height:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:opacity .3s ease;filter:brightness(0)invert(1)}.icon-close{opacity:0}.nav-toggle.active .icon-burger{opacity:0}.nav-toggle.active .icon-close{opacity:1}.nav-toggle:hover img{transform:translate(-50%,-50%)scale(1.1)}@media(max-width:1023px){.nav-toggle{display:block}.nav-menu{position:fixed;left:-100%;top:var(--nav-height);flex-direction:column;background-color:rgba(45,55,72,.98);width:100%;text-align:center;transition:left .3s ease;box-shadow:0 10px 27px rgba(0,0,0,5%);gap:0;padding:2rem 0;z-index:10000}.nav-menu.active{left:0}.nav-menu li{padding:1rem 0}.nav-link{font-size:1.2rem}.nav-link::after{display:none}}.content-section{max-width:1000px;margin:2rem auto;padding:2rem}.page-header{background-color:var(--accent-color1);color:var(--text-light);text-align:center;padding:1rem var(--nav-height);z-index:2}.page-header h1{font-size:2.8rem}@media(max-width:1023px){.page-header h1{font-size:2.3rem}}.page{display:flex;min-width:100vw;margin:0;min-height:100vh}.section-title{font-size:2.7rem;margin-bottom:2rem;color:var(--text-dark);text-align:center}@media(max-width:1023px){.section-title{font-size:2.2rem}}.section-toc{width:90vw;margin:0 auto 3rem;background-color:var(--bg-color);align-items:center}.section-toc-content p{max-width:80vw;padding:2rem;font-size:1.2rem;font-weight:500}@media(min-width:1024px){.section-toc{display:flex;gap:3rem;max-width:1400px;margin:0 auto;padding:5rem;align-items:start}}.section-toc-photos{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;width:100%}.section-toc-photos img{max-width:100%;height:300px;object-fit:cover}@media screen and (max-width:768px){.section-toc-photos{grid-template-columns:1fr}}@media screen and (max-width:480px){.section-toc-photos{grid-template-columns:1fr}}#section-toc-content-about{width:90vw}#section-toc-content-about p{font-size:1.2rem;font-weight:500;margin-bottom:2.8rem}#section-toc-content-about h2{font-size:1.8rem;font-weight:800;color:var(--accent-color1);text-align:center;margin-bottom:1.1rem}#section-toc-project-ProblemOfTheDay-content{max-width:80vw;padding:2rem}#section-toc-project-ProblemOfTheDay-content p,#section-toc-project-ProblemOfTheDay-content ul li{font-size:1.2rem;font-weight:500}.ProblemOfTheDay-Day{color:var(--accent-color) !important}.section-index{display:flex;flex-direction:column;justify-content:center;align-items:center;width:65vw;margin:0 auto}.section-index-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;background-color:var(--bg-color);margin:0 auto}@media(max-width:1023px){.section-index{width:90vw}.section-index-container{padding:4rem 1rem}}.section-index-content{text-align:center}.section-index-text{font-size:1.2rem;margin-bottom:2rem;color:var(--secondary-color);line-height:1.8}#about-container{display:grid;grid-template-columns:1fr 1fr;gap:2rem}#about-content{max-width:1000px;text-align:left}@media(max-width:768px){#about-container{grid-template-columns:1fr;width:90%}}#about-title{text-align:center;font-size:1.8rem;margin-top:0;margin-bottom:1.3rem;color:var(--text-dark)}#about-text{display:flex;margin-bottom:1.3rem;text-align:left}#previewList{display:flex;flex-direction:column;max-width:80vw;padding:2rem}.previewBox{display:flex;flex-direction:column;margin-block-end:2em;align-items:center}.previewLink{font-size:1rem;display:flex;align-items:flex-start;margin-bottom:.5rem}#previewList h2{font-size:2.3rem;font-weight:800;color:var(--accent-color);text-align:left;margin-bottom:.8rem}@media(max-width:600px){#previewList{max-width:100vw;padding:0}.previewLink{font-size:.4em;display:flex;align-items:center;justify-content:center;min-width:90%;height:5dvh}}@media(max-width:767px){#previewList{max-width:100vw;padding:0}.previewLink{font-size:.7em;display:flex;align-items:center;justify-content:center;min-width:90%;height:5dvh}}@media(max-width:992px){#previewList{max-width:100vw;padding:0}.previewLink{font-size:.8em;display:flex;align-items:center;justify-content:center;width:70%;height:5dvh}}.projectPreview{width:100%;height:60dvh;border:2px solid var(--accent-color2)}@media(max-width:767px){.projectPreview{min-width:90%;height:60dvh}}@media(max-width:992px){.projectPreview{width:70%;height:60dvh}}.projectPreview iframe{width:100%;height:100%;border:none;display:block}.image-slider{position:relative;height:calc(100vh - var(--nav-height));overflow:hidden;z-index:1 !important}.slider-container{width:100%;height:100%;position:relative}.slide{position:absolute;width:100%;height:100%;opacity:0;transition:opacity 1s ease-in-out;display:flex;align-items:flex-end;justify-content:flex-start}.slide:nth-child(1){background-image:linear-gradient(135deg,rgba(195,169,149,.13) 0%,rgba(171,148,126,.13) 100%),url(/img/slide1.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat}.slide:nth-child(2){background-image:linear-gradient(135deg,rgba(73,88,103,.3) 0%,rgba(87,115,153,.3) 100%),url(/img/slide2.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat}.slide:nth-child(3){background-image:linear-gradient(135deg,rgba(73,88,103,.3) 0%,rgba(87,115,153,.3) 100%),url(/img/slide3.png);background-size:cover;background-position:50%;background-repeat:no-repeat}.slide.active{opacity:1}.slide-content{text-align:center;color:#fff;padding:2rem;max-width:800px}.slide-title{font-family:times new roman;font-size:7vw;font-weight:400;text-transform:uppercase;letter-spacing:.4rem;margin-left:1.5vw;margin-bottom:2vh;animation:slideDown .8s ease-out}@keyframes slideDown{from{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}.slider-btn{position:absolute;top:50%;transform:translateY(-50%);background:0 0;border:none;color:#fff;font-size:2rem;cursor:pointer;transition:var(--transition)}.slider-btn:hover{scale:1.3}.slider-btn.prev{left:2rem}.slider-btn.next{right:2rem}.slider-dots{position:absolute;bottom:1.7rem;left:50%;transform:translateX(-50%);display:flex;gap:1rem}.dot{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.5);cursor:pointer;transition:var(--transition)}.dot.active{background:#fff;transform:scale(1.3)}#projectList{display:flex;justify-content:center}#projectList caption{text-align:center;font-weight:700;color:#0b1e38;padding:10px 0;background-color:#f0e9eb}table{border-collapse:collapse;border:2px solid #e5e5e5;color:#fff;width:100%;text-align:center}td{color:#f5f5f5;border:1px solid #e5e5e5;padding:20px}a{color:#fe5f55}#projectList table{border-collapse:collapse;border:2px solid #e5e5e5;width:100%;text-align:center}@media(max-width:600px){#projectList table{display:table;table-layout:fixed;word-wrap:break-word;border-collapse:collapse;border:2px solid #e5e5e5;max-width:90vw}#projectList caption{font-size:18px !important}#projectList table,#projectList th{font-size:12px !important;padding:5px 3px}#projectList table,#projectList td{font-size:10px !important;padding:5px 3px}}@media(max-width:768px){#projectList table{border-collapse:collapse;border:2px solid #e5e5e5;width:90%}#projectList caption{font-size:24px}#projectList table{font-size:18px}}#projectList th,#projectList td{color:#14213d;border:1px solid #e5e5e5;padding:20px}#projectList a{color:#fe5f55}.toc-sidebar{width:280px;position:sticky;top:2.5rem;height:fit-content;max-height:calc(100vh - 120px);margin-bottom:0;flex-shrink:0;order:1}@media(max-width:1023px){.toc-sidebar{width:100%;position:static;height:auto;max-height:none;margin-top:30px;margin-bottom:30px}}.toc{background-color:transparent;border:1px solid rgba(128,128,128,.65);border-radius:5px;padding:24px;box-shadow:0 8px 32px rgba(0,0,0,5%);transition:transform .3s ease}.toc-title{font-size:14px;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:20px;color:var(--accent-color1)}.toc ul{list-style:none;padding-left:0;border-left:1px solid rgba(255,255,255,.1)}.toc li{margin:4px 0}.toc a{display:block;padding:6px 16px;color:inherit;text-decoration:none;font-size:14px;opacity:.6;border-left:2px solid transparent;margin-left:-1px;transition:all .3s ease-in-out}.toc a:hover{opacity:1;color:var(--accent-color1);border-left-color:var(--accent-color1)}.toc ul ul{padding-left:15px;border-left:none}.toc a:hover{opacity:.8}