@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--primary: #6d28d9;--primary-dark: #5b21b6;--primary-light: #8b5cf6;--background: #000000;--foreground: #ffffff;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827}html{scroll-behavior:smooth}body{margin:0;padding:0;width:100%;overflow-x:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:#000;color:#fff;line-height:1.6;overflow-x:hidden}.app{min-height:100vh;position:relative;width:100%}.container{width:100%;padding:0 2rem}a{text-decoration:none;color:inherit}button{cursor:pointer;font-family:inherit}.section{padding:5rem 0;width:100%}.section-with-blur{position:relative;background-color:#000000b3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.section-title{font-size:2rem;font-weight:700;text-align:center;margin-bottom:4rem}.primary-color{color:#6d28d9}.gradient-text{background:linear-gradient(to right,#6d28d9,#a855f7);-webkit-background-clip:text;background-clip:text;color:transparent}.btn{display:inline-block;padding:1rem 2rem;border-radius:.375rem;font-weight:600;transition:all .3s ease}.btn-primary{background-color:#6d28d9;color:#fff;border:none}.btn-primary:hover{background-color:#5b21b6}.btn-outline{background-color:transparent;color:#fff;border:1px solid rgba(255,255,255,.2)}.btn-outline:hover{border-color:#6d28d9;background-color:#6d28d91a}main{padding-top:5rem}@media (max-width: 768px){.section{padding:3rem 0}.section-title{font-size:1.75rem;margin-bottom:3rem}}.about-skills-section{padding:5rem 0;width:100%}.about-skills-container{display:grid;gap:2.5rem;padding:0 clamp(1.5rem,5vw,4rem);width:100%}.about-section,.skills-section{background-color:#1118274d;padding:1.5rem;border-radius:.75rem;border:1px solid #1f2937;opacity:0;transform:translate(-50px);transition:all .5s ease}.skills-section{transform:translate(50px)}.about-section.visible,.skills-section.visible{opacity:1;transform:translate(0)}.about-title,.skills-title{font-size:2rem;font-weight:700;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center}.icon-wrapper{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background-color:#6d28d933;border-radius:.5rem;margin-right:.75rem}.icon-wrapper.small{width:2rem;height:2rem;margin-top:.25rem}.icon{color:#6d28d9;font-size:1.5rem}.icon-wrapper.small .icon{font-size:1.5rem}.about-content{color:#d1d5db;display:flex;flex-direction:column;gap:1.5rem}.about-items{display:flex;flex-direction:column;gap:1rem}.about-item{display:flex;align-items:flex-start}.about-item h3{font-weight:600;margin-bottom:.25rem}.about-item-text{font-size:.875rem;color:#9ca3af}.skills-content{display:flex;flex-direction:column;gap:2rem}.category-header{display:flex;align-items:center;margin-bottom:1rem}.category-header h3{font-size:1.125rem;font-weight:600}.skills-list{display:flex;flex-direction:column;gap:.75rem}.skill-item{opacity:0;animation:fadeIn .8s ease forwards;animation-play-state:paused}.skill-header{display:flex;justify-content:space-between;margin-bottom:.25rem}.skill-name{font-size:.875rem;color:#d1d5db}.skill-level{font-size:.875rem;color:#9ca3af}.skill-bar{height:.5rem;background-color:#374151;border-radius:9999px;overflow:hidden}.skill-progress{height:100%;background:linear-gradient(to right,#6d28d9,#a855f7);border-radius:9999px;width:0}@media (min-width: 768px){.about-skills-container{grid-template-columns:repeat(2,1fr)}}@media (max-width: 400px){.about-skills-container{padding:0 1rem}}.tech-section{padding:5rem 0;width:100%}.tech-section .container{padding:0 1rem;max-width:100%;margin:0 auto}.section-title{text-align:center;margin-bottom:2rem}.tech-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;width:100%;margin:0 auto}.tech-card{display:flex;flex-direction:column;align-items:center;padding:1rem;background-color:#11182780;border-radius:.5rem;border:1px solid #1f2937;transition:all .3s ease;opacity:0;transform:translateY(20px)}.tech-card.visible{opacity:1;transform:translateY(0);animation:fadeIn .5s ease forwards}.tech-card:hover{border-color:#6d28d980;box-shadow:0 10px 15px -3px #6d28d91a}.tech-icon img{width:3rem;height:3rem;object-fit:contain;margin-bottom:.75rem}.tech-name{font-size:.875rem;font-weight:500;color:#d1d5db;text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 639px){.tech-section .container{padding:0 .5rem}.tech-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.tech-card{padding:.75rem}.tech-card img{width:2.5rem;height:2.5rem}}@media (min-width: 640px){.tech-section .container{padding:0 2rem}.tech-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem}}@media (min-width: 768px){.tech-section .container{padding:0 3rem}.tech-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width: 1024px){.tech-section .container{padding:0 4rem}.tech-grid{grid-template-columns:repeat(6,1fr);gap:1.5rem}}.home-section{padding:10rem 0 8rem;width:100%}.home-container{display:flex;flex-direction:column;align-items:center;gap:2.5rem;width:100%;padding:0 4rem}.home-content{text-align:center}.home-title{font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem}.home-description{font-size:1.5rem;color:#d1d5db;max-width:600px}.home-buttons{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.profile-image{width:16rem;height:16rem;border-radius:50%;overflow:hidden;border:4px solid rgba(109,40,217,.2);position:relative}.profile-image img{width:100%;height:100%;object-fit:cover;object-position:center top;transform:scale(1.05) translateY(2px)}@media (min-width: 768px){.home-container{flex-direction:row;text-align:left;justify-content:space-between}.home-content{width:50%;text-align:left}.home-title{font-size:3.75rem}.home-buttons{justify-content:flex-start}.home-image-container{width:50%;display:flex;justify-content:center}.profile-image{width:20rem;height:20rem}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease;padding:1rem;box-sizing:border-box;overflow-y:auto}.modal-content{position:relative;width:100%;max-width:500px;background:linear-gradient(135deg,#111827e6,#111827b3);border:1px solid rgba(109,40,217,.3);border-radius:1rem;padding:2.5rem 1.5rem 1.5rem;overflow:hidden;box-shadow:0 20px 50px #00000080;animation:slideUp .5s ease;max-height:90vh;overflow-y:auto}.modal-close{position:absolute;top:.75rem;right:.75rem;background:#0003;border:none;color:#d1d5db;font-size:1.25rem;cursor:pointer;transition:all .3s ease;z-index:10;width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0}.modal-close:hover{color:#fff;background:#6d28d94d;transform:rotate(90deg)}.modal-body{position:relative;z-index:5}.modal-title{font-size:1.75rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(to right,#6d28d9,#a855f7);-webkit-background-clip:text;background-clip:text;color:transparent;text-align:center}.modal-description{color:#d1d5db;text-align:center;margin-bottom:1.5rem;font-size:.95rem}.modal-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;color:#d1d5db;font-weight:500}.form-input,.form-textarea{width:100%;padding:.75rem 1rem;background-color:#111827cc;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;color:#fff;font-size:1rem;transition:all .3s ease;box-sizing:border-box}.form-input:focus,.form-textarea:focus{outline:none;border-color:#6d28d9;box-shadow:0 0 0 2px #6d28d933}.form-textarea{resize:vertical;min-height:100px}.submit-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(to right,#6d28d9,#8b5cf6);color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:1rem}.submit-button:hover{background:linear-gradient(to right,#5b21b6,#7c3aed);transform:translateY(-2px)}.submit-button:active{transform:translateY(0)}.send-icon{font-size:.875rem;transition:transform .3s ease}.submit-button:hover .send-icon{transform:translate(3px)}.submit-button.submitting{background:#6d28d9;cursor:not-allowed}.loading-spinner{display:inline-block;width:1.5rem;height:1.5rem;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.success-message{text-align:center;padding:1.5rem 0;animation:fadeIn .5s ease}.success-icon{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;margin:0 auto 1.5rem;background:linear-gradient(to right,#6d28d9,#8b5cf6);border-radius:50%;font-size:2rem;color:#fff;animation:scaleIn .5s ease}.success-message h3{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:#fff}.success-message p{color:#d1d5db;font-size:.95rem}.modal-particles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1}.particle{position:absolute;width:6px;height:6px;background:linear-gradient(to right,#6d28d9,#a855f7);border-radius:50%;opacity:0;animation:float 8s linear infinite}@keyframes float{0%{transform:translateY(0) translate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) translate(20px);opacity:0}}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}@media (max-width: 480px){.modal-content{padding:2.5rem 1rem 1rem;border-radius:.75rem}.modal-title{font-size:1.5rem}.modal-description{font-size:.875rem;margin-bottom:1.25rem}.form-input,.form-textarea{padding:.625rem .875rem;font-size:.95rem}.submit-button{padding:.625rem 1.25rem;font-size:.95rem}.success-icon{width:3.5rem;height:3.5rem;font-size:1.75rem}.success-message h3{font-size:1.25rem}.success-message p{font-size:.875rem}}@media (max-height: 500px){.modal-content{max-height:85vh;padding-top:2rem}.modal-close{top:.5rem;right:.5rem}.form-textarea{min-height:80px}}.header{padding:1.5rem 0;position:fixed;top:0;left:0;width:100%;z-index:100;transition:all .3s ease;background-color:#0003;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.header.scrolled{padding:1rem 0;background-color:#000c;box-shadow:0 4px 20px #0000004d}.header-container{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 4rem}.logo-container{display:flex;align-items:center}.logo{position:relative;display:flex;align-items:center;cursor:pointer}.logo-wrapper{position:relative;padding:.5rem;overflow:hidden}.logo-text{position:relative;z-index:5;font-size:2rem;font-weight:800;letter-spacing:1px;background:linear-gradient(to right,#c026d3,#8b5cf6,#4f46e5);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block;text-shadow:0 0 15px rgba(139,92,246,.5)}.logo-letter{display:inline-block;animation:float 3s ease-in-out infinite}.logo-letter:nth-child(1){animation-delay:0s}.logo-letter:nth-child(2){animation-delay:.1s}.logo-letter:nth-child(3){animation-delay:.2s}.logo-letter:nth-child(4){animation-delay:.3s}.logo-letter:nth-child(5){animation-delay:.4s}.logo-letter:nth-child(6){animation-delay:.5s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.logo-circuit-lines{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.circuit-line{position:absolute;background:linear-gradient(90deg,transparent,#8b5cf6,transparent);height:1px}.circuit-line.line-1{width:60%;top:20%;left:10%;animation:circuit-move-1 4s linear infinite}.circuit-line.line-2{width:40%;bottom:30%;right:5%;animation:circuit-move-2 3s linear infinite}.circuit-line.line-3{width:30%;bottom:10%;left:30%;animation:circuit-move-3 5s linear infinite}.circuit-dot{position:absolute;width:4px;height:4px;border-radius:50%;background-color:#8b5cf6;box-shadow:0 0 8px #8b5cf6}.circuit-dot.dot-1{top:20%;left:10%;animation:pulse 2s ease-in-out infinite}.circuit-dot.dot-2{bottom:30%;right:5%;animation:pulse 2s ease-in-out infinite .5s}.circuit-dot.dot-3{bottom:10%;left:30%;animation:pulse 2s ease-in-out infinite 1s}@keyframes circuit-move-1{0%{transform:translate(-100%);opacity:0}20%,80%{opacity:1}to{transform:translate(100%);opacity:0}}@keyframes circuit-move-2{0%{transform:translate(100%);opacity:0}20%,80%{opacity:1}to{transform:translate(-100%);opacity:0}}@keyframes circuit-move-3{0%{transform:translate(-100%);opacity:0}20%,80%{opacity:1}to{transform:translate(100%);opacity:0}}@keyframes pulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.5);opacity:1}}.logo-glow{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,#8b5cf666,#0000 70%);filter:blur(10px);z-index:1;animation:glow 3s infinite alternate}@keyframes glow{0%{opacity:.5;transform:scale(.9)}to{opacity:1;transform:scale(1.1)}}.logo:hover .logo-text{text-shadow:0 0 20px rgba(139,92,246,.8)}.logo:hover .logo-glow{animation-duration:1.5s}.logo:hover .circuit-line{animation-duration:2s}.nav-menu{display:none}.nav-link{margin:0 1.5rem;transition:color .3s ease;font-weight:500}.nav-link:hover{color:#6d28d9}.social-icons{display:flex;gap:.75rem}.social-icon{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease;background-color:#ffffff0d}.social-icon:hover{background-color:#6d28d94d;transform:translateY(-2px)}@media (min-width: 768px){.nav-menu{display:flex}}@media (max-width: 768px){.header-container{padding:0 2rem}.logo-text{font-size:1.5rem}}.footer{background-color:#000c;padding:2rem 0;width:100%}.footer-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:0 2rem}.footer-left,.footer-right{width:100%;text-align:center}.footer-center{display:flex;flex-direction:column;align-items:center;gap:.5rem}.local-time{display:flex;flex-direction:column;gap:.5rem}.title{font-size:.875rem;font-weight:600;color:#d1d5db;margin:0}.value{color:#9ca3af;font-size:.875rem;margin:0}.footer-left .value{font-family:monospace}.copyright-text{color:#9ca3af;font-size:.875rem;font-weight:400;margin:0;text-align:center}.impressum-link{background:none;border:none;color:#9ca3af;font-size:.75rem;cursor:pointer;text-decoration:underline;transition:color .3s ease;padding:0}.impressum-link:hover{color:#6d28d9}.footer-right .value{display:flex;justify-content:center;gap:1rem}.footer-right .value a{color:#9ca3af;text-decoration:none;transition:color .3s ease}.footer-right .value a:hover{color:#6d28d9}@media (min-width: 768px){.footer-container{flex-direction:row;justify-content:space-between;align-items:center;padding:0 4rem}.footer-left{width:33.333%;text-align:left}.footer-center{width:33.333%}.footer-right{width:33.333%;text-align:right}.footer-right .value{justify-content:flex-end}}.Imprint-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease;overflow-y:auto;padding:2rem 0}.Imprint-content{position:relative;width:90%;max-width:800px;max-height:90vh;overflow-y:auto;background:linear-gradient(135deg,#111827e6,#111827b3);border:1px solid rgba(109,40,217,.3);border-radius:1rem;padding:2.5rem;box-shadow:0 20px 50px #00000080;animation:slideUp .5s ease}.Imprint-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:#d1d5db;font-size:1.25rem;cursor:pointer;transition:all .3s ease;z-index:10}.Imprint-close:hover{color:#fff;transform:rotate(90deg)}.Imprint-body{position:relative;z-index:5}.Imprint-title{font-size:2rem;font-weight:700;margin-bottom:2rem;background:linear-gradient(to right,#6d28d9,#a855f7);-webkit-background-clip:text;background-clip:text;color:transparent;text-align:center}.Imprint-section{margin-bottom:2rem}.Imprint-section h3{font-size:1.25rem;font-weight:600;margin-bottom:.75rem;color:#a855f7}.Imprint-section p{color:#d1d5db;margin-bottom:.5rem;line-height:1.6}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.Imprint-content::-webkit-scrollbar{width:8px}.Imprint-content::-webkit-scrollbar-track{background:#11182780;border-radius:10px}.Imprint-content::-webkit-scrollbar-thumb{background:#6d28d980;border-radius:10px}.Imprint-content::-webkit-scrollbar-thumb:hover{background:#6d28d9cc}.background-effect{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-10;overflow:hidden;background-color:#000}.wave-background{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/assets/14716-N0t0_QjL.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.8}.background-text{position:absolute;bottom:2.5rem;right:2.5rem;font-size:.75rem;letter-spacing:.2em;opacity:.3;text-transform:uppercase}.contact-section{position:relative;width:100%;min-height:400px;padding:5rem 0;overflow:hidden;display:flex;justify-content:center;align-items:center}.contact-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.contact-content{position:relative;z-index:1;width:100%;max-width:1000px;margin:0 auto;padding:0 2rem;text-align:center}.contact-title{font-size:2.5rem;font-weight:700;margin-bottom:3rem;background:linear-gradient(to right,#6d28d9,#a855f7);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block;position:relative}.contact-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:100px;height:3px;background:linear-gradient(to right,#6d28d9,#a855f7);border-radius:3px}.contact-cards{display:flex;flex-direction:column;gap:2rem;margin-bottom:3rem}.contact-card{background:#11182780;border-radius:1rem;border:1px solid rgba(109,40,217,.3);padding:2rem;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.contact-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #6d28d933;border-color:#6d28d999}.card-icon{font-size:2.5rem;color:#6d28d9;margin-bottom:1rem;transition:transform .3s ease}.contact-card:hover .card-icon{transform:scale(1.1)}.contact-card h3{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:#fff}.contact-card p{color:#d1d5db;margin-bottom:1.5rem}.contact-link{color:#a855f7;font-weight:500;transition:color .3s ease;text-decoration:none}.contact-link:hover{color:#6d28d9;text-decoration:underline}.social-links{display:flex;gap:1.5rem}.social-link{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;background:#6d28d933;color:#fff;font-size:1.25rem;transition:all .3s ease}.social-link:hover{background:#6d28d9;transform:translateY(-3px)}.contact-message{margin-top:2rem;position:relative;display:inline-block}.contact-message p{font-size:1.25rem;color:#d1d5db;font-style:italic}.pulse-animation{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);width:10px;height:10px;background-color:#6d28d9;border-radius:50%}.pulse-animation:before,.pulse-animation:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#6d28d9;border-radius:50%;animation:pulse 1s infinite;opacity:.7}.pulse-animation:after{animation-delay:.5s}@keyframes pulse{0%{transform:scale(1);opacity:.7}70%{transform:scale(3);opacity:0}to{transform:scale(1);opacity:0}}@media (min-width: 768px){.contact-cards{flex-direction:row;justify-content:center}.contact-card{width:45%}}