.hidden{visibility:hidden}button{cursor:pointer}button:focus{outline:0}.burger-button{position:relative;height:30px;width:32px;display:block;z-index:999;border:0;border-radius:0;background-color:transparent;pointer-events:all;transition:transform .6s cubic-bezier(.165,.84,.44,1)}.burger-bar{background-color:#fff;position:absolute;top:50%;right:6px;left:6px;height:2px;width:auto;margin-top:-1px;transition:transform .6s cubic-bezier(.165,.84,.44,1),opacity .3s cubic-bezier(.165,.84,.44,1),background-color .6s cubic-bezier(.165,.84,.44,1)}.burger-bar--1{-webkit-transform:translateY(-6px);transform:translateY(-6px)}.burger-bar--2{transform-origin:100% 50%;transform:scaleX(.8)}.burger-button:hover .burger-bar--2,.no-touchevents .burger-bar--2:hover{transform:scaleX(1)}.burger-bar--3{transform:translateY(6px)}#burger.active .burger-button{transform:rotate(180deg)}#burger.active .burger-bar{background-color:#fff}#burger.active .burger-bar--1{transform:rotate(45deg)}#burger.active .burger-bar--2{opacity:0}#burger.active .burger-bar--3{transform:rotate(-45deg)}.slide-leave-active,.slide-enter-active{transition:.3s ease}.slide-enter-from,.slide-leave-to{transform:translate(100%)}.sidebar-backdrop{background-color:#000000b3;width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:998;cursor:pointer}.sidebar-panel{overflow-y:auto;background-color:#000;position:fixed;right:0;top:0;height:100vh;z-index:999;padding:3rem 20px 2rem;width:300px;box-shadow:-5px 0 15px #00000080}.close-button{position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:#fff;font-size:2rem;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;width:40px;height:40px;transition:all .3s ease;z-index:1000}.close-button:hover,.close-button:active{background:rgba(255,255,255,.1);transform:rotate(90deg)}.close-button:active{transform:rotate(90deg) scale(.95)}.close-button .material-icons{font-size:28px}@media (max-width: 1024px){.sidebar-panel{width:100%;z-index:999}.sidebar-backdrop{z-index:998}.close-button{top:1.5rem;right:1.5rem}}#tsparticles{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000;z-index:-1}.logo{margin-bottom:0rem;transition:transform .3s ease}.logo:hover{transform:scale(1.1) rotate(5deg)}img{width:3rem}.main-nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;position:relative;z-index:100;backdrop-filter:blur(10px);background:rgba(0,0,0,.5)}@media (max-width: 768px){.main-nav{padding:.75rem 1rem}}ul.sidebar-panel-nav{margin-top:50px;list-style-type:none}ul.sidebar-panel-nav>li{color:#fff;text-decoration:none;font-size:1.5rem;display:flex;padding-bottom:.7em;justify-content:left;align-items:center;margin:5px}.button{color:#fff;text-decoration:none;font-size:1.5rem;display:block;padding-bottom:.5em;position:relative;transition:all .3s ease}.button:hover{transform:translate(5px)}.button .material-icons{font-size:21px;vertical-align:middle;transition:transform .3s ease}.button:hover .material-icons{transform:scale(1.2)}.text{font-size:21px}.text{margin-left:1rem}.text:hover{-webkit-mask-image:linear-gradient(-75deg,rgba(0,0,0,.6) 30%,#000 50%,rgba(0,0,0,.6) 70%);-webkit-mask-size:200%;animation:shine 2s infinite}@-webkit-keyframes shine{0%{-webkit-mask-position:150%}to{-webkit-mask-position:-50%}}.page-enter-active,.page-leave-active{transition:all .3s cubic-bezier(.16,1,.3,1)}.page-enter-from{opacity:0;transform:translateY(20px)}.page-leave-to{opacity:0;transform:translateY(-20px)}.content-blur{filter:blur(2px);pointer-events:none;user-select:none}@media (max-width: 1024px){.content-blur{filter:blur(3px)}}#tsparticles{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000;z-index:-1}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{overflow-x:hidden}body::-webkit-scrollbar{display:none}body{-ms-overflow-style:none;scrollbar-width:none}html{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{display:none}.app{scrollbar-width:none;-ms-overflow-style:none}.app::-webkit-scrollbar{display:none}.home-page{min-height:calc(100vh - 60px);display:flex;align-items:center;justify-content:center;padding:3rem 2rem;color:#f5f5f5;position:relative}.hero-container{max-width:900px;width:100%;text-align:center;position:relative;z-index:1}.hero-content{animation:fadeInUp 1s cubic-bezier(.16,1,.3,1)}.hero-title{font-size:clamp(2.5rem,8vw,4.5rem);font-weight:800;margin-bottom:.75rem;background:linear-gradient(135deg,#5BC0BE 0%,#A8A8E6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em;animation:titleGlow 3s ease-in-out infinite;filter:drop-shadow(0 0 30px rgba(91,192,190,.3))}.hero-subtitle{font-size:clamp(1.2rem,4vw,2rem);font-weight:400;margin-bottom:2rem;color:#fffffff2;letter-spacing:.02em;animation:fadeInUp 1s cubic-bezier(.16,1,.3,1) .2s both}.hero-description{font-size:clamp(1rem,2.5vw,1.25rem);line-height:1.9;margin-bottom:3rem;color:#fffffff2;max-width:650px;margin-left:auto;margin-right:auto;animation:fadeInUp 1s cubic-bezier(.16,1,.3,1) .4s both}.hero-buttons{display:flex;gap:1.5rem;justify-content:center;margin-bottom:3rem;flex-wrap:wrap;animation:fadeInUp 1s cubic-bezier(.16,1,.3,1) .6s both}.btn{padding:1.1rem 3rem;font-size:1rem;text-transform:uppercase;font-weight:600;letter-spacing:.05em;border-radius:50px;border:2px solid transparent;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.2);transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:hover:before{width:300px;height:300px}.btn span{position:relative;z-index:1}.btn-primary{background:linear-gradient(135deg,#5BC0BE 0%,#A8A8E6 100%);color:#fff;border:none;box-shadow:0 10px 30px #5bc0be4d}.btn-primary:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 15px 40px #5bc0be80}.btn-secondary{background:rgba(255,255,255,.05);color:#fff;border:2px solid rgba(255,255,255,.2);backdrop-filter:blur(10px)}.btn-secondary:hover{background:rgba(255,255,255,.1);border-color:#5bc0be80;transform:translateY(-3px);box-shadow:0 10px 25px #5bc0be33}.hero-links{display:flex;align-items:center;justify-content:center;gap:1.25rem;flex-wrap:wrap;font-size:.95rem;animation:fadeInUp 1s cubic-bezier(.16,1,.3,1) .8s both}.social-link{color:#fffffff2;text-decoration:none;transition:all .3s ease;padding:.5rem 1rem;border-radius:20px;position:relative}.social-link:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:linear-gradient(90deg,#5BC0BE,#A8A8E6);transition:all .3s ease;transform:translate(-50%)}.social-link:hover{color:#5bc0be;background:rgba(91,192,190,.1)}.social-link:hover:after{width:80%}.separator{color:#ffffff4d;font-weight:300}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes titleGlow{0%,to{filter:drop-shadow(0 0 30px rgba(91,192,190,.3))}50%{filter:drop-shadow(0 0 50px rgba(123,104,238,.5))}}@media (max-width: 768px){.home-page{padding:2rem 1rem;min-height:calc(100vh - 80px)}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.3rem;margin-bottom:1.5rem}.hero-description{font-size:1rem;margin-bottom:2rem;line-height:1.7}.hero-buttons{flex-direction:column;align-items:center;gap:1rem;margin-bottom:2rem}.btn{width:100%;max-width:280px;padding:1rem 2rem;font-size:.95rem}.hero-links{flex-direction:column;gap:.75rem;font-size:.9rem}.separator{display:none}}.about-page{min-height:calc(100vh - 60px);padding:3rem 2rem;color:#f5f5f5;max-width:1200px;margin:0 auto}.about-header{text-align:center;margin-bottom:4rem;animation:fadeInDown .8s ease-out}.about-header h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;margin-bottom:1rem;background:linear-gradient(135deg,#5BC0BE 0%,#A8A8E6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.underline{width:120px;height:4px;background:linear-gradient(90deg,#5BC0BE 0%,#A8A8E6 100%);margin:1.5rem auto 0;border-radius:2px;animation:expandWidth .8s ease-out .3s both}.about-content{display:flex;flex-direction:column;gap:3rem}.bio-section{background:rgba(255,255,255,.05);padding:3rem;border-radius:25px;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d;transition:all .4s ease;animation:fadeInUp .8s ease-out .2s both}.bio-section:hover{transform:translateY(-5px);border-color:#5bc0be4d;box-shadow:0 12px 40px #5bc0be33}.bio-text{font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem;color:#ffffffe6}.bio-text:last-child{margin-bottom:0}.bio-text strong{color:#5bc0be;font-weight:600}.skills-section h2,.education-section h2{font-size:2rem;margin-bottom:2rem;color:#fff}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.skill-category{background:rgba(255,255,255,.05);padding:2rem;border-radius:20px;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);transition:all .4s ease;animation:fadeInUp .8s ease-out both}.skill-category:nth-child(1){animation-delay:.1s}.skill-category:nth-child(2){animation-delay:.2s}.skill-category:nth-child(3){animation-delay:.3s}.skill-category:nth-child(4){animation-delay:.4s}.skill-category:hover{transform:translateY(-8px) scale(1.02);border-color:#5bc0be66;box-shadow:0 10px 30px #5bc0be33}.skill-category h3{font-size:1.2rem;margin-bottom:1rem;color:#5bc0be}.skill-tags{display:flex;flex-wrap:wrap;gap:.75rem}.skill-tag{background:rgba(91,192,190,.15);color:#fff;padding:.6rem 1.2rem;border-radius:25px;font-size:.9rem;border:1px solid rgba(91,192,190,.3);transition:all .3s cubic-bezier(.16,1,.3,1);cursor:default;position:relative;overflow:hidden}.skill-tag:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(91,192,190,.3);transform:translate(-50%,-50%);transition:width .4s,height .4s}.skill-tag:hover{background:rgba(91,192,190,.3);transform:translateY(-3px) scale(1.05);border-color:#5bc0be99;box-shadow:0 5px 15px #5bc0be4d}.skill-tag:hover:before{width:200px;height:200px}.education-section{background:rgba(255,255,255,.05);padding:3rem;border-radius:25px;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d;transition:all .4s ease;animation:fadeInUp .8s ease-out .5s both}.education-section:hover{transform:translateY(-5px);border-color:#5bc0be4d;box-shadow:0 12px 40px #5bc0be33}.education-item h3{font-size:1.5rem;margin-bottom:.5rem;color:#fff}.degree{font-size:1.1rem;color:#fffffff2}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.about-page{padding:2rem 1rem}.about-header h1{font-size:2rem}.bio-section,.education-section{padding:1.5rem}.skills-grid{grid-template-columns:1fr}}.experience-page{min-height:calc(100vh - 60px);padding:3rem 2rem;color:#f5f5f5;max-width:1200px;margin:0 auto}.experience-header{text-align:center;margin-bottom:5rem;animation:fadeInDown .8s ease-out}.experience-header h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;margin-bottom:1rem;background:linear-gradient(135deg,#5BC0BE 0%,#A8A8E6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.underline{width:120px;height:4px;background:linear-gradient(90deg,#5BC0BE 0%,#A8A8E6 100%);margin:1.5rem auto 0;border-radius:2px;animation:expandWidth .8s ease-out .3s both}.timeline{position:relative;padding-left:2rem}.timeline:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#5BC0BE 0%,#A8A8E6 100%)}.timeline-item{position:relative;margin-bottom:3rem;padding-left:3rem}.timeline-marker{position:absolute;left:-1.5rem;top:.5rem;width:16px;height:16px;border-radius:50%;background:linear-gradient(88.18deg,#5BC0BE .34%,#A8A8E6 121.79%);border:3px solid #000;box-shadow:0 0 0 3px #5bc0be4d}.timeline-content{background:rgba(255,255,255,.05);padding:2.5rem;border-radius:20px;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:0 8px 32px #0003;animation:fadeInRight .8s ease-out both;position:relative;overflow:hidden}.timeline-item:nth-child(1) .timeline-content{animation-delay:.1s}.timeline-item:nth-child(2) .timeline-content{animation-delay:.2s}.timeline-item:nth-child(3) .timeline-content{animation-delay:.3s}.timeline-item:nth-child(4) .timeline-content{animation-delay:.4s}.timeline-item:nth-child(5) .timeline-content{animation-delay:.5s}.timeline-content:before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background:linear-gradient(180deg,#5BC0BE,#A8A8E6);transform:scaleY(0);transition:transform .4s ease}.timeline-content:hover:before{transform:scaleY(1)}.timeline-content:hover{transform:translate(15px) scale(1.02);box-shadow:0 15px 40px #5bc0be4d;border-color:#5bc0be66}.job-header{margin-bottom:1rem}.job-header h2{font-size:1.8rem;margin-bottom:.5rem;color:#fff}.company{font-size:1.2rem;color:#5bc0be;font-weight:600}.job-meta{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap;font-size:.95rem;color:#fffffff2}.job-type{text-transform:uppercase;font-weight:600;color:#ffffffe6}.separator{color:#ffffff4d}.job-description{list-style:none;padding:0;margin-bottom:1.5rem}.job-description li{padding-left:1.5rem;margin-bottom:.75rem;position:relative;line-height:1.6;color:#ffffffe6}.job-description li:before{content:"\25b8";position:absolute;left:0;color:#5bc0be;font-weight:700}.job-skills{display:flex;flex-wrap:wrap;gap:.5rem}.skill-badge{background:rgba(91,192,190,.15);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.85rem;border:1px solid rgba(91,192,190,.3);transition:all .3s ease}.skill-badge:hover{background:rgba(91,192,190,.3);transform:translateY(-2px);box-shadow:0 5px 15px #5bc0be4d}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@media (max-width: 768px){.experience-page{padding:2rem 1rem}.experience-header h1{font-size:2rem}.timeline{padding-left:1.5rem}.timeline-item{padding-left:2rem}.timeline-marker{left:-1.25rem}.timeline-content{padding:1.5rem}.job-header h2{font-size:1.4rem}.job-meta{flex-direction:column;align-items:flex-start;gap:.25rem}.separator{display:none}}.services-page{min-height:calc(100vh - 60px);padding:3rem 2rem;color:#f5f5f5;max-width:1400px;margin:0 auto}.services-header{text-align:center;margin-bottom:5rem;animation:fadeInDown .8s ease-out}.services-header h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;margin-bottom:1rem;background:linear-gradient(135deg,#5BC0BE 0%,#A8A8E6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.services-intro{font-size:1.2rem;color:#fffffff2;max-width:700px;margin:0 auto;line-height:1.8}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:4rem}.service-card{background:rgba(255,255,255,.05);padding:3rem;border-radius:25px;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:0 8px 32px #0003;animation:fadeInUp .8s ease-out both;position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(91,192,190,.1),transparent);transition:left .5s}.service-card:hover:before{left:100%}.service-card:nth-child(1){animation-delay:.1s}.service-card:nth-child(2){animation-delay:.2s}.service-card:nth-child(3){animation-delay:.3s}.service-card:nth-child(4){animation-delay:.4s}.service-card:nth-child(5){animation-delay:.5s}.service-card:nth-child(6){animation-delay:.6s}.service-card:hover{transform:translateY(-15px) scale(1.02);box-shadow:0 25px 50px #5bc0be4d;border-color:#5bc0be80}.service-card h2{font-size:1.8rem;margin-bottom:1rem;color:#fff}.service-description{font-size:1rem;line-height:1.7;color:#fffffff2;margin-bottom:1.5rem}.service-features{list-style:none;padding:0;margin-bottom:1.5rem}.service-features li{padding-left:1.5rem;margin-bottom:.75rem;position:relative;color:#ffffffe6;line-height:1.6}.service-features li:before{content:"\2713";position:absolute;left:0;color:#5bc0be;font-weight:700}.service-tech{display:flex;flex-wrap:wrap;gap:.5rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.tech-tag{background:rgba(91,192,190,.15);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.85rem;border:1px solid rgba(91,192,190,.3);transition:all .3s ease}.tech-tag:hover{background:rgba(91,192,190,.3);transform:translateY(-2px);box-shadow:0 5px 15px #5bc0be4d}.cta-section{text-align:center;background:rgba(255,255,255,.05);padding:3rem 2rem;border-radius:20px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.cta-section h2{font-size:2.5rem;margin-bottom:1rem;color:#fff}.cta-section p{font-size:1.1rem;color:#fffffff2;margin-bottom:2rem}.btn{padding:1rem 2.5rem;font-size:1rem;text-transform:uppercase;font-weight:700;letter-spacing:1px;border-radius:15px;border:none;cursor:pointer;text-decoration:none;display:inline-block;transition:all .3s ease}.btn-primary{background:linear-gradient(88.18deg,#5BC0BE .34%,#A8A8E6 121.79%);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 25px #5bc0be66}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.services-page{padding:2rem 1rem}.services-header h1{font-size:2rem}.services-grid{grid-template-columns:1fr;gap:1.5rem}.service-card{padding:2rem}.cta-section{padding:2rem 1.5rem}.cta-section h2{font-size:2rem}}.contact-page{min-height:calc(100vh - 60px);padding:3rem 2rem;color:#f5f5f5;max-width:1200px;margin:0 auto}.contact-header{text-align:center;margin-bottom:4rem;animation:fadeInDown .8s ease-out}.contact-header h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;margin-bottom:1rem;background:linear-gradient(135deg,#5BC0BE 0%,#A8A8E6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.contact-intro{font-size:1.2rem;color:#fffffff2;max-width:700px;margin:0 auto;line-height:1.8}.contact-content{display:grid;grid-template-columns:1fr 1.5fr;gap:4rem;animation:fadeInUp .8s ease-out .2s both}.contact-info{display:flex;flex-direction:column;gap:2.5rem}.info-item{display:flex;gap:1.5rem;align-items:flex-start}.info-item .material-icons{font-size:2rem;color:#5bc0be;margin-top:.25rem}.info-item h3{font-size:1.1rem;margin-bottom:.5rem;color:#ffffffe6}.info-item a{color:#fffc;text-decoration:none;transition:color .3s ease;word-break:break-word}.info-item a:hover{color:#5bc0be}.contact-form{background:rgba(255,255,255,.05);padding:3rem;border-radius:25px;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d}.form-group{margin-bottom:2rem}.form-group label{display:block;margin-bottom:.75rem;color:#fffffff2;font-weight:500;font-size:1rem}.form-group input,.form-group textarea{width:100%;padding:1rem 1.25rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;font-size:1rem;font-family:Inter,sans-serif;transition:all .3s ease;outline:none}.form-group input:focus,.form-group textarea:focus{border-color:#5bc0be;background:rgba(255,255,255,.08);box-shadow:0 0 0 3px #5bc0be1a}.form-group textarea{resize:vertical;min-height:120px}.form-group input::placeholder,.form-group textarea::placeholder{color:#fff6}.btn{padding:1.1rem 3rem;font-size:1rem;text-transform:uppercase;font-weight:600;letter-spacing:.05em;border-radius:50px;border:none;cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);width:100%;display:flex;align-items:center;justify-content:center}.btn-primary{background:linear-gradient(135deg,#5BC0BE 0%,#A8A8E6 100%);color:#fff;box-shadow:0 10px 30px #5bc0be4d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 15px 40px #5bc0be80}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.submit-status{margin-top:1.5rem;padding:1rem;border-radius:12px;text-align:center;font-weight:500}.submit-status.success{background:rgba(91,192,190,.2);color:#5bc0be;border:1px solid rgba(91,192,190,.4)}.submit-status.error{background:rgba(220,53,69,.2);color:#dc3545;border:1px solid rgba(220,53,69,.4)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.hidden{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}@media (max-width: 968px){.contact-content{grid-template-columns:1fr;gap:3rem}}@media (max-width: 768px){.contact-page{padding:2rem 1rem}.contact-header h1{font-size:2rem}.contact-form{padding:2rem 1.5rem}.info-item{gap:1rem}.info-item .material-icons{font-size:1.5rem}}.gallery-page{min-height:calc(100vh - 60px);padding:3rem 2rem;color:#f5f5f5;max-width:1400px;margin:0 auto}.gallery-container{animation:fadeInUp .8s ease-out}.gallery-header{text-align:center;margin-bottom:4rem}.gallery-header h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;margin-bottom:1rem;background:linear-gradient(135deg,#5BC0BE 0%,#A8A8E6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.underline{width:120px;height:4px;background:linear-gradient(90deg,#5BC0BE 0%,#A8A8E6 100%);margin:1.5rem auto;border-radius:2px;animation:expandWidth .8s ease-out .3s both}.gallery-intro{font-size:1.2rem;color:#fffffff2;max-width:700px;margin:0 auto;line-height:1.8}.upload-section{margin-bottom:4rem}.upload-area{background:rgba(255,255,255,.05);border:2px dashed rgba(255,255,255,.3);border-radius:20px;padding:4rem 2rem;text-align:center;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px)}.upload-area:hover{background:rgba(255,255,255,.08);border-color:#5bc0be}.upload-area .material-icons{font-size:4rem;color:#5bc0be;margin-bottom:1rem;display:block}.upload-area p{font-size:1.2rem;color:#ffffffe6;margin:.5rem 0}.upload-hint{font-size:1rem;color:#fff9}.images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-bottom:2rem}.image-card{position:relative;border-radius:15px;overflow:hidden;background:rgba(255,255,255,.05);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);transition:transform .3s ease,box-shadow .3s ease}.image-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #5bc0be4d}.image-wrapper{position:relative;width:100%;padding-top:100%;overflow:hidden}.image-wrapper img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.image-card:hover .image-overlay{opacity:1}.timer{display:flex;align-items:center;gap:.5rem;background:rgba(91,192,190,.9);padding:.75rem 1.5rem;border-radius:25px;font-weight:600;font-size:1.1rem;position:absolute;top:1rem;left:1rem;right:1rem;justify-content:center}.timer .material-icons{font-size:1.2rem}.delete-btn{position:absolute;top:1rem;right:1rem;background:rgba(220,53,69,.9);border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#fff}.delete-btn:hover{background:rgba(220,53,69,1);transform:scale(1.1)}.delete-btn .material-icons{font-size:20px}.empty-state{text-align:center;padding:4rem 2rem;color:#fff9}.empty-state .material-icons{font-size:5rem;color:#ffffff4d;margin-bottom:1.5rem;display:block}.empty-state p{font-size:1.2rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes expandWidth{0%{width:0}to{width:120px}}@media (max-width: 768px){.gallery-page{padding:2rem 1rem}.gallery-header h1{font-size:2rem}.upload-area{padding:3rem 1.5rem}.upload-area .material-icons{font-size:3rem}.images-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}.timer{font-size:.9rem;padding:.5rem 1rem}}