.navbar{background:#f0f4f8;padding:1rem 2rem;box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:1000}.nav-container{display:flex;justify-content:center;align-items:center;position:relative}.nav-menu{display:flex;gap:2rem}.nav-link{text-decoration:none;color:#2c3e50;font-weight:500;font-size:1.1rem;padding:.5rem 1rem;border-radius:8px;transition:all .3s ease;position:relative}.nav-link:hover{background-color:#ffffff1a;transform:translateY(-2px)}.nav-link.active{background-color:#fff3;font-weight:600}.hamburger{display:none;cursor:pointer;flex-direction:column;gap:5px}.bar{width:25px;height:3px;background-color:#2c3e50;transition:all .3s ease}@media (max-width: 768px){.hamburger{display:flex}.nav-menu{position:fixed;top:50px;left:0;right:0;background:#f0f4f8;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;max-height:0;opacity:0;pointer-events:none;transition:max-height .4s ease,opacity .3s ease}.nav-menu.active{max-height:500px;opacity:1;pointer-events:auto}.nav-link{width:100vw;text-align:center;padding:1rem}}.hamburger.active .bar:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.footer{background-color:#f0f4f8;color:#ecf0f1;padding:2rem 0 0;margin-top:auto}.footer-container{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.footer-section{display:flex;flex-direction:column}.footer-title{color:#2c3e50;font-size:1.2rem;margin-bottom:1rem;font-weight:600}.contact-info{display:flex;flex-direction:column;gap:.8rem}.contact-item{display:flex;align-items:center;gap:.5rem}.contact-icon{color:#3498db;font-size:1.1rem;min-width:20px}.contact-item a{color:#2c3e50;text-decoration:none;transition:color .3s ease}.contact-item a:hover{color:#3498db}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:.5rem}.footer-links a{color:#ecf0f1;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:#3498db}.social-links{display:flex;gap:1rem}.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#34495e;color:#ecf0f1;text-decoration:none;border-radius:50%;transition:all .3s ease;font-size:1.2rem}.social-link:hover{background-color:#3498db;transform:translateY(-2px)}.footer-bottom{background-color:#d9e4ec;padding:1rem 0;margin-top:2rem}.madeby{text-align:center;margin:0;color:#34495e;display:flex;align-items:center;justify-content:center;gap:.3rem}@keyframes heartbeat{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@media screen and (max-width: 768px){.footer-container{grid-template-columns:1fr;text-align:center;gap:1.5rem}.contact-item,.social-links{justify-content:center}.footer-bottom .footer-container{padding:0 10px}}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;overflow-x:hidden;scrollbar-width:none}body::-webkit-scrollbar{display:none}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}.App{min-height:100vh;display:flex;flex-direction:column;width:100%}.main-content{flex:1;width:100%}.container{max-width:1200px;margin:0 auto;padding:0 1rem;width:100%}.content-section{margin:2rem 0;padding:1.5rem;background-color:#f8f9fa;border-radius:8px;border-left:4px solid #3498db}.content-section h2{color:#2c3e50;margin-bottom:1rem}.content-section p{color:#7f8c8d;line-height:1.8}@media screen and (max-width: 768px){.container{padding:0 .5rem}.content-section{margin:1rem 0;padding:1rem}}.skill-card-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;max-width:1200px;margin:0 auto;padding:20px}.skill-card{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:12px;padding:25px;box-shadow:0 5px 15px #00000014;transition:all .3s ease;border-left:4px solid #3498db}.skill-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001f}.skill-card:nth-child(2){border-left-color:#2ecc71}.skill-card:nth-child(3){border-left-color:#e74c3c}.skill-card:nth-child(4){border-left-color:#f39c12}.skill-type{font-size:1.4rem;color:#2c3e50;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #eee;position:relative}.skill-type:after{content:"";position:absolute;bottom:-2px;left:0;width:40px;height:2px;background:#3498db}.skill-card:nth-child(2) .skill-type:after{background:#2ecc71}.skill-card:nth-child(3) .skill-type:after{background:#e74c3c}.skill-card:nth-child(4) .skill-type:after{background:#f39c12}.skills-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:10px}.skill-item{background:#3498db1a;color:#3498db;padding:8px 15px;border-radius:20px;font-size:.9rem;font-weight:500;transition:all .2s ease}.skill-card:nth-child(2) .skill-item{background:#2ecc711a;color:#27ae60}.skill-card:nth-child(3) .skill-item{background:#e74c3c1a;color:#c0392b}.skill-card:nth-child(4) .skill-item{background:#f39c121a;color:#d35400}.skill-item:hover{transform:scale(1.05);box-shadow:0 3px 8px #0000001a}@media (max-width: 768px){.skill-card-container{grid-template-columns:1fr;padding:15px}.skill-card{padding:20px}.skill-type{font-size:1.3rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.skill-item{animation:fadeIn .5s ease forwards}.skill-item:nth-child(1){animation-delay:.1s}.skill-item:nth-child(2){animation-delay:.2s}.skill-item:nth-child(3){animation-delay:.3s}.skill-item:nth-child(4){animation-delay:.4s}.skill-item:nth-child(5){animation-delay:.5s}#skills h2{text-align:center;font-size:2rem;color:#2c3e50;margin-bottom:40px;position:relative;padding-bottom:15px}header h1{margin:16px;font-size:3rem}.study-cards-container{width:100%;max-width:1200px;margin:0 auto;padding:20px}header{text-align:center;margin-bottom:40px}h1{font-size:2.5rem;color:#2c3e50;margin-bottom:10px}.subtitle{font-size:1.2rem;color:#7f8c8d;max-width:600px;margin:0 auto}.cards-container.single-column{display:flex;flex-direction:column;gap:25px}.cards-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:25px}.study-card{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 10px 20px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.study-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #00000026}.card-header{background:#eaeaea;color:#2c3e50;padding:25px;position:relative}.card-body{padding:25px}.date{background:#7f8c8d;display:inline-block;padding:5px 12px;border-radius:20px;font-size:.9rem;margin-bottom:15px}.degree{font-size:1.4rem;margin-bottom:10px;color:#2c3e50}.institution{font-size:1.1rem;color:#2c3e50;margin-bottom:15px;display:flex;align-items:center}.institution i{margin-right:8px}.description{color:#2c3e50;line-height:1.6;margin-bottom:20px}@media (max-width: 768px){.cards-container{grid-template-columns:1fr}h1{font-size:2rem}.subtitle{font-size:1rem}}.project-card{background:#fff;border-radius:1rem;box-shadow:0 4px 12px #00000014;padding:1.5rem;margin:1rem auto;max-width:500px;transition:transform .2s ease,box-shadow .2s ease}.project-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001f}#project-card{display:flex;flex-direction:column;gap:1.2rem}.project-cards-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;padding:1rem;width:100%;max-width:1200px;box-sizing:border-box;margin:0 auto;align-items:start}.project-card-header{border-bottom:1px solid #e5e7eb;padding-bottom:.8rem}.project-name{font-size:1.5rem;font-weight:700;color:#2c3e50;margin-bottom:.5rem}.project-description{font-size:1rem;color:#555;line-height:1.4}.project-card-content h3{font-size:1.1rem;font-weight:600;color:#2c3e50;margin-bottom:.5rem}.technologies-list{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1rem;list-style:none;padding:0}.technology-item{background:#f0f4f8;color:#2c3e50;font-size:.9rem;font-weight:500;padding:.4rem .8rem;border-radius:6px;transition:background .2s ease}.technology-item:hover{background:#d9e4ec}.project-link{display:inline-block;text-decoration:none;color:#fff;background:#2c3e50;padding:.6rem 1.2rem;border-radius:8px;font-weight:600;transition:background .2s ease,transform .2s ease}.project-link:hover{background:#1a252f;transform:translateY(-2px)}.certificate-card-container{display:flex;flex-direction:column;gap:25px;max-width:1000px;margin:0 auto;padding:20px}.certificate-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 5px 15px #00000014;transition:all .3s ease;border-left:4px solid #95a5a6;position:relative}.certificate-name{font-size:1.6rem;margin-bottom:10px;font-weight:700}.issuer{font-size:1.2rem;margin-bottom:10px;font-weight:600;opacity:.9}.issue-date{display:inline-block;background:#fff3;padding:5px 12px;border-radius:20px;font-size:.9rem;font-weight:500}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.certificate-card{animation:fadeInUp .6s ease forwards}@media (max-width: 768px){.certificate-card-container{padding:15px;gap:20px}.card-header{padding:20px}.certificate-name{font-size:1.4rem}.issuer{font-size:1.1rem}.card-body{padding:20px}.description{font-size:1rem}}@media print{.certificate-card{break-inside:avoid;box-shadow:none;border:1px solid #ddd}.certificate-card:hover{transform:none}}
