body{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}*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}.loading-container{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative;text-align:center}.loading-container:before{background:linear-gradient(135deg,#1a237ef2,#3949abf2,#5c6bc0f2);z-index:-1}.loading-container:after,.loading-container:before{content:"";height:100%;left:0;position:fixed;top:0;width:100%}.loading-container:after{background:radial-gradient(circle at center,#65a3d51a 0,#0000 70%);z-index:-2}.loading-container h2{-webkit-text-fill-color:#0000;animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#65a3d5,#fff);-webkit-background-clip:text;font-size:2rem;font-weight:600;margin-bottom:1rem}.loading-container p{font-size:1.1rem;margin-bottom:2rem;opacity:.9}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#65a3d5;height:50px;margin:0 auto;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.contact-form input,.contact-form textarea{font-size:1.1rem;padding:12px 15px}.contact-form button{font-size:1.2rem;font-weight:600;padding:12px 30px}.section-title{color:#fff;display:inline-block;font-size:2rem;font-weight:700;margin-bottom:40px;position:relative}.section-title:after{background-color:#90caf9;bottom:-10px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:50px}.supabase-status{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;margin-top:20px;padding:15px}.status-indicator{align-items:center;display:flex;font-size:16px;font-weight:600;gap:8px;margin-bottom:8px}.status-indicator.success{color:#4ade80}.status-indicator.error{color:#f87171}.error-details{background:#fbbf241a;border-left:3px solid #fbbf24;border-radius:4px;color:#fbbf24;font-size:14px;margin-top:8px;padding:8px 12px;word-break:break-word}.admin-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:50vh;padding:2rem;text-align:center}.admin-loading h2{color:#333;font-size:1.8rem;margin-bottom:1rem}.profile-text h1{color:#fff;font-size:3rem;font-weight:700;margin-bottom:15px;text-align:center}.profile-text h2{color:#b8d9ea;font-size:2rem;font-weight:600;margin-bottom:25px;text-align:center}.about-me-container .about-me{color:#f0f0f0;font-size:1.1rem;line-height:1.7;margin-bottom:15px}.admin-loading p{color:#666;font-size:1rem}.admin-error{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:50vh;padding:2rem;text-align:center}.admin-error h2{color:#e74c3c;font-size:1.8rem;margin-bottom:1rem}.admin-error p{color:#666;font-size:1rem;margin-bottom:1.5rem}.admin-error button{background:#3498db;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:.8rem 1.5rem;transition:background .3s ease}.admin-error button:hover{background:#2980b9}.projects-loading{color:#666;font-size:1.1rem;padding:2rem;text-align:center}html{height:100%;scroll-behavior:smooth;scroll-padding-top:80px}.fade-in-section{min-height:100px;opacity:0;transform:translateY(20px);transition:opacity .4s ease-out,transform .4s ease-out}.fade-in-section.is-visible{opacity:1;transform:translateY(0)}body{-webkit-overflow-scrolling:touch;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#0d1b2a,#1b263b 25%,#415a77 50%,#1b263b 75%,#0d1b2a);background-attachment:fixed;font-family:Poppins,sans-serif;height:100%;margin:0;min-height:100vh;overflow-x:hidden;overflow-y:scroll;padding:0;position:relative;scroll-behavior:smooth;width:100%}.animated-text{display:inline-block;min-height:1.5em;vertical-align:top}.App{background:#0000;font-family:Arial,sans-serif;min-height:100vh;overflow-x:hidden;position:relative;text-align:center;z-index:1}.navbar{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(45deg,#0d1b2a66,#1b263b4d 35%,#415a7733 50%,#1b263b4d 65%,#0d1b2a66);border-bottom:1px solid #65a3d533;box-shadow:0 4px 20px #00000026;justify-content:space-between;padding:1rem 2rem;position:fixed;top:0;transition:all .3s ease;width:100%;z-index:1000}.logo,.navbar{align-items:center;display:flex}.logo{flex-direction:column;gap:4px}.logo,.nav-links a{cursor:pointer;position:relative}.nav-links a{color:#fff;font-weight:500;margin-left:2rem;text-decoration:none;transition:all .3s ease}.nav-links a.active:after,.nav-links a:hover:after{width:100%}.nav-links a.active{color:#65a3d5}.hamburger{display:none}.header{align-items:center;background:linear-gradient(45deg,#0d1b2a66,#1b263b4d 35%,#415a7733 50%,#1b263b4d 65%,#0d1b2a66);display:flex;justify-content:center;min-height:100vh;padding:2rem}.header,.section-background{overflow:hidden;position:relative}.section-background:before{background:linear-gradient(135deg,#b8d9ea0d,#4a8da81a 50%,#26667f0d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.about-me-container{animation:fadeInUp .8s ease-out .6s forwards;display:block;margin-bottom:1.5rem;max-width:100%;opacity:0;transform:translateY(20px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.about-me{color:#fff;display:block;font-size:1rem;margin-bottom:1rem;opacity:.9;text-align:center}.social-links{animation:fadeInUp .8s ease-out .9s forwards;display:flex;gap:1.5rem;justify-content:center;margin-top:1.5rem;opacity:0;transform:translateY(20px)}.social-links a{color:#fff;font-size:1.8rem;transform:scale(1);transition:all .3s ease}.social-links a:hover{color:#65a3d5;filter:drop-shadow(0 5px 10px rgba(101,163,213,.4));transform:translateY(-5px) scale(1.1)}.resume-button{align-items:center;animation:fadeInUp .8s ease-out 1.8s forwards;background:linear-gradient(135deg,#415a77,#1b263b);border-radius:50px;box-shadow:0 4px 15px #65a3d54d;color:#fff;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;margin:2rem auto 0;opacity:0;padding:.8rem 1.5rem;text-decoration:none;transform:translateY(20px);transition:all .3s ease;width:100%}.resume-button:hover{background:linear-gradient(135deg,#1b263b,#415a77);box-shadow:0 8px 25px #65a3d566;color:#fff;transform:translateY(-3px)}.resume-button .download-icon{font-size:1rem;transition:transform .3s ease}.resume-button:hover .download-icon{transform:translateY(2px)}.contact-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr auto 1fr;max-width:1200px;padding:0 1rem}.contact-container-divider{background:linear-gradient(180deg,#0000,#ffffff80,#0000);height:80%;margin:0 auto;width:2px}.service-details{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border-radius:10px;margin-top:1.5rem;padding:1.5rem}.service-details h4{color:#b8d9ea;font-size:1.2rem;margin-bottom:1rem}.service-details ul{list-style:none;padding:0}.service-details li{color:#ffffffe6;margin-bottom:.8rem;padding-left:1.5rem;position:relative}.service-details li:before{color:#b8d9ea;content:"→";left:0;position:absolute}@media (max-width:768px){.contact-container{gap:2rem;grid-template-columns:1fr}.contact-container-divider{height:2px;margin:2rem auto;width:80%}}.header-content{gap:4rem;justify-content:space-between;margin:0 auto;max-width:1200px;position:relative;z-index:1}.header-content,.profile-image{align-items:center;display:flex}.profile-image{-webkit-tap-highlight-color:transparent;animation:slideInFromLeft .8s ease-out .2s forwards;flex-direction:column;opacity:0;outline:none;transform:translateX(-50px);width:40%}.profile-name{animation:slideInFade .8s ease-out .5s forwards;color:#fff;font-size:1.8rem;font-weight:700;margin:1rem 0 .5rem}.profile-name,.profile-title{opacity:0;text-align:center;transform:translateY(20px)}.profile-title{animation:slideInFade .8s ease-out .7s forwards;color:#65a3d5;font-size:1.3rem;font-weight:600;margin-bottom:1rem}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}.profile-image img{animation:glowPulse 4s ease-in-out infinite;border:3px solid #b8d9ea;border-radius:50%;box-shadow:0 8px 32px #0003;height:300px;margin-bottom:1rem;object-fit:cover;outline:none;transition:all .3s ease;-webkit-user-select:none;user-select:none;width:300px}@keyframes glowPulse{0%,to{box-shadow:0 8px 32px #0003,0 0 0 #b8d9ea00}50%{box-shadow:0 8px 32px #0003,0 0 20px #b8d9ea4d}}.profile-image img:hover{animation-play-state:paused;border-color:#6fb3d1;box-shadow:0 12px 40px #0000004d,0 0 20px #b8d9ea4d;transform:scale(1.05)}.profile-text{animation:slideInFromRight .8s ease-out .4s forwards;color:#fff;flex:1 1;margin-top:2rem;opacity:0;text-align:left;transform:translateX(50px)}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFade{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.profile-text{animation:slideInFromRight .8s ease-out .4s forwards;box-sizing:border-box;flex:none;margin-top:1rem;max-width:100%;opacity:0;padding:0 1rem;text-align:center;transform:translateX(50px);width:100%}.profile-name{font-size:1.5rem;letter-spacing:1px}.profile-title{font-size:1.1rem}.resume-button{margin:1.5rem auto 0}}.about-me{color:#ffffffe6;font-size:1.1rem;letter-spacing:.5px;line-height:1.6;max-width:600px}.header-skills{display:flex;flex-wrap:nowrap;gap:1rem;justify-content:flex-start;margin-top:2rem;width:100%}.header-skill-item{align-items:center;animation:skillItemSlideUp .6s ease-out forwards;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid #fff3;border-radius:50px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:.3rem;opacity:0;padding:.3rem .7rem;transform:translateY(30px);transition:all .3s ease}.header-skill-item:first-child{animation-delay:.8s}.header-skill-item:nth-child(2){animation-delay:1s}.header-skill-item:nth-child(3){animation-delay:1.2s}.header-skill-item:nth-child(4){animation-delay:1.4s}.header-skill-item:nth-child(5){animation-delay:1.6s}@keyframes skillItemSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.header-skill-item:hover{background:#fff3;border-color:#61dafb80;box-shadow:0 6px 20px #00000026,0 0 15px #61dafb4d;transform:translateY(-5px) scale(1.05)}.header-skill-item .skill-icon{align-items:center;color:#65a3d5;display:flex;font-size:1rem}.header-skill-item .skill-name{font-size:.9rem;font-weight:500}@media (max-width:768px){.header-skills{flex-wrap:wrap;gap:.8rem;justify-content:center}.header-skill-item{align-items:center;animation-delay:.8s!important;border:1px solid #fff3;border-radius:50px;display:flex;justify-content:center;padding:.6rem 1.2rem}.header-skill-item,.header-skill-item:nth-child(5){flex-basis:calc(50% - 0.8rem);flex-grow:1;flex-shrink:1;max-width:calc(50% - .8rem)}.header-skill-item .skill-icon,.header-skill-item .skill-name{font-size:.8rem}.services-grid{grid-template-columns:repeat(1,1fr);padding:0 1rem}}.services{background:linear-gradient(45deg,#42a5f566,#64b5f64d 35%,#90caf933 50%,#64b5f64d 65%,#42a5f566);display:flex;flex-direction:column;justify-content:center}.services h2{color:#fff;letter-spacing:10px;margin-bottom:3rem}.services-slider-container{margin:0 auto;max-width:1200px;width:90%}.service-item-slide{padding:10px 15px}.service-item{background:#fff;border-radius:1rem;box-shadow:0 4px 20px #0000001a;display:flex;flex-direction:column;height:100%;justify-content:space-between;transition:transform .3s}.service-item:hover{transform:translateY(-5px);z-index:10}.service-image-container{align-items:center;border-radius:1rem 1rem 0 0;display:flex;height:250px;justify-content:center}.service-image-container img{border-top-left-radius:1rem;border-top-right-radius:1rem;transition:transform .3s}.service-item h3{align-items:center;display:flex;flex-grow:1;justify-content:center;min-height:80px;padding:1.5rem 1.5rem 1rem;text-align:center}.service-button{background:linear-gradient(135deg,#d5e7efeb,#7dcde7eb,#d5e7efeb);cursor:pointer;display:block;flex-shrink:0;font-weight:700;margin:1.5rem;padding:.8rem 1.5rem;text-align:center}.service-button:hover{box-shadow:0 4px 12px #0003}.slick-next:before,.slick-prev:before{color:#65a3d5}.contact{align-items:center;background:linear-gradient(45deg,#0d1b2a66,#1b263b4d 35%,#415a7733 50%,#1b263b4d 65%,#0d1b2a66);display:flex;min-height:100vh;padding:4rem 2rem;position:relative}.contact h2{color:#333;margin-bottom:3rem}.contact-container{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffffff26,#ffffff14 50%,#ffffff0d);border:1px solid #ffffff40;border-radius:20px;box-shadow:0 15px 35px #0003;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:800px;padding:4rem 3rem;position:relative;text-align:center;width:90%}.contact-vertical-divider{display:none}.contact-title{content:""}.contact-title h2{color:#fff;font-size:2.5rem;letter-spacing:2px;margin-bottom:2rem;text-transform:uppercase}.contact-subtitle{color:#ffffffe6;font-size:1.3rem;font-weight:400;line-height:1.5}.contact-email{border:2px solid #65a3d5;border-radius:50px;color:#65a3d5;display:inline-block;font-size:1.5rem;font-weight:600;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.contact-email:hover{background:#65a3d5;box-shadow:0 8px 25px #65a3d566;color:#0d1b2a;transform:translateY(-2px)}.contact-social-icons{display:flex;gap:2rem;justify-content:center}.contact-social-icons a{color:#fff;font-size:2rem;transform:scale(1);transition:all .3s ease}.contact-social-icons a:hover{color:#65a3d5;transform:translateY(-5px) scale(1.1)}.contact-form{display:flex;flex-direction:column;gap:1rem;max-width:500px}.contact-form input,.contact-form textarea{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(135deg,#ffffff14,#ffffff0a);border:1px solid #ffffff4d;border-radius:10px;color:#fff;font-size:1rem;padding:1rem;transition:all .3s ease;width:100%}.contact-form input:focus,.contact-form textarea:focus{border-color:#65a3d5;outline:none}.contact-form textarea{min-height:150px;resize:none}.contact-form button{background:linear-gradient(135deg,#415a77,#1b263b 50%,#0d1b2a);border:none;border-radius:10px;box-shadow:0 8px 25px #65a3d54d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;margin-top:1rem;padding:1rem 2rem;transition:all .3s ease;width:100%}.contact-form button:hover{background:linear-gradient(135deg,#1b263b,#415a77 50%,#65a3d5);box-shadow:0 12px 30px #65a3d566;transform:translateY(-2px)}@media (max-width:768px){.contact-container{padding:3rem 2rem;width:95%}.contact-title h2{font-size:2rem}.contact-subtitle{font-size:1.1rem;margin-top:2.5rem}.contact-email{font-size:1.2rem;padding:.8rem 1.5rem}.contact-social-icons{gap:1.5rem}.contact-social-icons a{font-size:1.5rem;padding:.8rem}.footer-content{flex-direction:column;gap:1rem}.footer .logo{display:none}.footer-top{margin-bottom:0;order:1;text-align:center}.footer-bottom{display:flex;justify-content:center;margin-left:0;order:2}.footer .social-icons{align-items:center;flex-direction:row;gap:1.5rem}.services-slider-container{margin:0 auto;padding:0;width:85%}.service-item-slide{padding:10px}.service-item{height:auto;min-height:260px;padding:10px}.service-item h3{font-size:1rem;min-height:60px}.service-item p{font-size:.8rem}.service-button{font-size:.9rem;margin:1rem;padding:.6rem 1rem}.slick-next,.slick-prev{height:25px;width:25px;z-index:1}.slick-prev{left:-30px}.slick-next{right:-30px}.slick-next:before,.slick-prev:before{color:#fff;font-size:16px}.contact-form{max-width:100%}.contact-form input,.contact-form textarea{font-size:.9rem;padding:.8rem}.contact-form button{font-size:1rem;padding:.8rem 1.5rem}}.footer{background-color:#1a1a1a;padding:2rem 0}.footer-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.footer .logo{color:#fff;font-size:1.5rem;font-weight:700;text-decoration:none}.footer-top{flex-grow:1;text-align:center}.footer .copyright{color:#ccc;font-size:.9rem}.footer-bottom{content:""}.footer .social-icons{gap:1rem}.contact-info{background:linear-gradient(135deg,#0d1b2a,#1b263b);border-radius:10px;color:#fff;padding:2rem;text-align:left}.contact-divider{background:linear-gradient(180deg,#0000,#ffffff80,#0000);margin:0 1rem;width:1px}.info-item{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.info-icon{color:#65a3d5;font-size:1.5rem}.contact-social{display:flex;gap:1rem;margin-top:2rem}.contact-social a{color:#65a3d5;font-size:1.5rem;transition:color .3s ease}.contact-social a:hover{color:#fff}button[type=submit]{background:linear-gradient(135deg,#65a3d5,#415a77,#1b263b);border:none;border-radius:50px;color:#fff;cursor:pointer;font-weight:700;padding:1rem 2rem;transition:transform .3s ease,box-shadow .3s ease}button[type=submit]:hover{box-shadow:0 4px 12px #0003}.footer{display:grid;grid-template-columns:1fr auto 1fr}.footer .social-icons{display:flex;gap:1.5rem;justify-content:flex-end}.footer .social-icons a{color:#fff;font-size:1.5rem;transition:color .3s ease}.footer .social-icons a:hover{color:#65a3d5}.footer .copyright{color:#fff;text-align:center}@media (max-width:768px){.contact-container{gap:2rem;grid-template-columns:1fr;padding:2rem}.contact h2{margin-bottom:0}.contact-title h2{font-size:2rem}.footer{gap:1.5rem;grid-template-columns:1fr;text-align:center}}.form-group{margin-bottom:1.5rem}.form-group input,.form-group textarea{border:1px solid #ddd;border-radius:5px;color:#333;font-size:1rem;padding:.8rem 1rem;transition:border-color .3s;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#65a3d5;outline:none}.form-group textarea{min-height:150px;resize:none}.submit-btn{background:linear-gradient(135deg,#65a3d5,#415a77);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:.8rem 2rem;transition:transform .3s,box-shadow .3s}.submit-btn:hover{background:linear-gradient(135deg,#415a77,#65a3d5);box-shadow:0 8px 25px #65a3d566;transform:translateY(-2px)}.footer{color:#fff;justify-content:space-between}.footer .logo{align-items:center;display:flex;flex-direction:column;gap:4px;position:relative}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#65a3d5,#fff);-webkit-background-clip:text;font-size:2rem;font-weight:700;letter-spacing:2px}.logo-underline{background:linear-gradient(90deg,#0000,#65a3d5,#0000);height:2px;transform:scaleX(.7);transition:transform .3s ease;width:100%}.logo:hover .logo-underline{transform:scaleX(1)}.footer{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(45deg,#0d1b2a66,#1b263b4d 35%,#415a7733 50%,#1b263b4d 65%,#0d1b2a66);border-top:1px solid #65a3d533;display:flex;flex-direction:column;gap:1rem;padding:2rem}.footer-bottom,.footer-top{align-items:center;display:flex;gap:1rem;justify-content:center;width:100%}.social-icons{display:flex;gap:1.5rem}.social-icons a{color:#fff;text-decoration:none;transition:color .3s}.social-icons a:hover{color:#b8d9ea}.copyright{color:#999;font-size:.9rem}@media (max-width:968px){.header-content{flex-direction:column;gap:2rem;margin:0}.header-content,.profile-text{box-sizing:border-box;max-width:100%;padding:0 1rem;text-align:center}.profile-text{flex:none;width:100%}.profile-image{width:100%}.profile-image img{height:250px;width:250px}.profile-name{font-size:1.6rem}.profile-title{font-size:1.2rem}.header-skills{flex-wrap:wrap;gap:.8rem;justify-content:center}.services-grid{grid-template-columns:repeat(2,1fr)}.contact-container{width:95%}}@media (max-width:768px){.navbar{flex-wrap:wrap;padding:1rem}.nav-links{background-color:#000c;display:none;flex-direction:column;left:0;padding:1rem 0;position:absolute;text-align:center;top:60px;width:100%}.nav-links.active{display:flex}.nav-links a{margin:1rem 0;padding:.5rem 0}.hamburger{cursor:pointer;display:flex;flex-direction:column}.hamburger .bar{background-color:#fff;height:3px;margin:4px 0;transition:.4s;width:25px}.navbar.open .hamburger .bar:first-child{transform:rotate(-45deg) translate(-5px,6px)}.navbar.open .hamburger .bar:nth-child(2){opacity:0}.navbar.open .hamburger .bar:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}.skills-grid{grid-template-columns:1fr}.services-grid{display:flex;flex-wrap:nowrap;gap:1.5rem;max-width:100%;overflow-x:auto;padding:0 2rem}.contact-container{flex-direction:column}.header{padding-top:8rem}.profile-image{margin-top:2rem}}section{display:flex;flex-direction:column;justify-content:center;min-height:100vh;scroll-margin-top:80px}.details-link{color:#b8d9ea;display:inline-block;font-weight:500;margin-top:1rem;text-decoration:none;transition:color .3s ease}.details-link:hover{color:#4fa8c7}.services{background:linear-gradient(45deg,#0d1b2a66,#1b263b4d 35%,#415a7733 50%,#1b263b4d 65%,#0d1b2a66);min-height:100vh;padding:4rem 2rem;position:relative;text-align:center}.services-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));justify-content:center;margin:0 auto;max-width:1200px;padding-bottom:20px}.service-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffffff2e,#ffffff1f 50%,#ffffff14);border:1px solid #ffffff40;border-radius:15px;box-shadow:0 8px 32px #0003;cursor:pointer;display:flex;flex:0 0 250px;flex-direction:column;min-width:250px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.service-card:hover{border-color:#65a3d566;box-shadow:0 20px 40px #0000004d,0 0 30px #65a3d533;transform:translateY(-10px)}.service-image-container{border-top-left-radius:15px;border-top-right-radius:15px;height:160px;overflow:hidden;width:100%}.service-image-container img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.service-card h3{color:#fff;font-size:1.3rem;font-weight:600;margin:10px;padding-bottom:8px;position:relative}.service-card h3:after{background-color:#65a3d5;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:30px}.service-card p{color:#ddd;flex-grow:1;font-size:1rem;line-height:1.5;margin:12px;text-align:center}.service-button{background:linear-gradient(135deg,#65a3d5,#415a77);border-radius:8px;box-shadow:0 4px 15px #65a3d54d;color:#fff;display:inline-block;font-size:.9rem;font-weight:600;margin:0 25px 15px;padding:8px 16px;text-decoration:none;transition:all .3s ease}.service-button:hover{background:linear-gradient(135deg,#415a77,#65a3d5);box-shadow:0 8px 25px #65a3d566;transform:translateY(-2px)}@media (max-width:1024px){.services-grid{flex-wrap:wrap;justify-content:center}.service-card{flex-basis:calc(50% - 15px);flex-grow:0;flex-shrink:0;min-width:calc(50% - 15px)}}@media (max-width:768px){.service-card{flex:0 0 100%;min-width:100%}.services-grid{grid-template-columns:1fr}}.projects-container{background:linear-gradient(45deg,#0d1b2a66,#1b263b4d 35%,#415a7733 50%,#1b263b4d 65%,#0d1b2a66);min-height:100vh;padding:4rem 2rem;position:relative;text-align:center}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:0 auto;max-width:1200px}.project-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffffff26,#ffffff14 50%,#ffffff0d);border:1px solid #ffffff40;border-radius:15px;box-shadow:0 8px 32px #00000026;cursor:pointer;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.project-card:hover{border-color:#65a3d566;box-shadow:0 20px 40px #00000040,0 0 30px #65a3d533;transform:translateY(-10px)}.project-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.project-card:hover .project-image{transform:none}.project-info{padding:1.2rem 1.2rem 1.5rem;text-align:left}.project-title{color:#fff;font-size:1.3rem;font-weight:600;margin-bottom:.8rem;padding-bottom:8px;position:relative}.project-title:after{background-color:#65a3d5;bottom:0;content:"";height:2px;left:0;position:absolute;width:30px}.project-demo-link{background-color:#65a3d5;border-radius:8px;color:#fff;display:inline-block;font-size:.9rem;font-weight:500;padding:.6rem 1.2rem;text-decoration:none;transition:background-color .3s ease}.project-demo-link:hover{background-color:#415a77}@media (max-width:768px){.projects-grid{gap:2rem;grid-template-columns:1fr}.projects-container{padding:3rem 1rem}.project-card{margin:0 auto;max-width:100%}}.login-container{align-items:center;background:linear-gradient(45deg,#0d1b2a66,#1b263b4d 35%,#415a7733 50%,#1b263b4d 65%,#0d1b2a66);background-attachment:fixed;display:flex;justify-content:center;min-height:100vh;position:relative}.login-background{background:linear-gradient(45deg,#0d1b2a66,#1b263b4d 35%,#415a7733 50%,#1b263b4d 65%,#0d1b2a66);z-index:1}.login-background,.login-overlay{height:100%;left:0;position:absolute;top:0;width:100%}.login-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3}.login-content{max-width:400px;padding:20px;position:relative;width:100%;z-index:2}.login-card{animation:slideUp .6s ease-out;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#fffffff2,#ffffffe6);border:1px solid #61dafb4d;border-radius:20px;box-shadow:0 20px 40px #00000026,0 0 30px #61dafb1a;padding:40px}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header{margin-bottom:30px;text-align:center}.login-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0d1b2a,#1b263b 50%,#65a3d5);-webkit-background-clip:text;background-clip:text;color:#333;font-size:2rem;font-weight:700;margin-bottom:10px}.login-header p{color:#666;font-size:.95rem;margin:0}.login-form{gap:20px}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#333;font-size:.9rem;font-weight:600}.form-group input{background:#ffffffe6;border:2px solid #e1e5e9;border-radius:10px;font-size:1rem;padding:12px 16px;transition:all .3s ease}.form-group input:focus{background:#fff;border-color:#65a3d5;box-shadow:0 0 0 3px #65a3d533;outline:none}.form-group input::placeholder{color:#999}.error-message{background:#dc35451a;border:1px solid #dc354533;border-radius:8px;color:#dc3545;font-size:.9rem;padding:12px 16px;text-align:center}.login-button{background:linear-gradient(135deg,#1b263b,#65a3d5 50%,#0d1b2a);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:10px;padding:14px 20px;transition:all .3s ease}.login-button:hover:not(:disabled){box-shadow:0 10px 20px #65a3d566;transform:translateY(-2px)}.login-button:active{transform:translateY(0)}.login-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.login-footer{border-top:1px solid #e1e5e9;margin-top:30px;padding-top:20px;text-align:center}.login-footer p{color:#666;font-size:.85rem;margin:5px 0}.login-footer p:first-child{color:#333;font-weight:600;margin-bottom:10px}.login-footer strong{color:#415a77}@media (max-width:480px){.login-content{padding:15px}.login-card{padding:30px 25px}.login-header h1{font-size:1.7rem}.form-group input{padding:10px 14px}.login-button{padding:12px 18px}}
/*# sourceMappingURL=main.fc675022.css.map*/