:root{--color-white: #ffffff;--color-black: #000000;--color-blue: #3f5efb;--color-purple-dark: #2a2f4f;--text-dark: #2a2f4f;--text-light: #d8d4d4;--overlay-light: rgba(255, 255, 255, .1);--overlay-dark: rgba(0, 0, 0, .3);--overlay-div-light: rgba(255, 255, 255, .6)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,sans-serif;overflow:hidden;transition:all .3s ease;position:relative}ul{list-style:none}.grid-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;perspective:1200px;perspective-origin:50% 50%}.grid-plane{position:absolute;width:200vmax;height:200vmax;left:50%;top:50%;transform-style:preserve-3d;transform:translate(-50%,-50%) rotateX(75deg) translateZ(-50vh);animation:gridFloat 15s ease-in-out infinite}.grid-lines-horizontal,.grid-lines-vertical{position:absolute;width:100%;height:100%;background-image:repeating-linear-gradient(0deg,transparent 0px,transparent 48px,rgba(63,94,251,.25) 48px,rgba(106,17,203,.25) 51px)}.grid-lines-vertical{background-image:repeating-linear-gradient(90deg,transparent 0px,transparent 48px,rgba(63,94,251,.25) 48px,rgba(106,17,203,.25) 51px)}.grid-fade{position:absolute;width:100%;height:100%;background:radial-gradient(ellipse at center,transparent 0%,transparent 40%,rgba(0,0,0,.3) 70%,rgba(0,0,0,.8) 100%)}@keyframes gridFloat{0%,to{transform:translate(-50%,-50%) rotateX(75deg) rotateY(0) translateZ(-50vh) translateY(0)}50%{transform:translate(-50%,-50%) rotateX(77deg) rotateY(1deg) translateZ(-45vh) translateY(-10px)}}body.dark{background:radial-gradient(ellipse at top left,rgba(0,0,0,.1) 0%,transparent 50%),radial-gradient(ellipse at bottom right,rgba(0,0,0,.2) 0%,transparent 60%),radial-gradient(ellipse at center,rgba(0,0,0,.3) 0%,transparent 70%),linear-gradient(135deg,#0a0a0a,#000,#000,#0f0f23,#000);color:var(--text-light)}body.light{background:radial-gradient(ellipse at top left,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(ellipse at bottom right,rgba(200,200,200,.2) 0%,transparent 60%),linear-gradient(135deg,#f1f3f4,#e8eaf6,#f5f5f5,#eceff1,#fafafa);color:var(--text-dark)}body.light .grid-lines-horizontal,body.light .grid-lines-vertical{background-image:repeating-linear-gradient(0deg,transparent 0px,transparent 48px,rgba(63,94,251,.5) 48px,rgba(106,17,203,.5) 51px)}body.light .grid-lines-vertical{background-image:repeating-linear-gradient(90deg,transparent 0px,transparent 48px,rgba(63,94,251,.5) 48px,rgba(106,17,203,.5) 51px)}body.light .grid-fade{background:radial-gradient(ellipse at center,transparent 0%,transparent 50%,rgba(255,255,255,.5) 70%,rgba(255,255,255,.7) 100%)}.container{height:100vh;position:relative;overflow:hidden}.header{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-purple-dark);background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:5px 100px}.nav{display:flex;justify-content:center}.nav-item{color:var(--text-light);text-decoration:none;padding:20px 40px;transition:all .3s ease;cursor:pointer}.nav-item:hover,.nav-item.active{color:var(--color-blue)}.logo{width:150px;cursor:pointer}.logo img{max-width:100px}.sections-container{position:relative;width:500%;height:100vh;display:flex;transition:transform .8s cubic-bezier(.25,.46,.45,.94)}.section{width:20%;height:100vh;display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0}.btn{max-width:250px;background:none;border:1px solid var(--color-purple-dark);border-radius:4px;color:inherit;padding:10px 20px;cursor:pointer;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);transition:all .3s ease;z-index:1000;font-size:24px;box-shadow:0 2px 6px #00000026}.btn:hover{background:var(--overlay-light);transform:scale(1.05);transition:transform .3s ease;box-shadow:0 8px 20px #3f5efb33}#home{display:flex;align-items:center}#carousel{width:100%;height:100%;margin-right:-500px}.name-overlay{position:fixed;top:150px;left:100px;z-index:100;max-width:800px;padding:40px}.full-name{display:flex;flex-direction:column;gap:0;margin-bottom:40px}.name{font-size:72px;font-weight:700;color:var(--color-blue);background:linear-gradient(45deg,var(--color-blue),var(--color-purple-dark));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:glow 3s ease-in-out infinite alternate}.surname{font-size:36px;font-weight:200;color:var(--text-light);margin-bottom:-5px;z-index:100}.name-btn{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.name-btn .btn:last-child{grid-column:span 2;max-width:100%!important}.title{font-size:24px;color:var(--text-light);opacity:.8;margin-top:-10px;text-align:right}.section h2{font-size:48px;text-align:center;opacity:.9;background:linear-gradient(45deg,var(--color-blue),var(--color-purple-dark));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.section-content{text-align:center;padding:0 40px}.section-content p{font-size:18px;line-height:1.6}.about{max-width:1000px;display:flex;flex-direction:column;text-align:left;gap:20px;background:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px;margin:10px;border:1px solid var(--color-purple-dark);border-radius:4px;box-shadow:0 8px 20px #00000026}.about-header{max-width:800px;position:relative;text-align:left;margin-top:60px}.about-header h2{font-size:20px;margin:10px}.photo-frame{position:absolute;right:-250px;top:-30px;z-index:11111;width:200px;height:200px;border-radius:50%;border:1px solid var(--color-purple-dark);box-shadow:0 8px 20px #00000026;background-color:#eceff1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;overflow:hidden}.photo-frame img{width:135%;height:135%;object-fit:contain;object-position:-20px 55px}.about ul{list-style:inside}.small-btn{width:100%;background:linear-gradient(45deg,var(--color-blue),var(--color-purple-dark));color:var(--text-light);border:1px solid var(--color-purple-dark);border-radius:4px;font-size:18px;padding:5px}.beruf-list li{display:flex;gap:20px;align-items:center;background:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:10px;margin:10px;border:1px solid var(--color-purple-dark);border-radius:4px;box-shadow:0 8px 20px #00000026}.beruf-list h4{color:var(--color-blue);font-size:18px}.skills{display:flex;justify-content:space-between;gap:200px}.skills h2{font-size:36px;margin-bottom:20px}.skills-list{display:flex;flex-direction:column}.skills-center{display:grid;grid-template-columns:repeat(2,1fr)}.skill-div{background:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-purple-dark);border-radius:4px;padding:10px;box-shadow:0 8px 20px #0003;margin:10px}.skills-bottom{display:flex;flex-direction:column}.skill-div:hover{border-color:var(--color-blue);color:var(--color-blue);transform:scale(1.05);transition:transform .3s ease;box-shadow:0 8px 20px #3f5efb33}.skills-left{display:flex;flex-direction:column;gap:20px}.theme-toggle{position:fixed;top:50px;right:30px;background:var(--overlay-light);border:1px solid rgba(255,255,255,.2);color:inherit;padding:5px;border-radius:2px;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;z-index:1000}.theme-toggle:hover{background:#fff3;transform:scale(1.05)}.controls-hint{position:fixed;bottom:10px;right:10px;background:var(--overlay-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:15px;border-radius:10px;border:1px solid rgba(255,255,255,.2);font-size:16px;opacity:.7;z-index:100}.light .surname{color:var(--color-purple-dark)}.light .title{color:var(--text-dark)}.light .header{background:#ffffff4d;border-bottom:1px solid var(--color-blue)}.light .nav-item{color:var(--text-dark)}.light .nav-item:hover,.nav-item.active{color:var(--color-blue)}.light .theme-toggle{border-color:var(--color-blue)}.light .btn{border-color:var(--color-purple-dark);background-color:var(--overlay-div-light)}.light .btn:hover{border-color:var(--color-blue);color:var(--color-blue)}.light .beruf-list li,.light .skill-div{background-color:var(--overlay-div-light)}.loading-indicator{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#000c;color:var(--text-light);padding:20px 40px;border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2000;display:none}.loading-indicator.show{display:block}.services-content h2{margin-bottom:40px}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;max-width:1200px}.service-div{background:var(--overlay-light);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid var(--color-purple-dark);border-radius:10px;padding:25px;box-shadow:0 8px 24px #00000080;transition:all .3s ease;cursor:pointer}.service-div:hover{border-color:var(--color-blue);transform:translateY(-5px);box-shadow:0 8px 20px #3f5efb4d}.service-div h3{background:linear-gradient(45deg,var(--color-blue),var(--color-purple-dark));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:24px;margin-bottom:15px;text-align:center}.service-list{list-style:none;padding:0}.service-list li{padding:8px 0;border-bottom:1px solid rgba(255,255,255,.1);cursor:pointer;transition:color .3s ease}.service-list li:hover{color:var(--color-blue);transform:translate(5px)}.service-list li:last-child{border-bottom:none}.service-description{font-size:18px;line-height:1.6;opacity:.9}.light .service-div{background-color:var(--overlay-div-light);border-color:var(--color-purple-dark)}.light .service-div:hover{border-color:var(--color-blue);box-shadow:0 8px 20px #3f5efb33}.light .service-list li{border-bottom-color:#2a2f4f33}.burger-menu{display:none;flex-direction:column;justify-content:space-between;width:30px;height:24px;background:none;border:none;cursor:pointer;padding:0;z-index:1001}.burger-menu span{display:block;width:100%;height:3px;background:var(--color-blue);transition:all .3s ease;border-radius:2px}.burger-menu.active span:nth-child(1){transform:translateY(10.5px) rotate(45deg)}.burger-menu.active span:nth-child(2){opacity:0}.burger-menu.active span:nth-child(3){transform:translateY(-10.5px) rotate(-45deg)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:2000;opacity:0;visibility:hidden;transition:all .3s ease}.modal-overlay.show{opacity:1;visibility:visible}.modal-content{background:var(--overlay-light);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--color-purple-dark);border-radius:15px;max-width:600px;max-height:80vh;width:90%;position:relative;overflow:hidden;transform:scale(.9);transition:transform .3s ease}.modal-overlay.show .modal-content{transform:scale(1)}.modal-close{position:absolute;top:15px;right:20px;background:none;border:none;color:var(--text-light);font-size:36px;cursor:pointer;z-index:10;transition:color .3s ease}.modal-close:hover{color:var(--color-blue)}.modal-body{padding:50px 30px 30px;overflow-y:auto;max-height:70vh}.modal-body h3{color:var(--color-blue);font-size:24px;margin-bottom:20px;text-align:center}.modal-body p{line-height:1.6;margin-bottom:15px;opacity:.9}.modal-body ul{margin:15px 0;padding-left:20px}.modal-body ul li{margin:8px 0;opacity:.8}.modal-img{max-width:400px}.light .modal-content{background:#ffffffe6;border-color:var(--color-blue)}.light .modal-close{color:var(--text-dark)}.light .modal-close:hover{color:var(--color-blue)}.contact-form{background:var(--overlay-light);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid var(--color-purple-dark);border-radius:10px;padding:25px;box-shadow:0 8px 18px #00000080;display:flex;flex-direction:column;align-items:center;gap:20px}.form-group{display:flex;flex-direction:column;width:100%;min-width:400px}.form-group input{width:100%;padding:10px 20px;border-radius:4px;background:var(--overlay-light);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid var(--color-purple-dark);color:var(--text-light)}.form-group textarea{width:100%;padding:10px 20px;border-radius:4px;background:var(--overlay-light);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid var(--color-purple-dark);color:var(--text-light);font-family:Roboto,sans-serif}.light .form-group input,.light .form-group textarea{color:var(--text-dark)}.submit-btn{background:linear-gradient(45deg,var(--color-blue),var(--color-purple-dark));color:var(--text-light)}.contact{display:flex;justify-content:space-between;gap:100px;margin-top:20px}.contact-left{max-width:400px;display:flex;flex-direction:column;justify-content:space-between}.linkedin img{max-width:100px;box-shadow:0 2px 6px #00000026}@media screen and (max-width: 1024px){body,.container{overflow-y:auto;overflow-x:hidden}#carousel{display:none}.photo-frame{right:-195px;top:21px}.burger-menu{display:flex}.header{padding:15px 30px}.nav{position:fixed;top:0;right:-100%;width:70%;max-width:300px;height:100vh;background:#000000f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;justify-content:flex-start;padding-top:80px;transition:right .3s ease;border-left:1px solid var(--color-purple-dark)}.nav.active{right:0}.nav-item{padding:20px 30px;border-bottom:1px solid rgba(255,255,255,.1);width:100%}.light .nav{background:#fffffff2;border-left-color:var(--color-blue)}.light .nav-item{border-bottom-color:#0000001a}.sections-container{width:100%;height:auto;flex-direction:column;transform:none!important}.section{width:100%;height:auto;min-height:100vh;padding:100px 20px 50px;flex-direction:column}#carousel{width:100%;height:50vh;margin-right:0;order:2}.name-overlay{position:relative;top:auto;left:auto;padding:20px;max-width:100%;order:1;margin-bottom:20px}.name{font-size:48px}.surname{font-size:28px}.title{font-size:18px;text-align:left}.name-btn{grid-template-columns:1fr;gap:15px}.btn{width:100%;max-width:100%}.name-btn .btn:last-child{grid-column:span 1}.section-content{padding:0 20px;max-width:100%}.section h2{font-size:32px}.skills{flex-direction:column;gap:40px}.skills h2{font-size:28px}.skills-top{flex-direction:column;gap:20px}.skills-center{grid-template-columns:1fr}.services-grid{grid-template-columns:1fr;gap:20px}.service-div{padding:20px}.service-div h3{font-size:20px}.contact{flex-direction:column;gap:40px}.contact-left{max-width:100%}.form-group{min-width:auto}.theme-toggle{top:15px;right:70px}.controls-hint{font-size:12px;padding:10px}.modal-content{width:95%;max-width:500px}.modal-body{padding:40px 20px 20px}}@media screen and (max-width: 768px){.photo-frame{right:106px;top:-217px}.header{padding:10px 20px}.logo{width:100px}.logo img{max-width:80px}.name{font-size:36px}.surname{font-size:24px}.title{font-size:16px}.section h2{font-size:28px}.skills h2{font-size:24px}.btn{font-size:18px;padding:8px 16px}.section-content p{font-size:16px}#carousel{height:40vh}.theme-toggle{padding:3px;font-size:20px}.nav{width:80%}.contact-form{margin-bottom:20px}}@media screen and (max-width: 480px){.photo-frame{right:67px}.section{padding:80px 15px 30px}.name{font-size:28px}.surname{font-size:20px}.section h2{font-size:24px}#carousel{height:35vh}}