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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--primary-bg:#1a1a1a;--secondary-bg:#2a2a2a;--accent-color:#4caf50;--text-primary:#fff;--text-secondary:#fff;--card-bg:#252525;--border-color:#333}*{box-sizing:border-box;margin:0;padding:0}.fullbd{background-color:#1a1a1a;background-color:var(--primary-bg);color:#fff;color:var(--text-primary);font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden}.text-mutedwhite{color:#fff}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#1e293bcc;border-bottom:1px solid #333;border-bottom:1px solid var(--border-color);padding:1rem 0;position:fixed;top:0;width:100%;z-index:1000}.navbar-brand{color:#4caf50!important;color:var(--accent-color)!important;font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:700}.navbar-nav .nav-link{color:#fff!important;color:var(--text-primary)!important;font-weight:500;margin:0 1rem;transition:color .3s ease}.navbar-nav .nav-link:hover{color:#4caf50!important;color:var(--accent-color)!important}@media (max-width:768px){.hero-content h1{font-size:2.5rem}.hero-avatar{height:200px;margin-bottom:2rem;width:200px}.section-title h2{font-size:2rem}}.footer{background-color:#1e293bcc;border-top:1px solid var(--border-color);padding:3rem 0 1rem}.social-links{gap:1rem;margin-bottom:2rem}.social-link,.social-links{display:flex;justify-content:center}.social-link{align-items:center;background:#0f172acc;border:1px solid var(--border-color);border-radius:50%;color:var(--text-secondary);height:50px;text-decoration:none;transition:all .3s ease;width:50px}.social-link:hover{background:var(--accent-color);color:#fff;transform:translateY(-3px)}.hero-banner{align-items:center;background:linear-gradient(135deg,#0f172acc,#1e293bcc);display:flex;min-height:100vh;overflow:hidden;padding:50px 0;position:relative}.hero-banner:before{animation:float 20s linear infinite;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='20' cy='20' r='1' fill='%234CAF50' opacity='.3'/%3E%3Ccircle cx='80' cy='40' r='1' fill='%234CAF50' opacity='.2'/%3E%3Ccircle cx='40' cy='80' r='1' fill='%234CAF50' opacity='.4'/%3E%3C/svg%3E");bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.hero-avatar{background:linear-gradient(45deg,var(--accent-color),#66bb6a);border-radius:10px;box-shadow:0 20px 40px #4caf5033;height:100%;object-fit:contain;padding:1px;position:relative;transition:all .3s ease;width:310px}.hero-avatar:before{border:2px solid var(--accent-color);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.hero-avatar:hover{box-shadow:0 25px 50px #4caf5066;transform:translateY(-5px);transform:scale(1.05)}.hero-content h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,var(--text-primary),var(--accent-color));-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:600;margin-bottom:1rem}.hero-content p{color:#fff;font-size:1.2rem;margin-bottom:2rem}.btn-primary{background:linear-gradient(45deg,var(--accent-color),#66bb6a);border:none;border-radius:8px;box-shadow:0 8px 20px #4caf504d;font-weight:600;letter-spacing:1.5px;overflow:hidden;padding:16px 36px;position:relative;text-transform:uppercase;transition:all .3s ease;z-index:1}.btn-primary:active{transform:translateY(1px)}.btn-outline-light{background:#0000;border:2px solid var(--accent-color);color:var(--accent-color);padding:14px 34px;transition:all .3s ease}.btn-outline-light:hover{background:var(--accent-color);border-color:var(--accent-color);box-shadow:0 8px 20px #4caf5033;color:#fff;transform:translateY(-3px)}.btn-primary:before{background:linear-gradient(45deg,#66bb6a,var(--accent-color));content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%;z-index:-1}.btn-primary:hover:before{opacity:1}.btn-primary:hover{background:linear-gradient(45deg,#66bb6a,var(--accent-color));box-shadow:0 10px 20px #4caf5066;transform:translateY(-2px)}.section-title{margin-bottom:4rem;position:relative;text-align:center}.section-title h2{font-size:2.5rem;font-weight:600;margin-bottom:1rem}.section-title:after{background:var(--accent-color);border-radius:2px;bottom:-10px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.skills-section{background-color:#0f172acc;padding:100px 0}.skill-item{margin-bottom:3rem;text-align:center}.skill-circle{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1e293bcc;border:1px solid #4caf501a;border-radius:20px;box-shadow:0 15px 35px #00000026;height:160px;margin:0 auto 1.5rem;padding:20px;position:relative;transition:all .3s ease;width:160px}.skill-circle:before{background:linear-gradient(45deg,#0000,#4caf501a,#0000);border-radius:20px;bottom:-2px;content:"";left:-2px;position:absolute;right:-2px;top:-2px;z-index:-1}.skill-percentage{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,var(--accent-color),#66bb6a);-webkit-background-clip:text;font-size:1.8rem}.skill-circle:hover{box-shadow:0 15px 35px #4caf5033;transform:translateY(-5px)}.skill-circle svg{height:100%;transform:rotate(-90deg);width:100%}.skill-circle .bg-circle{fill:none;stroke:#fff;stroke-width:8}.skill-circle .progress-circle{fill:none;stroke:var(--accent-color);stroke-width:8;stroke-linecap:round;stroke-dasharray:314;stroke-dashoffset:314;transition:stroke-dashoffset 2s ease}.skill-percentage{color:var(--accent-color);font-size:1.5rem;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.skill-name{font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.portfolio-section{background:#1e293bcc;padding:100px 0}.filter-buttons{margin-bottom:3rem;text-align:center}.filter-btn{background:#0000;border:2px solid var(--border-color);border-radius:25px;color:var(--text-secondary);cursor:pointer;font-weight:500;margin:0 10px;padding:10px 25px;transition:all .3s ease}.filter-btn.active,.filter-btn:hover{background:#4caf501a;border-color:var(--accent-color);color:var(--accent-color)}.portfolio-item{border-radius:15px;margin-bottom:2rem;overflow:hidden;position:relative;transition:transform .3s ease}.portfolio-item:hover{transform:translateY(-10px)}.portfolio-item img{border-radius:15px;height:250px;object-fit:cover;transition:transform .3s ease;width:100%}.portfolio-overlay{align-items:center;background:linear-gradient(45deg,#4caf50e6,#1a1a1ae6);bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;opacity:0;padding:2rem;position:absolute;right:0;text-align:center;top:0;transition:opacity .3s ease}.portfolio-item:hover .portfolio-overlay{opacity:1}.portfolio-item:hover img{transform:scale(1.1)}.services-section{background-color:#0f172acc;padding:100px 0}.service-card{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1e293bcc;border:1px solid #4caf501a;border-radius:15px;box-shadow:0 15px 35px #0000001a;height:100%;overflow:hidden;padding:2.5rem;position:relative;text-align:center;transition:all .3s ease;z-index:1}.service-card:before{background:url(https://readdy.ai/api/search-image?query=Abstract%20geometric%20pattern%20with%20modern%20minimal%20design%2C%20subtle%20texture%2C%20light%20and%20professional&width=400&height=400&seq=service002&orientation=squarish) 50%/cover}.service-card:hover:before{opacity:.08}.service-card:hover{box-shadow:0 20px 40px #4caf5026}.service-icon{border-radius:20px;font-size:2.2rem;height:90px;transform:rotate(45deg);transition:all .3s ease;width:90px}.service-icon i{transform:rotate(-45deg)}.service-card:hover .service-icon{border-radius:50%;transform:rotate(0deg)}.service-card:before{background:url(https://readdy.ai/api/search-image?query=Abstract%20geometric%20pattern%2C%20subtle%20modern%20background%20design%2C%20light%20and%20minimal&width=400&height=400&seq=service001&orientation=squarish) 50%/cover;content:"";height:100%;left:0;opacity:.03;position:absolute;top:0;transition:opacity .3s ease;width:100%;z-index:-1}.service-card:hover:before{opacity:.06}.service-card:hover{border-color:var(--accent-color);box-shadow:0 20px 40px #0000004d;transform:translateY(-10px)}.service-icon{align-items:center;background:linear-gradient(45deg,var(--accent-color),#66bb6a);border-radius:50%;color:#fff;display:flex;font-size:2rem;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.testimonials-section{background:#1e293bcc;overflow:hidden;padding:100px 0}.testimonials-section .row{flex-wrap:nowrap;overflow-x:auto;padding-bottom:20px;scrollbar-color:var(--accent-color) var(--card-bg);scrollbar-width:thin}.testimonials-section .row::-webkit-scrollbar{height:8px}.testimonials-section .row::-webkit-scrollbar-track{background:var(--card-bg);border-radius:4px}.testimonials-section .row::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:4px}.testimonials-section .col-lg-4{min-width:350px}.testimonial-card{background:#0f172acc;border:1px solid var(--border-color);border-radius:15px;margin:1rem;padding:2rem;text-align:center}.testimonial-avatar{border-radius:50%;height:80px;margin:0 auto 1rem;object-fit:cover;width:80px}.stars{color:gold;margin-bottom:1rem}.contact-section{background-color:#0f172acc;padding:100px 0}.contact-form{background:#0000;border-radius:15px;padding:2.5rem}.contact-form,.form-control{border:1px solid var(--border-color)}.form-control{background:#fff;border-radius:10px;color:var(--text-primary);margin-bottom:1rem;padding:12px 15px}.form-control:focus{background:var(--primary-bg);border-color:var(--accent-color);box-shadow:0 0 0 .2rem #4caf5040;color:var(--text-primary)}.submt{font-size:16px;font-weight:500;padding:10px 36px;width:100%}.contact-info{padding:2rem}.contact-item{margin-bottom:1.5rem}.contact-icon,.contact-item{align-items:center;display:flex}.contact-icon{background:var(--accent-color);border-radius:50%;color:#fff;height:50px;justify-content:center;margin-right:1rem;width:50px}
/*# sourceMappingURL=main.ea6f0d39.css.map*/