@font-face{font-family:Quicksand;font-style:normal;font-weight:300 700;font-display:swap;src:url(/_next/static/media/d426c6df177f02c4-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Quicksand;font-style:normal;font-weight:300 700;font-display:swap;src:url(/_next/static/media/9b4fbfc777bb173a-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Quicksand;font-style:normal;font-weight:300 700;font-display:swap;src:url(/_next/static/media/a74fb1607b845cb0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Quicksand Fallback;src:local("Arial");ascent-override:95.87%;descent-override:23.97%;line-gap-override:0.00%;size-adjust:104.31%}.__className_572227{font-family:Quicksand,Quicksand Fallback;font-style:normal}body{margin:0;padding:0;background-color:#f8f8f8;color:#333;scroll-behavior:smooth}.card,.project{padding:10px}.card{border:none;border-radius:5px;margin-bottom:10px;box-shadow:0 2px 4px rgba(0,0,0,.1);background-color:white}.card-header{cursor:pointer;display:flex;justify-content:space-between;align-items:center}.card-body,.card-header{padding:15px;line-height:1.6}.card-body{flex-direction:column}.card-body a{color:#007bff;text-decoration:none;font-weight:700;font-size:1em;transition:color .3s ease;line-height:2}.card-body a:hover{color:#0056b3;text-decoration:underline}p{font-size:1em}header{background-color:#ffffff;color:#333;padding:1em 0;text-align:center;box-shadow:0 2px 5px rgba(0,0,0,.05)}nav{display:flex;justify-content:center;width:100%}nav ul{list-style:none;padding:0;text-align:center;background-color:#ffffff}nav ul li{display:inline;margin:0 15px}nav ul li a{color:#333;text-decoration:none;padding:10px 0;display:inline-block;transition:color .3s ease}nav ul li a.active-link{color:#007bff;font-weight:700;border-bottom:2px solid #007bff}nav ul li a:hover{color:#007bff}main{max-width:960px;margin:20px auto;background-color:transparent;box-shadow:none;padding:0}section{margin-bottom:20px;padding:20px;background-color:#ffffff;box-shadow:0 0 10px rgba(0,0,0,.05);border-radius:8px}.hero-section{background-color:#fff;color:#333;text-align:center;padding:40px 20px;margin-bottom:30px;border-radius:5px}.hero-section h1{font-size:3em;margin-bottom:15px;color:#222}.hero-section p{font-size:1em;margin-bottom:30px;color:#555}.about-content{margin-top:40px;padding-top:30px;border-top:1px solid #eee;max-width:800px;margin-left:auto;margin-right:auto}.profile-photo{width:180px;height:180px;border-radius:50%;object-fit:cover;margin-bottom:25px;border:4px solid #ddd;box-shadow:0 4px 10px rgba(0,0,0,.1)}.about-content h2{font-size:1.8em;margin-bottom:15px;color:#222}.about-content p{font-size:1em;line-height:1.6;max-width:700px;margin:0 auto 20px;text-align:center}.about-content h3{margin-bottom:15px}.about-content h3,.about-content h4{font-size:1.5em;margin-top:40px;color:#222;text-align:center}.about-content h4{margin-bottom:10px}.interests-container{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;margin:20px auto;max-width:700px}.interest-box{background-color:#f8f9fa;border:2px solid #6c757d;border-radius:8px;padding:15px 20px;font-size:1em;font-weight:500;color:#333;text-align:center;cursor:default;min-width:120px;box-shadow:0 2px 4px rgba(108,117,125,.1)}.divider{width:60%;height:1px;background-color:#ddd;margin:30px auto;border:none}.social-links{margin-top:20px}.social-links a{color:#007bff;text-decoration:none;margin:0 15px;font-weight:700;font-size:1em;transition:color .3s ease}.social-links a:hover{color:#0056b3;text-decoration:underline}.timeline{position:relative;margin:40px auto;padding:0 20px;max-width:800px}.timeline:before{content:"";position:absolute;top:0;left:50%;width:2px;height:100%;background:#ccc;transform:translateX(-50%)}.timeline-item{display:flex;justify-content:space-between;margin-bottom:40px;position:relative;width:100%}.timeline-item:before{content:"";position:absolute;top:0;left:50%;width:12px;height:12px;background:#333;border-radius:50%;transform:translateX(-50%);z-index:1}.timeline-year{text-align:right;padding-right:30px;font-weight:700;color:#555}.timeline-content,.timeline-year{width:calc(50% - 30px);box-sizing:border-box}.timeline-content{text-align:left;padding-left:30px;word-wrap:break-word;overflow-wrap:break-word;hyphens:auto;min-width:0;flex-shrink:1}.timeline-item:nth-child(odd) .timeline-year{order:1}.timeline-item:nth-child(odd) .timeline-content{order:2}.timeline-item:nth-child(2n) .timeline-year{order:2;text-align:left;padding-left:30px;padding-right:0}.timeline-item:nth-child(2n) .timeline-content{order:1;text-align:right;padding-right:30px;padding-left:0;word-wrap:break-word;overflow-wrap:break-word;hyphens:auto;min-width:0;flex-shrink:1;box-sizing:border-box}@media (max-width:768px){.timeline{padding:0 10px}.timeline:before{content:"";position:absolute;top:0;left:20px;width:2px;height:100%;background:#ccc;transform:translateX(0)}.timeline-item{flex-direction:column;align-items:flex-start;padding-left:40px;position:relative}.timeline-item:before{content:"";position:absolute;top:0;left:20px;width:12px;height:12px;background:#333;border-radius:50%;transform:translateX(-50%);z-index:1}.timeline-year{text-align:left;padding-right:0;margin-bottom:5px}.timeline-content,.timeline-year{width:auto;padding-left:0}.timeline-item:nth-child(2n) .timeline-content,.timeline-item:nth-child(2n) .timeline-year,.timeline-item:nth-child(odd) .timeline-content,.timeline-item:nth-child(odd) .timeline-year{order:unset;text-align:left;padding-left:0;padding-right:0}}.timeline-content strong{display:block;margin-top:0;margin-bottom:8px;color:#333;font-size:1em;line-height:1.3;text-align:inherit}.timeline-content p{margin-top:0;margin-bottom:0;color:#666;font-size:.95em;line-height:1.4;text-align:inherit;word-wrap:break-word;overflow-wrap:break-word;hyphens:auto;max-width:100%;overflow:hidden}@media (max-width:768px){.timeline-content p,.timeline-content strong{font-size:1em!important}}footer{text-align:center;padding:15px 0;background-color:#ffffff;color:#333;position:relative;bottom:0;width:100%;box-shadow:0 -2px 5px rgba(0,0,0,.05)}@media (max-width:768px){body{overflow-x:hidden}.navbar,header{padding:.5em 0}.navbar{display:flex;justify-content:space-between;align-items:center}nav ul{display:none;flex-direction:column;width:100%;background-color:#ffffff;position:absolute;top:60px;left:0;z-index:1000}nav ul.open{display:flex}nav ul li{margin:0;text-align:center;width:100%}nav ul li a{padding:15px 0;width:100%}.menu-toggle{display:block;cursor:pointer;padding:10px;margin-left:25px}.menu-toggle .bar{width:25px;height:3px;background-color:#333;margin:5px 0;transition:.4s}main{margin:10px;padding:0 10px}main,section{box-sizing:border-box}section{padding:15px;margin-bottom:15px}.hero-section{padding:30px 15px;margin-bottom:20px;box-sizing:border-box}.hero-section h1{font-size:2em}.hero-section p{font-size:1em}.about-content{margin-top:20px;padding-top:20px;max-width:100%;box-sizing:border-box}.profile-photo{width:120px;height:120px;margin-bottom:15px}.about-content h2{font-size:1.5em}.about-content p{font-size:1em;margin:0 auto 15px}.about-content h4{font-size:1.1em;margin-top:20px;margin-bottom:8px}.interests-container{gap:10px;margin:15px auto;max-width:100%;padding:0 5px;box-sizing:border-box}.interest-box{min-width:100px;padding:10px 15px;font-size:.9em}.social-links{margin-top:20px}.social-links a{font-size:1em;margin:0 10px}.timeline{padding:0 10px;max-width:100%;box-sizing:border-box}.timeline-item{padding-left:30px}.timeline-item:before{left:10px}}.portfolio h2{font-size:2.5em;margin-bottom:15px;color:#222;padding-left:10px;padding-bottom:20px;text-align:center;border-bottom:1px solid #eee}.contact-section{max-width:800px;margin:0 auto;padding:20px}.contact-section h2{font-size:2.5em;margin-bottom:15px;color:#222;text-align:center}.contact-section>p{font-size:1em;color:#666;text-align:center;margin-bottom:40px;line-height:1.6}.contact-form{max-width:600px;margin:0 auto;background-color:#f9f9f9;padding:30px;border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,.1)}.form-group{margin-bottom:25px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#333;font-size:1em}.form-group input,.form-group textarea{width:100%;padding:12px 15px;border:2px solid #ddd;border-radius:8px;font-size:1em;font-family:inherit;transition:border-color .3s ease,box-shadow .3s ease;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px rgba(0,123,255,.1)}.form-group textarea{resize:vertical;min-height:120px}.submit-button{width:100%;padding:15px;background-color:#007bff;color:white;border:none;border-radius:8px;font-size:1em;font-weight:600;cursor:pointer;transition:background-color .3s ease,transform .2s ease;margin-top:10px}.submit-button:hover:not(:disabled){background-color:#0056b3;transform:translateY(-2px)}.submit-button:disabled{background-color:#6c757d;cursor:not-allowed;transform:none}.success-message{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb;border-radius:8px}.error-message,.success-message{margin-top:20px;padding:15px;text-align:center;font-weight:500}.error-message{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb;border-radius:8px}.contact-info{text-align:center;margin-top:40px;padding-top:30px;border-top:1px solid #eee}.contact-info p{font-size:1em;color:#666;margin:0}.contact-info a{color:#007bff;text-decoration:none;font-weight:600;transition:color .3s ease}.contact-info a:hover{color:#0056b3;text-decoration:underline}@media (max-width:768px){.portfolio h2{font-size:2em}.contact-section{padding:30px 15px}.contact-section h2{font-size:2em}.contact-form{padding:20px;margin:0 10px}.form-group input,.form-group textarea{padding:10px 12px}.submit-button{padding:12px;font-size:1em}}@media (min-width:769px){.menu-toggle{display:none}.nav-links{display:flex!important}}