body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.navbar{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0f172ad9;border-bottom:1px solid #ffffff1a;box-shadow:0 8px 20px #00000040;color:#fff;display:flex;justify-content:space-between;left:0;padding:15px 30px;position:fixed;right:0;top:0;transition:background .3s ease,box-shadow .3s ease;z-index:1000}body{margin-top:80px}.navbar-brand .nav-logo{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#ff7eb3,#fc0,#ff6a00);-webkit-background-clip:text;color:#fff;font-family:Poppins,sans-serif;font-size:30px;font-weight:700;letter-spacing:1px;text-decoration:none;text-transform:uppercase;transition:transform .4s ease,filter .3s ease}.navbar-brand .nav-logo:hover{filter:drop-shadow(0 4px 6px rgba(255,204,0,.7));transform:scale(1.1) rotate(-2deg)}.nav-links{display:flex;gap:50px}.nav-item{color:#fff;font-family:Poppins,sans-serif;font-size:18px;font-weight:700;letter-spacing:.5px;overflow:hidden;padding:5px 0;position:relative;text-decoration:none;transition:color .3s ease,transform .3s ease}.nav-item:before{background:linear-gradient(90deg,#ff7eb3,#fc0,#ff6a00);bottom:0;content:"";height:3px;left:0;position:absolute;transform:scaleX(0);transform-origin:right;transition:transform .3s ease;width:100%}.nav-item:hover:before{transform:scaleX(1);transform-origin:left}.nav-item:hover{color:#fc0}.nav-item.active{color:#ff7eb3;font-weight:700}@media (max-width:1024px){.nav-links{gap:30px}.nav-item{font-size:16px}}@media (max-width:768px){.nav-links{background:#0f172af2;border-radius:12px;display:none;flex-direction:column;gap:20px;margin-top:10px;padding:15px 20px;width:100%}.nav-links.active{display:flex}.nav-item{border-bottom:1px solid #ffffff1a;font-size:16px;padding:10px 0;text-align:center}.nav-item:last-child{border-bottom:none}.navbar .toggle-button{cursor:pointer;display:flex;flex-direction:column;gap:6px;z-index:1100}.toggle-button div{background-color:#fff;border-radius:2px;height:3px;transition:all .3s ease;width:30px}.toggle-button.active div:first-child{transform:rotate(45deg) translate(6px,6px)}.toggle-button.active div:nth-child(2){opacity:0}.toggle-button.active div:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}}@media (max-width:480px){.navbar-brand .nav-logo{font-size:24px}.nav-item{font-size:14px;padding:8px 0}.nav-links{gap:15px;padding:10px 0}}.footer{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0f172ad9;box-shadow:0 8px 20px #00000040;color:#fff;padding:5rem 2rem 4rem;position:relative;z-index:10}.footer-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1200px}.footer-section h3{-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(90deg,#ff7eb3,#fc0,#ff6a00);color:#fff;color:#0000;font-size:1.4rem;font-weight:600;letter-spacing:1px;margin-bottom:1rem;position:relative;text-transform:uppercase;transition:color .3s ease,text-shadow .3s ease}.footer-section h3:hover{background-image:linear-gradient(90deg,#fc0,#ff7eb3,#ff6a00);color:#0000;text-shadow:0 0 10px #fc0c,0 0 20px #fc09}.footer-section h3:after{background-color:#fc0;bottom:-5px;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:bottom right;transition:transform .3s ease-out;width:100%}.footer-section h3:hover:after{transform:scaleX(1);transform-origin:bottom left}.footer-section p{color:#d1d5db;font-size:1rem;line-height:1.8;margin-bottom:1.5rem;transition:color .3s ease}.footer-section p:hover{color:#fff}.social-links-footer{display:flex;gap:1.5rem;transition:transform .3s ease}.social-links-footer a{color:#fff;font-size:1.5rem;transition:transform .3s ease,color .3s ease}.social-links-footer a:hover{color:#fc0;transform:scale(1.1)}.newsletter-form{border-radius:50px;box-shadow:0 4px 15px #0000001a;display:flex;gap:1rem;margin:0 auto;max-width:600px;overflow:hidden}.newsletter-form input{background-color:#fff;border:1px solid #d1d5db;border-radius:50px;color:#000;flex:1 1;font-size:1rem;padding:1rem;transition:box-shadow .3s ease,border-color .3s ease}.newsletter-form input:focus{border-color:#72a9e8;box-shadow:0 0 12px #4884e299;outline:none}.newsletter-form button{background-color:#fc0;border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:1rem 2rem;text-transform:uppercase;transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease}.newsletter-form button:hover{background-color:#ff7eb3;box-shadow:0 6px 20px #ff7bb366}.footer-bottom{border-top:1px solid #fff;color:#d1d5db;font-size:.9rem;margin-top:3rem;padding-top:2rem;text-align:center}.footer-bottom p{line-height:1.6;margin:0}.footer-bottom p:hover{color:#fc0}@media (max-width:768px){.footer-content{gap:2rem;grid-template-columns:1fr}.footer-section{text-align:center}.social-links-footer{justify-content:center}.newsletter-form{flex-direction:column;gap:1rem;max-width:100%}.newsletter-form input{font-size:1.2rem;padding:1.2rem}.newsletter-form button{font-size:1.2rem;padding:1.2rem 2rem}.footer-section h3{font-size:1.3rem}.footer-section p{font-size:.95rem}.footer-bottom{font-size:.85rem}}@media (max-width:480px){.footer-content{gap:1.5rem}.footer-section h3{font-size:1.2rem}.footer-section p{font-size:.9rem}.footer-bottom{font-size:.8rem}}:root{--primary-color:#fc0;--text-color:#fff;--background-blur:#0000001a;--hover-box-shadow:0 12px 36px var(--primary-color);--padding:2rem;--profile-img-size:200px;--gap:2rem;--border-radius:15px;--transition-duration:0.3s;--font-size-heading:2rem;--font-size-title:1.25rem}@media screen and (max-width:768px){:root{--padding:1rem;--profile-img-size:150px;--gap:1.5rem;--font-size-heading:1.5rem;--font-size-title:1rem}}@media screen and (max-width:480px){:root{--padding:0.5rem;--profile-img-size:100px;--gap:1rem;--font-size-heading:1.25rem;--font-size-title:0.875rem}}@media screen and (min-width:1200px){:root{--padding:3rem;--profile-img-size:250px;--gap:3rem;--font-size-heading:2.5rem;--font-size-title:1.5rem}}.about-container{align-items:center;border-radius:15px;border-radius:var(--border-radius);display:flex;flex-direction:column;margin:0 auto;max-width:1200px;padding:2rem;padding:var(--padding)}.profile-info{border-radius:12px;padding:2rem;text-align:center}.profile-info img{border:4px solid #fc0;border:4px solid var(--primary-color);filter:grayscale(0);height:200px;height:var(--profile-img-size);object-fit:cover;transition:transform .3s ease;transition:transform var(--transition-duration) ease;width:200px;width:var(--profile-img-size)}.profile-info img:hover{box-shadow:0 0 20px #0000004d;transform:scale(1.1)}.profile-info h1{color:#fff;color:var(--text-color);font-size:2rem;font-size:var(--font-size-heading);margin-bottom:1rem}.title{color:#fc0;color:var(--primary-color);font-size:1.25rem;font-size:var(--font-size-title);font-weight:600;margin-bottom:1.5rem;transition:transform .3s ease;transition:transform var(--transition-duration) ease}.title:hover{transform:scale(1.1)}.info{color:#fff;color:var(--text-color)}.social-links{display:flex;gap:.5rem;justify-content:center;margin-top:1.5rem;padding:.5rem}.social-links a{color:#fff;color:var(--text-color);padding:.5rem;position:relative;transform-origin:center;transition:all .3s ease;transition:all var(--transition-duration) ease}.social-links a:hover{animation:spin .3s ease-out;animation:spin var(--transition-duration) ease-out;color:#fc0;color:var(--primary-color)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.social-links a:before{background:#3b82f633;border-radius:50%;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:all .3s ease;transition:all var(--transition-duration) ease;width:100%}.social-links a:hover:before{animation:ripple .3s ease-out;animation:ripple var(--transition-duration) ease-out;opacity:1}@keyframes ripple{0%{opacity:.5;transform:scale(.5)}to{opacity:0;transform:scale(2)}}.education-section{border-radius:15px;border-radius:var(--border-radius);box-shadow:0 8px 32px #0000001a;box-shadow:0 8px 32px var(--background-blur);margin:1.5rem auto;padding:1.5rem;text-align:center;transition:all .3s ease;transition:all var(--transition-duration) ease}.education-section:hover{box-shadow:0 12px 36px #fc0;box-shadow:var(--hover-box-shadow);transform:scale(1.02)}.education-section h2{border-bottom:2px solid #0000001a;border-bottom:2px solid var(--background-blur);color:#fff;color:var(--text-color);font-size:2rem;font-size:var(--font-size-heading);font-weight:700;margin-bottom:1.5rem;padding-bottom:1rem;transition:color .3s ease;transition:color var(--transition-duration) ease}.education-section:hover h2{color:#fc0;color:var(--primary-color)}.bottom-row{border-radius:15px;border-radius:var(--border-radius);display:flex;gap:2rem;gap:var(--gap);margin-top:2rem;position:relative}.bottom-row:hover{box-shadow:0 12px 36px #fc0;box-shadow:var(--hover-box-shadow);transform:translateY(-5px)}.bottom-row:before{background:#0000001a;background:var(--background-blur);content:"";height:100%;left:50%;position:absolute;top:0;transform:translateX(-50%);transition:background .3s ease;transition:background var(--transition-duration) ease;width:2px}.bottom-row:hover:before{background:#fc0;background:var(--primary-color)}.info-tech-section,.media-dev-section{transition:all .3s ease;transition:all var(--transition-duration) ease}.info-tech-section h2,.media-dev-section h2{border-bottom:2px solid #0000001a;border-bottom:2px solid var(--background-blur);color:#fff;color:var(--text-color);transition:color var(--transition-duration) ease}.info-tech-section:hover h2,.media-dev-section:hover h2{color:var(--primary-color)}@media screen and (max-width:768px){.about-container{max-width:100%;padding:2rem;padding:var(--padding)}.bottom-row{flex-direction:column;gap:2rem;gap:var(--gap);text-align:center}.bottom-row:before{display:none}.info-tech-section,.media-dev-section{margin:0 auto 2rem;margin:0 auto var(--gap) auto;max-width:90%;text-align:center}.education-section{max-width:90%}}@media screen and (max-width:480px){.profile-info{padding:1rem}.social-links{flex-direction:column;gap:.5rem}}.skills-container{border-radius:15px;color:#fff;margin:0 auto;max-width:1200px;padding:5rem}.skills-container:hover{transform:translateY(-5px)}.skills-title{color:#fff;font-size:2.5rem;margin-bottom:3rem;text-align:center}.skills-content{border-radius:20px;box-shadow:0 8px 32px #ffffff1a;display:flex;gap:2rem;position:relative}.skills-content:hover{box-shadow:0 12px 36px #fc0;transform:translateY(-5px)}.skills-content:before{background:#ffffff1a;content:"";height:100%;left:50%;position:absolute;top:0;transform:translateX(-50%);transition:background .3s ease;width:2px}.skills-content:hover:before{background:#fc0}.info-tech-section,.media-dev-section{border-radius:12px;box-shadow:0 8px 32px #ffffff1a;flex:1 1;padding:1.5rem}.info-tech-section:hover,.media-dev-section:hover{box-shadow:0 12px 36px #1f268733;transform:translateY(-5px)}.info-tech-section h2,.media-dev-section h2{border-bottom:2px solid #1f26871a;margin-bottom:1.5rem;padding-bottom:1rem;transition:color .3s ease}.info-tech-section:hover h2,.media-dev-section:hover h2{color:#fc0}@media screen and (max-width:768px){.skills-content{align-items:center;flex-direction:column;gap:1rem}.skills-title{font-size:2rem}.skills-container{padding:1.5rem}.info-tech-section,.media-dev-section{margin-bottom:1rem;width:100%}.skills-grid{gap:1rem;grid-template-columns:1fr}.skills-content:before{display:none}}.skills-section{margin-top:2rem;width:100%}.skills-section h2{border-left:4px solid #fc0;color:#fff;font-size:1.5rem;margin-bottom:1.5rem;padding-left:1rem;text-align:left}.skills-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.skill-card{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;padding:1.5rem;transition:all .3s ease}.skill-card:hover{background-color:#fff;box-shadow:0 4px 12px #0003;transform:translateY(-5px)}.skill-icon{height:48px;margin-bottom:1rem;transition:transform .3s ease;width:48px}.skill-card:hover .skill-icon{transform:scale(1.1)}.skill-card h3{color:#000;font-size:1.3rem;margin:.5rem 0;text-align:center}.skill-card p{color:#000;font-size:1rem;margin:0;text-align:center}.project-container{border-radius:15px;color:#000;margin:0 auto;max-width:1200px;padding:5rem}.project-container:hover{transform:translateY(-5px)}.project-title{color:#fff;font-size:2.5rem;font-weight:700;letter-spacing:2px;margin-bottom:50px;text-align:center;text-shadow:2px 2px 4px #0000001a;text-transform:uppercase}.timeline{padding:20px 0;position:relative}.timeline-line{background:#fc0;bottom:0;box-shadow:0 0 15px #fff6;left:50%;position:absolute;top:0;transform:translateX(-50%);width:4px}.timeline-item{box-sizing:border-box;padding:15px 25px;position:relative;width:50%}.timeline-item.left{left:0;text-align:left}.timeline-item.right{left:50%;text-align:left}.timeline-dot{align-items:center;background:#fc0;border:4px solid #fff;border-radius:50%;box-shadow:0 0 20px #0078d780;display:flex;height:28px;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .4s ease;width:28px;z-index:1}.timeline-dot:hover{box-shadow:0 12px 36px #fc0;transform:translateY(-5px)}.timeline-item.left .timeline-dot{right:-50%}.timeline-item.right .timeline-dot{left:-50%}.timeline-dot .date{color:#2c3e50;font-size:1.1rem;font-weight:600;position:absolute;text-shadow:1px 1px 3px #00000026;top:50%;transform:translateY(-50%);transition:all .3s ease;white-space:nowrap}.timeline-item.left .timeline-dot .date{left:40px}.timeline-item.left .timeline-dot .date,.timeline-item.right .timeline-dot .date{background:#fffffff2;border-radius:6px;box-shadow:0 2px 10px #0000001a;padding:8px 15px}.timeline-item.right .timeline-dot .date{right:40px}.timeline-content{background:#fff;border:1px solid #0078d71a;border-radius:15px;box-shadow:0 5px 20px #00000026;margin-bottom:25px;padding:25px;transition:all .4s ease-in-out}.timeline-content:hover{box-shadow:0 8px 25px #0003;transform:translateY(-8px)}.timeline-item.left .timeline-content{margin-right:50px}.timeline-item.right .timeline-content{margin-left:50px}.project-image{overflow:hidden;position:relative}.project-image img{border-radius:12px;box-shadow:0 4px 15px #0000001a;margin-bottom:20px;transition:transform .5s ease;width:100%}.project-image img:hover{transform:scale(1.05)}.tool-tag{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:25px;box-shadow:0 2px 5px #0000000d;color:#495057;display:inline-block;font-size:.9rem;font-weight:500;margin-bottom:8px;margin-right:8px;padding:8px 15px;transition:all .3s ease}.tool-tag:hover{background:linear-gradient(135deg,#e9ecef,#dee2e6);box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.link-button{border:2px solid #fc0;border-radius:30px;color:#fc0;display:inline-block;font-weight:600;letter-spacing:.5px;margin-top:15px;overflow:hidden;padding:12px 25px;position:relative;text-decoration:none;transition:all .4s ease;z-index:1}.link-button:before{background:linear-gradient(90deg,#ff7eb3,#fc0,#ff6a00);content:"";height:100%;left:0;position:absolute;top:0;transition:all .4s ease;width:0;z-index:-1}.link-button:hover:before{width:100%}.link-button:hover{box-shadow:0 5px 15px #0078d766;color:#fff;transform:translateY(-3px)}.code-link{margin-right:15px}@media (max-width:768px){.project-container{margin:0 auto;max-width:100%;padding:1.5rem}.project-title{font-size:2rem;text-align:center}.timeline{align-items:center;display:flex;flex-direction:column;padding:20px 0;position:relative;width:100%}.timeline-line{background:linear-gradient(180deg,#0078d7,#00a1ff);bottom:0;box-shadow:0 0 15px #0078d766;left:50%;position:absolute;top:0;transform:translateX(-50%);width:4px}.timeline-item{align-items:center;display:flex;flex-direction:column;margin:0 auto 30px;padding:15px;position:relative;text-align:center;width:90%}.timeline-item.left,.timeline-item.right{left:auto}.timeline-dot{align-items:center;background:#fc0;border:4px solid #fff;border-radius:50%;box-shadow:0 0 20px #0078d780;display:flex;height:28px;justify-content:center;left:50%;position:absolute;top:0;transform:translateX(-50%);transition:all .4s ease;width:28px;z-index:1}.timeline-item.left .timeline-dot .date,.timeline-item.right .timeline-dot .date{background:#fffffff2;border-radius:6px;box-shadow:0 2px 10px #0000001a;font-size:1rem;left:50%;padding:8px 15px;position:absolute;text-align:center;top:-25px;transform:translateX(-50%);white-space:nowrap}.project-image img{display:block;height:auto;margin:0 auto;max-width:100%}.tool-tag{font-size:.8rem;margin:0 auto;padding:6px 12px;text-align:center}.link-button{display:block;font-size:.9rem;margin:10px auto;padding:10px 20px;text-align:center}}.contact-container{border-radius:15px;box-shadow:0 4px 16px #ffffff1a;color:#000;display:flex;gap:4rem;margin:5rem auto;max-width:1200px;padding:5rem}.contact-container:hover{box-shadow:0 12px 36px #fc0;transform:scale(1.02)}.contact-image{border-radius:12px;box-shadow:0 4px 16px #ffffff1a;flex:1 1;overflow:hidden}.contact-image img{height:100%;object-fit:cover;width:100%}.contact-content{display:flex;flex:1 1;flex-direction:column;padding:2rem}.contact-content h1{-webkit-text-fill-color:#0000;background:#fc0;background-clip:text;-webkit-background-clip:text;font-size:3rem;font-weight:700;margin-bottom:2rem;text-align:center}.contact-form{gap:1.5rem;margin-bottom:2rem}.contact-form,.form-group{align-items:center;display:flex;flex-direction:column}.form-group{width:100%}.form-group input,.form-group textarea{background:#0000;border:2px solid #fff;border-radius:8px;color:#fff;font-size:1rem;padding:1rem;width:80%}.form-group input::placeholder,.form-group textarea::placeholder{color:#fff;opacity:.8}.form-group textarea{height:150px;resize:none}.contact-button{background:linear-gradient(90deg,#ff7eb3,#fc0,#ff6a00);border:none;border-radius:8px;cursor:pointer;font-size:1.1rem;font-weight:600;overflow:hidden;padding:1rem 2.5rem;position:relative;width:fit-content}.contact-button:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.contact-info{border-top:2px solid #1f26871a;margin-top:auto;padding-top:2rem}.info-item{margin-bottom:1.5rem;text-align:center}.info-item h3{color:#fc0;font-size:1.2rem;font-weight:700;margin-bottom:.8rem}.info-item p{color:#fff;font-size:1.1rem;line-height:1.6}.social-links-contact{border-radius:12px;display:flex;gap:1.5rem;justify-content:center;margin-top:2rem;padding:1rem}.social-links-contact a{background:#fffc;border-radius:50%;box-shadow:0 4px 12px #1f26871a;color:#fff;padding:.8rem;position:relative}.social-links-contact a:hover{box-shadow:0 6px 20px #3b82f633;color:#fc0}@media (max-width:768px){.contact-container{flex-direction:column;gap:2rem;padding:1.5rem}.contact-image{height:300px}.contact-content{padding:1.5rem}.contact-content h1{align-items:center;font-size:2.5rem}.social-links-contact{flex-wrap:wrap}}.gift-container{background:linear-gradient(135deg,#fff 0 100%);border-radius:15px;color:#000;margin:0 auto;max-width:1200px;padding:2rem;transition:transform .3s ease}.gift-title{color:#000;font-size:2.5rem;margin-bottom:2rem;text-align:center;text-shadow:1px 1px 5px #0000004d}.gift-content{flex-wrap:wrap;justify-content:center;margin:0 auto;max-width:1000px}.gift-card,.gift-content{display:flex;gap:2rem;width:100%}.gift-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:20px;box-shadow:0 8px 32px #0000001a;max-width:400px;padding:2rem;transition:transform .3s ease}.gift-card:hover{transform:scale(1.05)}.gift-image{flex:1 1;max-width:300px}.gift-image img{border-radius:10px;height:auto;transition:transform .3s ease;width:100%}.gift-image img:hover{transform:scale(1.05)}.gift-text{color:#fff;flex:1 1}.gift-text h3{font-size:1.8rem;margin-bottom:1rem}.gift-text p{font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.gift-button{background:linear-gradient(45deg,#4a90e2,#357abd);border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:1.1rem;padding:1rem 2rem;transition:all .3s ease}.gift-button:hover{background:linear-gradient(45deg,#357abd,#4a90e2);box-shadow:0 5px 15px #4a90e266;transform:translateY(-3px)}@media (max-width:1024px){.gift-content{gap:1.5rem}.gift-card{max-width:48%}}@media (max-width:768px){.gift-content{align-items:center;flex-direction:column;gap:1.5rem}.gift-card{flex-direction:column;margin:0 auto;max-width:90%;text-align:center}.gift-image{max-width:100%}.gift-title{font-size:2rem}.gift-text h3{font-size:1.5rem}.gift-text p{font-size:1rem}}@media (max-width:480px){.gift-title{font-size:1.8rem;text-align:center}.gift-content{align-items:center;gap:1rem}.gift-card{box-shadow:0 4px 16px #0000001a;margin:0 auto;max-width:100%;padding:1.5rem}.gift-button{font-size:1rem;padding:.8rem 1.5rem}.gift-image img{border-radius:8px;height:auto;max-width:100%}}body{background:url(https://www.example.com/christmas-background.jpg) no-repeat 50% fixed,radial-gradient(circle,#000c,#000);background-size:cover;font-family:Roboto,sans-serif;margin:0;overflow-x:hidden;padding:0;position:relative}main{padding-top:3rem}.snowflake{animation:fall linear infinite;color:#fff;pointer-events:none;position:fixed;top:-10px;z-index:1000}@keyframes fall{0%{transform:translateY(0) translateX(0)}to{transform:translateY(100vh) translateX(10vw)}}
/*# sourceMappingURL=main.fdce6c71.css.map*/