*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow-x:hidden}html{background:linear-gradient(135deg,#4a5568,#2d3748,#1a202c)}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-width:320px;min-height:100vh;position:relative;background:transparent}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 80%,rgba(0,0,0,.4) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,0,0,.4) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(0,0,0,.3) 0%,transparent 50%),radial-gradient(circle at 90% 90%,rgba(0,0,0,.3) 0%,transparent 50%),radial-gradient(circle at 10% 10%,rgba(0,0,0,.3) 0%,transparent 50%);animation:backgroundShift 15s ease-in-out infinite;pointer-events:none;z-index:1}body:after{content:"";position:fixed;inset:0;background:radial-gradient(2px 2px at 20px 30px,rgba(255,255,255,.3),transparent),radial-gradient(2px 2px at 40px 70px,rgba(255,255,255,.2),transparent),radial-gradient(1px 1px at 90px 40px,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 130px 80px,rgba(255,255,255,.3),transparent),radial-gradient(2px 2px at 160px 30px,rgba(255,255,255,.2),transparent),radial-gradient(1px 1px at 200px 60px,rgba(255,255,255,.3),transparent),radial-gradient(2px 2px at 240px 90px,rgba(255,255,255,.2),transparent),radial-gradient(1px 1px at 280px 20px,rgba(255,255,255,.4),transparent),radial-gradient(2px 2px at 320px 50px,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 360px 80px,rgba(255,255,255,.2),transparent);background-repeat:repeat;background-size:200px 100px;opacity:.4;animation:particleFloat 20s linear infinite;pointer-events:none;z-index:2}@keyframes backgroundShift{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes particleFloat{0%{transform:translateY(0)}to{transform:translateY(-100px)}}h1{font-size:3.2em;line-height:1.1;color:#fff}#root{position:relative;z-index:10}#root{width:100%;margin:0;padding:0}.App{width:100%;min-height:100vh;position:relative;overflow:hidden}.App>*{position:relative;z-index:10}.App h1{color:#fff;margin-bottom:1rem}.App p{color:#ffffffe6;font-size:1.1rem}#hero-section{margin:0;padding:0;display:flex;justify-content:center;align-items:center;position:relative;min-height:70vh;width:100%;overflow:hidden}.hero-container{display:flex;flex-direction:row;align-items:center;justify-content:space-around;flex-wrap:wrap;width:80%;padding:30px;border-radius:25px;box-shadow:0 4px 12px #0003;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);gap:25px;position:relative;z-index:10;background:#ffffff0d}.hero-text{display:flex;flex-direction:column;align-items:center;gap:15px;max-width:500px;text-align:center}.hero-greeting{text-align:center;width:120%;font-size:32px;letter-spacing:3px;cursor:pointer;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:700;text-shadow:0 2px 10px rgba(0,0,0,.3);animation:textGlow 3s ease-in-out infinite alternate;position:relative;margin:0}@keyframes textGlow{0%{text-shadow:0 2px 10px rgba(0,0,0,.3)}to{text-shadow:0 2px 20px rgba(255,255,255,.4)}}.hero-description{font-size:18px;text-align:center;line-height:1.8;max-width:500px;padding:0 20px;color:#ffffffe6;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400;text-shadow:0 1px 3px rgba(0,0,0,.2);margin-bottom:15px}.hero-cta-buttons{display:flex;gap:15px;margin-top:15px;flex-wrap:wrap;justify-content:center}.cta-button{padding:15px 30px;border:none;border-radius:50px;font-size:16px;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);text-decoration:none;display:inline-block;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;position:relative;overflow:hidden}.cta-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.cta-button:hover:before{left:100%}.cta-button.primary{background:linear-gradient(135deg,#ff6b6b,#feca57);color:#fff;box-shadow:0 8px 25px #ff6b6b66}.cta-button.primary:hover{transform:translateY(-3px);box-shadow:0 15px 35px #ff6b6b99}.cta-button.secondary{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cta-button.secondary:hover{background:#ffffff1a;border-color:#fff;transform:translateY(-3px);box-shadow:0 10px 25px #fff3}.hero-social-links{display:flex;gap:12px;margin-top:20px}.social-link{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;background:#ffffff1a;color:#fff;text-decoration:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);font-size:20px;font-weight:700}.social-link:hover{background:#fff3;color:#fff;transform:translateY(-3px);box-shadow:0 10px 25px #ffffff4d}.hero-icons-divider{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;opacity:.9;animation:fadeInUp 1s ease forwards;animation-delay:.5s;padding:15px;background:#ffffff0d;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.hero-icons-divider img{width:45px;height:45px;border-radius:10px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);filter:drop-shadow(0 2px 5px rgba(0,0,0,.2))}.hero-icons-divider img:hover{transform:scale(1.3) rotate(5deg);filter:drop-shadow(0 5px 15px rgba(0,0,0,.3))}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-image{position:relative;display:flex;justify-content:center}.profile-picture{width:280px;height:320px;border-radius:50%;box-shadow:0 15px 35px #0003;transition:all .3s ease;display:flex;align-items:center;justify-content:center;cursor:pointer}.profile-picture:hover{box-shadow:0 20px 40px #0000004d}.profile-image{width:260px;height:300px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.3);transition:all .3s ease}.profile-image:hover{border-color:#ffffff80}.hero-gif{position:absolute;z-index:20;animation:gifFloat 3s ease-in-out infinite}@keyframes gifFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.greeting-gif{top:10px;left:3%}.profile-gif{top:20px;right:-25px}.hero-gif img{width:120px;height:auto;border-radius:20px;box-shadow:0 10px 25px #0000004d}.scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:15px;cursor:pointer;color:#fffc;transition:all .3s ease;z-index:10}.scroll-indicator:hover{opacity:1;color:#fff}.scroll-arrow{width:20px;height:20px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg)}.scroll-indicator span{font-size:14px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:1px;font-weight:500}@media (max-width: 1024px){.hero-container{flex-direction:column;width:90%;padding:30px;gap:30px}.hero-icons-divider{flex-direction:row;gap:20px}.hero-description{font-size:17px;line-height:1.7}.profile-picture,.profile-image{width:220px;height:220px}.greeting-gif{top:10px;left:80%}.hero-icons-divider img{width:40px;height:40px}}@media (max-width: 600px){.hero-container{margin-top:30px}.hero-greeting{font-size:22px;letter-spacing:2px}.hero-description{font-size:16px;line-height:1.6;padding:0 15px}.profile-picture{width:200px;height:200px}.greeting-gif img{width:80px}.hero-icons-divider{gap:15px}.hero-icons-divider img{width:35px;height:35px}.cta-button{padding:12px 25px;font-size:14px}.social-link{width:45px;height:45px;font-size:18px}}.navbar-container{position:fixed;left:30px;top:50%;transform:translateY(-50%);height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1000;gap:20px}.navbar-icon{transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.navbar-icon:hover{background:#fff3;transform:scale(1.2) translateY(-3px);box-shadow:0 8px 25px #ffffff4d}.navbar-icon img{width:24px;height:24px;filter:brightness(0) invert(1);opacity:.8;transition:all .3s ease}.navbar-icon:hover img{opacity:1;transform:scale(1.1)}@media (max-width: 768px){.navbar-container{left:20px;gap:15px}.navbar-icon{width:45px;height:45px}.navbar-icon img{width:20px;height:20px}}@media (max-width: 480px){.navbar-container{left:15px;gap:12px}.navbar-icon{width:40px;height:40px}.navbar-icon img{width:18px;height:18px}}.about-me-section{min-height:100vh;position:relative;overflow:hidden;width:100%}.intro-text-container{text-align:center;margin-bottom:60px;position:relative;z-index:10;padding:0 20px}.handwriting-wrapper{display:inline-block;position:relative}.handwriting-message{font-size:2.5rem;font-weight:300;color:#fff;display:inline-block;position:relative;margin:0}.handwriting-message:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,#ff6b6b,#feca57);border-radius:2px}.about-content-wrapper{width:100%;padding:0 40px;display:flex;flex-direction:column;gap:60px;position:relative;z-index:10}.about-content-box{display:grid;padding:40px;grid-template-columns:1fr 1fr;gap:90px;align-items:center;justify-items:center;width:80%;border-radius:40px;margin:0 auto;position:relative;z-index:10;background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #0000004d;transition:all .3s ease}.about-content-box:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-5px);box-shadow:0 25px 80px #0006}.about-content-box.reverse-layout{direction:rtl}.about-content-box.reverse-layout .about-content-text{direction:ltr}.about-content-text{color:#fff;text-align:center}.about-content-text h3{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.75rem;font-weight:600;color:#fff;margin:0 0 20px;line-height:1.3}.about-content-text p{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.1rem;line-height:1.7;color:#ffffffe6;margin:0;font-weight:400}.expand-toggle-button{background:transparent;border:none;color:#fff;padding:0;cursor:pointer;font-size:1.5rem;transition:all .3s ease;-webkit-backdrop-filter:none;backdrop-filter:none}.expand-toggle-button:hover{background:transparent;border:none;transform:scale(1.1)}#section-start,#section-education,#section-bar,#section-new-chapter{position:relative;overflow:hidden}#section-start:before,#section-education:before,#section-bar:before,#section-new-chapter:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center center;background-repeat:no-repeat;opacity:.3;z-index:-1}#section-start:before{background-image:url(https://i.gifer.com/WEbB.gif)}#section-education:before{background-image:url(https://i.gifer.com/FTLF.gif)}#section-bar:before{background-image:url(https://i.gifer.com/BX3b.gif)}#section-new-chapter:before{background-image:url(https://i.gifer.com/6vIk.gif)}#section-start .about-content-box,#section-education .about-content-box,#section-bar .about-content-box,#section-new-chapter .about-content-box{position:relative;z-index:2;background:#0009}@media (max-width: 1080px){.about-content-box{width:90%;gap:60px;padding:30px}.about-content-text h3{font-size:1.5rem}.about-content-text p{font-size:1rem}}@media (max-width: 768px){.about-me-section{padding:60px 0}.handwriting-message{font-size:2rem}.about-content-wrapper{padding:0 20px;gap:40px}.about-content-box{width:95%;grid-template-columns:1fr;gap:30px;padding:25px}.about-content-text{text-align:left}.about-content-text h3{font-size:1.4rem;margin-bottom:15px}.about-content-text p{font-size:.95rem;line-height:1.6}}@media (max-width: 480px){.about-me-section{padding:40px 0}.handwriting-message{font-size:1.75rem}.about-content-box{width:100%;padding:20px;border-radius:20px}.about-content-text h3{font-size:1.3rem}.about-content-text p{font-size:.9rem}}#Portfolio{margin:0;padding:0;display:flex;justify-content:center;align-items:center;position:relative;width:100%;overflow:hidden}.portfolio-container{display:flex;flex-direction:column;align-items:center;width:80%;margin:60px auto;position:relative;z-index:10;background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:20px}.portfolio-title{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:2.5rem;font-weight:600;color:#fff;position:relative}.portfolio-item-title{text-align:center}.portfolio-title:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,#ff6b6b,#feca57);border-radius:2px}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;justify-items:center;width:100%;margin-bottom:20px;padding-top:40px}.portfolio-item{width:100%;max-width:280px;height:260px;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;box-shadow:0 10px 30px #0000004d;overflow:hidden;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;text-decoration:none;transition:all .3s ease;border:1px solid rgba(255,255,255,.2)}.portfolio-item img{width:100%;height:100%;object-fit:cover;border-radius:20px;transition:all .3s ease}.portfolio-item-title{position:absolute;bottom:12px;background:#000c;color:#fff;padding:8px 16px;font-size:16px;font-weight:600;border-radius:8px;opacity:.9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.portfolio-item:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0006;border-color:#ffffff4d}.portfolio-item:hover img{transform:scale(1.05)}.portfolio-item:hover .portfolio-item-title{background:#000000e6;transform:translateY(-5px)}@media (max-width: 1080px){.portfolio-grid{grid-template-columns:repeat(2,1fr);gap:30px}.portfolio-item{max-width:320px;height:280px}}@media (max-width: 768px){#Portfolio{padding:60px 0}.portfolio-title{font-size:2rem;margin-top:20px;margin-bottom:40px}.portfolio-container{width:95%}.portfolio-grid{grid-template-columns:1fr;gap:25px}.portfolio-item{max-width:100%;height:250px}}@media (max-width: 480px){#Portfolio{padding:0}.portfolio-container{margin:auto}.portfolio-title{font-size:1.75rem}.portfolio-item{height:200px}.portfolio-item-title{font-size:14px;padding:6px 12px}}#contact-section{padding-top:5px;color:#fff;text-align:center;display:flex;justify-content:center;margin-bottom:20px}.contact-wrapper{max-width:800px;margin:0 auto;padding:10px}h1.contact-heading{margin-bottom:2.5rem}.contact-heading{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:2.5rem;font-weight:600;color:#fff;margin-bottom:50px;position:relative}.contact-heading:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,#ff6b6b,#feca57);border-radius:2px}.contact-list{display:flex;flex-direction:column;gap:20px}.contact-item{display:flex;align-items:center;justify-content:center;width:500px;gap:15px;background:#ffffff1a;padding:15px;border-radius:10px;transition:transform .3s ease,background .3s ease;cursor:pointer}.contact-item:hover{transform:translateY(-5px);background:#fff3}.contact-item.download-cv{background:linear-gradient(135deg,#ff6b6b,#feca57);box-shadow:0 8px 25px #ff6b6b4d}.contact-item.download-cv:hover{background:linear-gradient(135deg,#feca57,#ff6b6b);transform:translateY(-5px) scale(1.05);box-shadow:0 12px 35px #ff6b6b66}.contact-icon{font-size:24px;color:#ff6b6b;transition:all .3s ease}.contact-item.download-cv .contact-icon{color:#fff}.contact-item:hover .contact-icon{color:#feca57;transform:scale(1.1)}.contact-item.download-cv:hover .contact-icon{color:#fff}.contact-text{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.1rem;color:#fff;font-weight:500}.contact-item.download-cv .contact-text{color:#fff;font-weight:600;font-size:1.2rem}.contact-link{color:inherit;text-decoration:none;display:flex;align-items:center;gap:10px}.contact-link:hover{text-decoration:none}.icon-svg{width:24px;height:24px;margin-right:10px;filter:brightness(0) invert(1);transition:transform .3s ease}@media (max-width: 600px){.contact-heading{margin-top:20px;font-size:2rem}.contact-item{justify-content:center;flex-direction:row;text-align:center;width:280px}.contact-icon{font-size:18px}.contact-text{font-size:1rem}.contact-item.download-cv .contact-text{font-size:1.1rem}#contact-section{display:flex;justify-content:center}}#footer-container{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:20px 20px 0 0;box-shadow:0 8px 32px #0000004d;padding:20px;margin-top:80px;position:relative;z-index:10}.footer{display:flex;align-items:center;justify-content:center;text-align:center;font-size:16px;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:500;color:#ffffffe6;line-height:1.6}