@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap";@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css";.DocumentsContainer{max-width:1000px;margin:90px auto 50px;text-align:center;background:linear-gradient(135deg,#fff,#f9fafb);padding:40px;border-radius:15px;box-shadow:0 12px 30px #0000001f;position:relative;overflow:hidden}.DocumentsContainer:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at top left,rgba(45,106,79,.15),transparent);z-index:-1}.DocumentsContainer h2{font-size:2.4rem;color:#2d6a4f;margin-bottom:30px;font-weight:800}.DocumentsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:25px;justify-content:center}.DocumentsSection{padding:20px;background:linear-gradient(135deg,#f1f5f9,#fff);border-radius:10px;box-shadow:0 6px 15px #0000001a;min-height:220px}.DocumentsSection h3{font-size:1.7rem;color:#2d6a4f;margin-bottom:15px;font-weight:700}.DocumentsSection ul{list-style:none;padding:0;text-align:left}.DocumentsSection li{margin:15px 0;font-size:1.2rem;color:#1e293b;display:flex;flex-direction:column;gap:8px}.NameWithIcon{display:flex;align-items:center;gap:8px}.DocumentName{flex:0 0 auto;min-width:0;font-size:1.3rem;color:#1e293b;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.PdfButton{background:linear-gradient(90deg,#fff,#f9fafb);border:1px solid #933d41;padding:6px;font-size:.9rem;color:#933d41;cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;width:28px;height:28px;box-shadow:0 3px 8px #0000001f}.PdfButton:hover{background:linear-gradient(90deg,#933d41,#b85c61);color:#fff;border-color:#2d6a4f;transform:translateY(-2px);box-shadow:0 6px 15px #933d414d}.ViewButton{background:linear-gradient(90deg,#933d41,#b85c61);border:1px solid #7a2e34;color:#fff}.ViewButton:hover{background:linear-gradient(90deg,#7a2e34,#933d41);border-color:#2d6a4f;transform:translateY(-2px);box-shadow:0 6px 15px #933d414d}.DownloadButton{background:linear-gradient(90deg,#2d6a4f,#4a8a6f);border:1px solid #1e4d38;color:#fff}.DownloadButton:hover{background:linear-gradient(90deg,#1e4d38,#2d6a4f);border-color:#933d41;transform:translateY(-2px);box-shadow:0 6px 15px #2d6a4f4d}.DownloadAllButton{background:linear-gradient(90deg,#933d41,#b85c61);border:1px solid #7a2e34;color:#fff;padding:10px 20px;margin-top:20px;border-radius:8px;cursor:pointer;width:100%;font-size:1.1rem;transition:all .3s ease;box-shadow:0 4px 10px #00000026}.DownloadAllButton:hover{background:linear-gradient(90deg,#7a2e34,#933d41);border-color:#2d6a4f;transform:translateY(-3px);box-shadow:0 6px 15px #933d414d}.Divider{border:none;border-top:2px solid #933d41;margin:15px 0;opacity:.5}.LogoutButton{background:none;border:none;font-size:1.2rem;color:#2d6a4f;cursor:pointer;display:flex;align-items:center;gap:8px;margin-top:25px;transition:all .3s ease}.LogoutButton:hover{color:#933d41;transform:translate(5px)}.ModalOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1001}.ModalContent{background:linear-gradient(135deg,#fff,#f9fafb);padding:35px;border-radius:15px;width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 30px #00000040;position:relative;animation:fadeIn .5s ease-in-out}.ModalHeader{display:flex;justify-content:flex-start;margin-bottom:25px}.BackButton{background:none;border:none;font-size:1.2rem;color:#2d6a4f;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease}.BackButton:hover{color:#933d41;transform:translate(-5px)}.LoginForm{display:flex;flex-direction:column;gap:12px}.LoginForm input{padding:10px;font-size:1.1rem;border:1px solid #e5e7eb;border-radius:8px;transition:all .3s ease}.LoginForm input:focus{border-color:#2d6a4f;box-shadow:0 0 8px #2d6a4f4d;outline:none}.LoginForm button{padding:12px;font-size:1.2rem;background:linear-gradient(90deg,#2d6a4f,#4a8a6f);color:#fff;border:none;cursor:pointer;border-radius:8px;transition:all .3s ease;box-shadow:0 4px 10px #00000026}.LoginForm button:hover{background:linear-gradient(90deg,#933d41,#b85c61);transform:translateY(-2px);box-shadow:0 6px 15px #933d414d}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.DocumentsContainer{max-width:900px;margin:80px auto 40px;padding:30px}.DocumentsContainer h2{font-size:2.2rem}.DocumentsGrid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px}.DocumentsSection h3{font-size:1.6rem}.DocumentName{font-size:1.2rem}}@media (max-width: 768px){.DocumentsContainer{max-width:90%;margin:70px auto 30px;padding:25px}.DocumentsGrid{grid-template-columns:1fr;gap:15px}.DocumentsSection{min-height:200px}.DocumentsSection h3{font-size:1.5rem}.PdfButton{width:26px;height:26px}.DownloadAllButton{font-size:1rem}}@media (max-width: 600px){.DocumentsContainer{margin:60px auto 20px;padding:20px}.DocumentsContainer h2{font-size:2rem}.DocumentsGrid{grid-template-columns:1fr;gap:12px}.ModalContent{width:95%;padding:25px}.DocumentsSection li{flex-direction:column;align-items:flex-start;gap:6px}.NameWithIcon{flex-direction:row;gap:6px}.PdfButton{padding:5px;width:24px;height:24px}.DownloadAllButton{padding:8px 15px;font-size:.95rem}.DocumentName{min-width:100%;font-size:1.1rem}}@media (min-width: 1200px){.DocumentsContainer{max-width:1100px}.DocumentsGrid{grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:30px}}:root{color-scheme:light dark}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:linear-gradient(135deg,#f9fafb,#fff);margin:0;padding:0;font-family:Poppins,sans-serif;color:#1e293b;overflow-x:hidden;scroll-behavior:smooth}.NavBarContainer{position:fixed;top:0;width:100%;background:linear-gradient(90deg,#fffffff2,#f1f5f9f2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:space-between;align-items:center;padding:15px 40px;box-shadow:0 6px 20px #00000014;z-index:1000;transition:background .3s ease}.NavBarContainer.scrolled{background:linear-gradient(90deg,#fffffffa,#f1f5f9fa)}.NavLeft{display:flex;align-items:center}.HamburgerMenu{display:none;background:none;border:none;font-size:1.6rem;color:#2d6a4f;cursor:pointer;padding:8px;margin-right:25px;transition:transform .3s ease,color .3s ease}.HamburgerMenu:hover{color:#933d41;transform:scale(1.1)}.NavLinks{display:flex;gap:30px;position:relative}.NavLink{color:#2d6a4f;text-decoration:none;font-size:1.4rem;font-weight:500;cursor:pointer;padding:8px 15px;border-radius:8px;transition:all .3s ease;position:relative;overflow:hidden}.NavLink:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:#933d41;transform:translate(-100%);transition:transform .3s ease}.NavLink:hover:after{transform:translate(0)}.NavLink:hover{color:#933d41;background:#933d411a;transform:translateY(-2px);box-shadow:0 4px 10px #933d4133}.LockIcon{margin-left:8px;color:#933d41;cursor:pointer;transition:transform .3s ease,color .3s ease}.LockIcon:hover{color:#2d6a4f;transform:scale(1.2)}.NavRight{display:flex;align-items:center;gap:15px;padding-right:30px}.NavRight .NavLink{font-size:1.6rem;padding:8px;border-radius:50%;transition:all .3s ease}.NavRight .NavLink:hover{background:#2d6a4f1a;transform:scale(1.1)}.NavLink.dropdown{position:relative}.DropdownContent{display:none;position:absolute;top:100%;left:0;background:#fff;border-radius:8px;box-shadow:0 6px 15px #0000001a;min-width:180px;z-index:100;padding:10px 0}.NavLink.dropdown:hover .DropdownContent{display:block}.DropdownContent a{display:block;padding:10px 20px;color:#2d6a4f;text-decoration:none;font-size:1.2rem;transition:all .3s ease}.DropdownContent a:hover{background:#933d411a;color:#933d41}@media (max-width: 600px){.NavBarContainer{padding:10px 20px}.HamburgerMenu{display:block}.NavLinks{display:none;flex-direction:column;position:absolute;top:60px;left:0;width:250px;background:linear-gradient(90deg,#fff,#f1f5f9);box-shadow:0 6px 15px #0000001a;padding:20px;border-radius:0 0 8px 8px}.NavLinks.active{display:flex;animation:slideIn .3s ease-in-out}.NavLink{font-size:1.3rem;margin:10px 0;padding:10px 15px}.NavRight .NavLink{font-size:1.4rem}}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.HomeContainer{position:relative;width:100%;min-height:100vh;margin:0;padding:0;overflow:hidden}.HomeImage{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;z-index:1;filter:brightness(.7) contrast(1.15)}.HomeText{position:relative;z-index:2;color:#fff;text-align:center;padding-top:25vh;text-shadow:3px 3px 15px rgba(0,0,0,.7);animation:fadeInUp 1.2s ease-in-out}.HomeText h1{font-size:4rem;margin-bottom:25px;font-weight:800;letter-spacing:1.5px}.HomeText p{font-size:1.6rem;font-style:italic;max-width:700px;margin:0 auto;line-height:1.8}.HomeText .cta-button{display:inline-block;margin-top:20px;padding:12px 30px;font-size:1.2rem;color:#fff;background:linear-gradient(90deg,#2d6a4f,#4a8a6f);border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 10px #2d6a4f4d}.HomeText .cta-button:hover{background:linear-gradient(90deg,#933d41,#b85c61);transform:translateY(-3px);box-shadow:0 6px 15px #933d4166}@media (max-width: 600px){.HomeText h1{font-size:2.5rem}.HomeText p{font-size:1.3rem}.HomeText .cta-button{padding:10px 25px;font-size:1.1rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.container{margin-top:90px;padding:0 6%;max-width:1400px;margin-left:auto;margin-right:auto}.AboutContainer{margin:70px 0 50px;padding:40px;text-align:center;background:linear-gradient(135deg,#fff,#f9fafb);border-radius:15px;box-shadow:0 12px 30px #0000001f;border:1px solid #e5e7eb;position:relative;overflow:hidden}.AboutContainer:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at top left,rgba(45,106,79,.15),transparent);z-index:-1}.AboutTitle{font-size:3rem;color:#2d6a4f;margin-bottom:30px;font-weight:800}.AboutMain{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px}.AboutLeft{width:55%;text-align:left}.AboutLeft h3{font-size:2.1rem;color:#2d6a4f;margin-bottom:15px;font-weight:700}.AboutLeft p{font-size:1.2rem;color:#1e293b;line-height:1.8}.AboutRight{width:40%}.ProfileImage{width:100%;height:auto;border-radius:12px;border:3px solid #2d6a4f;box-shadow:0 8px 20px #2d6a4f4d}.AboutMotivation{width:100%;padding:20px;text-align:left;background:linear-gradient(135deg,#fff,#f9fafb);border-radius:10px;box-shadow:0 4px 10px #0000001a}.AboutMotivation h3{font-size:2.1rem;color:#2d6a4f;margin-bottom:15px;font-weight:700}.AboutMotivation p{font-size:1.2rem;color:#1e293b;line-height:1.8}@media (max-width: 600px){.AboutContainer{margin:60px 0;padding:20px}.AboutTitle{font-size:2.4rem}.AboutMain{flex-direction:column;align-items:center}.AboutLeft,.AboutRight{width:100%;margin-bottom:25px}.AboutMotivation h3{font-size:1.8rem}}.StrengthsContainer{margin:70px 0 50px;padding:40px;text-align:center;background:linear-gradient(135deg,#fff,#f9fafb);border-radius:15px;box-shadow:0 12px 30px #0000001f;border:1px solid #e5e7eb;position:relative;overflow:hidden}.StrengthsContainer:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at bottom right,rgba(147,61,65,.15),transparent);z-index:-1}.StrengthsContainer h2{font-size:2.4rem;color:#2d6a4f;margin-bottom:30px;font-weight:800}.StrengthsList{margin-bottom:30px}.StrengthItem{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:20px;position:relative;min-height:30px}.StrengthName{font-size:1.4rem;color:#933d41;margin-bottom:10px;font-weight:600}.StrengthBar{position:relative;height:20px;width:100%;background:#e5e7eb;border-radius:8px;overflow:hidden;box-shadow:inset 0 3px 8px #0000001f}.StrengthBar>div{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#2d6a4f,#4a8a6f);border-radius:8px 0 0 8px;transition:width .6s ease-in-out;box-shadow:inset 0 2px 5px #0000001a}.StrengthBar>div:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shine 2s infinite}@keyframes shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.TechnologiesSection{margin-bottom:30px}.TechColumns{display:flex;justify-content:space-between;gap:25px}.TechColumn{flex:1;padding:20px;background:linear-gradient(135deg,#fff,#f9fafb);border-radius:10px;box-shadow:0 6px 15px #0000001a;transition:transform .4s ease,box-shadow .4s ease}.TechColumn:hover{transform:translateY(-8px);box-shadow:0 8px 20px #2d6a4f4d}.TechColumn h4{font-size:1.7rem;margin-bottom:15px;color:#2d6a4f;font-weight:700}.TechItem{display:flex;align-items:center;gap:15px;margin-bottom:15px}.TechLogo{width:45px;height:45px;filter:brightness(1.3) drop-shadow(0 3px 6px rgba(0,0,0,.15));transition:transform .3s ease}.TechItem:hover .TechLogo{transform:scale(1.15)}.GradeSection{margin-bottom:30px;padding:25px;background:linear-gradient(135deg,#fff,#f9fafb);border-radius:10px;box-shadow:0 6px 15px #0000001a}.GradeTabs{display:flex;justify-content:center;gap:15px;margin-bottom:25px}.GradeTabs button{padding:12px 25px;font-size:1.2rem;border:1px solid #2d6a4f;background:#fff;color:#2d6a4f;cursor:pointer;border-radius:8px;transition:all .3s ease;font-weight:500;box-shadow:0 3px 8px #0000001f}.GradeTabs button.active{background:linear-gradient(90deg,#2d6a4f,#4a8a6f);color:#fff;border-color:#2d6a4f;box-shadow:0 6px 15px #2d6a4f4d}.GradeTabs button:hover{background:linear-gradient(90deg,#933d41,#b85c61);color:#fff;border-color:#933d41;transform:translateY(-3px)}.GradeChart{max-width:100%;height:450px}.GradeChart canvas{background:#f1f5f9;border-radius:8px;padding:12px;box-shadow:0 6px 15px #00000026;width:100%!important;height:100%!important}@media (max-width: 600px){.StrengthsContainer{margin:60px 0;padding:20px}.StrengthsContainer h2{font-size:2rem}.TechColumns{flex-direction:column}.TechColumn{margin-bottom:25px}.GradeTabs{flex-direction:column;gap:12px}.GradeChart{height:350px}}.ProjectSection{margin:70px 0 50px;padding:40px;text-align:center;background:linear-gradient(135deg,#fff,#f9fafb);border-radius:15px;box-shadow:0 12px 30px #0000001f;border:1px solid #e5e7eb;position:relative;overflow:hidden}.ProjectSection:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at top right,rgba(45,106,79,.15),transparent);z-index:-1}.ProjectTitle{font-size:2.4rem;color:#2d6a4f;margin-bottom:30px;font-weight:800}.ProjectContainer{display:flex;flex-wrap:wrap;justify-content:center;gap:30px}.ProjectCard{flex:0 1 calc(33.33% - 30px);max-width:340px;padding:25px;background:linear-gradient(135deg,#f1f5f9,#fff);border-radius:12px;box-shadow:0 8px 20px #0000001f;transition:transform .4s ease,box-shadow .4s ease;position:relative;overflow:hidden}.ProjectCard:hover{transform:translateY(-10px);box-shadow:0 10px 25px #2d6a4f4d}.ProjectCard:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at top left,rgba(147,61,65,.15),transparent);z-index:-1}.ProjectCardTitle{font-size:1.7rem;color:#2d6a4f;margin-bottom:15px;font-weight:700}.ProjectDescription{font-size:1.2rem;color:#1e293b;margin-bottom:15px;line-height:1.8}.ProjectTechnologiesBox{padding:12px;background:linear-gradient(135deg,#e0f2fe,#d1e7dd);border:1px solid #2d6a4f;border-radius:8px;margin-bottom:15px;margin-right:15px;display:inline-block;box-shadow:0 4px 10px #00000026}.ProjectTechnologies{font-size:1.2rem;color:#1e293b;font-weight:500;white-space:nowrap}.ProjectCard button{padding:12px 25px;font-size:1.2rem;border:1px solid #2d6a4f;background:linear-gradient(90deg,#fff,#f9fafb);color:#2d6a4f;cursor:pointer;border-radius:8px;transition:all .3s ease;font-weight:500;box-shadow:0 3px 8px #0000001f}.ProjectCard button:hover{background:linear-gradient(90deg,#2d6a4f,#4a8a6f);color:#fff;border-color:#2d6a4f;transform:translateY(-3px);box-shadow:0 6px 15px #2d6a4f4d}.ProjectImageContainer{margin-bottom:15px}.ProjectImage{width:100%;height:180px;object-fit:cover;border-radius:8px;margin-bottom:15px;box-shadow:0 4px 10px #00000026}@media (max-width: 600px){.ProjectSection{margin:60px 0;padding:20px}.ProjectTitle{font-size:2rem}.ProjectCard{flex:0 1 calc(100% - 20px);max-width:100%}}.Footer{margin-top:70px;padding:60px 0;background:linear-gradient(90deg,#f1f5f9,#e2e8f0);border-top:4px solid #2d6a4f;color:#1e293b;text-align:center;box-shadow:0 -8px 25px #00000026;position:relative;overflow:hidden}.Footer:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at bottom left,rgba(45,106,79,.15),transparent);z-index:-1}.FooterContent{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:50px;padding:0 40px}.FooterSection{text-align:left}.FooterSection h4{font-size:1.7rem;color:#2d6a4f;margin-bottom:25px;font-weight:800;border-bottom:3px solid #2d6a4f;padding-bottom:10px}.FooterSection p,.FooterSection a{font-size:1.2rem;color:#475569;text-decoration:none;line-height:2;margin-bottom:15px;display:block;transition:all .3s ease}.FooterSection a:hover{color:#933d41;text-decoration:underline;transform:translate(8px)}.SocialLink{display:flex;align-items:center;gap:15px;color:#475569;text-decoration:none;transition:all .3s ease}.SocialLink:hover{color:#2d6a4f;transform:translate(8px)}.SocialLink i{font-size:1.8rem;transition:transform .3s ease}.SocialLink:hover i{transform:scale(1.2)}.FooterBottom{margin-top:40px;padding-top:25px;border-top:1px solid #7a808c;font-size:1.2rem;color:#b0b0b0}.ImpressumButton{background:none;border:none;font-size:1.2rem;color:#1e293b;cursor:pointer;display:flex;align-items:center;gap:10px;margin-top:15px;transition:all .3s ease}.ImpressumButton:hover{color:#933d41;transform:translate(8px)}.ImpressumContent{background:linear-gradient(135deg,#fff,#f9fafb);padding:35px;border-radius:15px;width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 30px #00000040;position:relative;text-align:left;color:#1e293b;animation:fadeIn .5s ease-in-out}.ImpressumContent h3{font-size:2.4rem;color:#2d6a4f;margin-bottom:30px;font-weight:800;border-bottom:3px solid #2d6a4f;padding-bottom:10px}.ImpressumContent p{font-size:1.3rem;margin-bottom:20px;line-height:1.8}.ImpressumLink{color:#2d6a4f;text-decoration:none;display:flex;align-items:center;gap:12px;transition:all .3s ease}.ImpressumLink:hover{color:#933d41;text-decoration:underline;transform:translate(8px)}.ImpressumLink i{font-size:1.5rem}.CloseButton{background:none;border:none;font-size:2.2rem;color:#933d41;cursor:pointer;position:absolute;top:25px;right:25px;transition:all .3s ease}.CloseButton:hover{color:#2d6a4f;transform:rotate(90deg) scale(1.15)}@media (max-width: 600px){.ImpressumContent{width:95%;padding:25px}.ImpressumContent h3{font-size:2rem}.ImpressumContent p{font-size:1.2rem}.ImpressumLink i{font-size:1.3rem}.CloseButton{font-size:2rem}}@media (max-width: 400px){.ImpressumContent{padding:20px}.ImpressumContent h3{font-size:1.7rem}.ImpressumContent p{font-size:1.1rem}}@media (max-width: 600px){.Footer{margin-top:60px;padding:40px 0}.FooterContent{grid-template-columns:1fr;gap:30px;padding:0 20px}.FooterSection h4{font-size:1.5rem}.FooterSection p,.FooterSection a{font-size:1.2rem}.FooterBottom{margin-top:20px;padding-top:20px}}
