body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#000;color:#fff;flex-direction:column;margin:4px}.logo{height:151px;left:34px;overflow:hidden;position:relative;top:-100px;width:147px}.about-nav{margin-left:300px}.slogo{border:2px solid red;bottom:56px;height:128px;left:-140px;position:absolute;top:-43px;width:486px}.main-nav{backdrop-filter:blur(8.2px);-webkit-backdrop-filter:blur(8.2px);background:#32fde000;border:1px solid rgba(28,119,105,.218);border-radius:4px;box-shadow:0 4px 30px #0000001a;display:flex;height:60px;margin-top:0;position:fixed;top:0;width:100%;z-index:22}.main-nav ul{display:flex;margin-left:150px;position:relative}.left-nav{align-items:center;display:flex;list-style:none;margin-left:25px}.left-nav li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Search-and-contact{align-items:center;display:flex;gap:15px;list-style:none;margin-left:490px;margin-right:10px}.Search-and-contact .right{margin-right:16px}.main-nav spline-viewer{height:122%;left:5px;position:absolute;top:32px;width:113px;z-index:1}.conatct-btn,nav li a,nav ul a{color:#fff;font-weight:400;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.conatct-btn{align-items:center;background-color:#0000;border:1px solid #ffffff4d;border-radius:10px;cursor:pointer;display:flex;font-size:14px;height:40px;justify-content:center;position:relative;transition:all .3s ease;width:120px}:root{--blurval:0;--padval:1px;--degr:45deg}.Search-and-contact input::-webkit-input-placeholder{color:#afafaf}.search-container{align-items:center;display:flex;height:100%;position:relative}.search{background-color:initial;border:0;border-radius:10px;color:#fff;min-width:200px;outline:1px solid #004a4abd;padding:8px 12px;position:relative}.search:focus{box-shadow:0 0 5px #27cdcd4d;outline:1px solid #27cdcd}.search-results{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000f2;border:1px solid #27cdcd;border-radius:10px;box-shadow:0 8px 32px #00000080;left:0;margin-top:5px;max-height:400px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.search-result-item{border-bottom:1px solid #27cdcd33;cursor:pointer;padding:12px 15px;transition:background-color .2s ease}.search-result-item:hover{background:#27cdcd1a}.search-result-item:last-child{border-bottom:none}.search-result-title{color:#27cdcd;font-size:14px;font-weight:600;margin-bottom:4px}.search-result-desc{color:#ccc;font-size:12px;line-height:1.4}.search-loading,.search-no-results{color:#ccc;font-size:14px;padding:15px;text-align:center}.search-loading{color:#27cdcd}.search-view-all{border-top:1px solid #27cdcd33;padding:10px;text-align:center}.search-view-all button{background:#0000;border:1px solid #27cdcd;border-radius:6px;color:#27cdcd;cursor:pointer;font-size:12px;padding:8px 16px;transition:all .2s ease}.search-view-all button:hover{background:#27cdcd;color:#000}.solution #solution{background-color:initial;color:#fff;position:relative}.solution #solution option{background-color:initial;color:#000}.nav-hovor{background-image:linear-gradient(90deg,#1c1c1c5c,#2bcbcb4d,#27cdcd);border-radius:30px;bottom:2px;color:#27cdcd;display:block;height:3px;margin-left:20px;opacity:0;position:relative;transition:.4s linear;width:0}nav li:hover~.nav-hovor{opacity:1;width:75%}@keyframes NavEffect{0%{opacity:.5;width:0}to{opacity:1;width:80%}}@media only screen and (max-width:768px){.search{display:none}.main-nav ul{margin-left:-36px;width:100vw}.conatct-btn{margin-left:16px}.portfolio{display:none}.main-nav{margin:0}.about-nav{display:none}.logo{box-sizing:border-box!important;height:60px!important;justify-content:space-between!important;left:0!important;overflow:visible!important;padding:0 20px!important;top:0!important;width:100%!important}.logo,.trigger{align-items:center!important;display:flex!important;position:relative!important}.trigger{cursor:pointer!important;justify-content:center!important;left:auto!important;top:auto!important;transform:none!important;z-index:100!important}.trigger,.trigger .bars{height:32px!important;width:32px!important}.trigger .bars{display:block!important}.trigger .bars .line{stroke:#0e8787!important;stroke-width:4!important;stroke-linecap:square!important;fill:none!important;transition:stroke-dasharray .4s,stroke-dashoffset .4s!important}.trigger .bars .line.top{stroke-dasharray:40 172!important}.trigger .bars .line.middle{stroke-dasharray:40 111!important}.trigger .bars .line.bottom{stroke-dasharray:40 172!important}.trigger .bars.active .top{stroke-dashoffset:-132px!important}.trigger .bars.active .middle{stroke-dashoffset:-71px!important}.trigger .bars.active .bottom{stroke-dashoffset:-132px!important}}@media only screen and (max-width:900px){body{align-items:center;display:flex;justify-content:center}.about-nav{display:none}nav ul a{position:relative}.search:after{display:none}body{overflow:hidden}.Search-and-contact{list-style:none;margin-left:auto;margin-right:10px}.logo{height:151px;left:34px;overflow:hidden;position:relative;top:-100px;width:147px}.element h1,p{margin-left:0;margin-right:15px;text-align:left}.menu-btn{display:block}}.menu-btn{width:20px}.menu-btn,.trigger{display:none}hr{background-color:#2b2b2b;border-radius:12px;height:2px;margin:0}.menu_card{animation:menuTrans 1s;background:#ffffff17;border:1px solid #ffffff47;border-radius:16px;flex-direction:column;height:352px;left:-4px;position:fixed;top:60px;transition-duration:1s;transition-property:left;width:223px;z-index:6}.menu_card,.menu_card .menu_option{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 4px 30px #0000001a;display:flex;justify-content:center}.menu_card .menu_option{background:#0000;border:1px solid #0e87874d;border-radius:6px;color:#acacac;height:30px;margin:14px;text-align:center;text-decoration:none;width:119px}@keyframes menuTrans{0%{left:-232px;opacity:0}to{left:-4px;opacity:1}}.trigger{border-radius:10px;left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);z-index:2}.bars{cursor:pointer;width:32px}.bars .line{fill:none;stroke:#0e8787;stroke-width:4;stroke-linecap:square;transition:stroke-dasharray .4s,stroke-dashoffset .4s}.bars .line.top{stroke-dasharray:40 172}.bars .line.middle{stroke-dasharray:40 111}.bars .line.bottom{stroke-dasharray:40 172}.bars.active .top{stroke-dashoffset:-132px}.bars.active .middle{stroke-dashoffset:-71px}.bars.active .bottom{stroke-dashoffset:-132px}.conatact-form-details{align-items:center;display:flex;flex-direction:row;justify-content:center;margin-top:60px}.contact-card{align-items:center;display:flex;justify-content:right;margin-top:5%}.contact-form{backdrop-filter:blur(8.2px);-webkit-backdrop-filter:blur(8.2px);background:#32fde000;border-radius:4px;box-shadow:0 4px 30px #0000001a;height:500px;margin-right:15px;margin-top:100px;width:500px}.name-details,.other-details{display:flex;flex-direction:column;margin:10px}.cont-details,.cont-name{margin:4px}.name-label,.other-label{margin-left:4px;margin-top:10px}.contact-form textarea{height:60px;margin-left:66px;margin-top:10px;width:362px}#message,.cont-details,.cont-name{width:90%}#message,.cont-details,.cont-name,.submit-btn{backdrop-filter:blur(8.2px);-webkit-backdrop-filter:blur(8.2px);background:#32fde000;border:1px solid rgba(43,212,187,.467);border-radius:4px;box-shadow:0 4px 30px #0000001a;color:#fff}.submit-btn{margin-left:66px;margin-top:44px;width:80px}.text-content h1 span{color:#256464}.text-content hr{background:linear-gradient(90deg,#000,#256464);border:0;height:4px;margin-bottom:0;margin-left:44px;width:124px}.text-content h1{margin-top:0}.text-content{margin-right:550px;width:400px}.social-media-conatact ul li svg{fill:#256464;box-shadow:2px 2px 6px 1px hsla(0,0%,100%,.267);height:20px;margin-right:8px;width:20px}.social-media-conatact ul li{list-style:none;margin-top:8px}.social-media-conatact ul li a{color:#fff;text-decoration:none}@media only screen and (max-width:900px){.submit-btn{margin-left:10px}.contact-card{flex-direction:column}.contact-form{backdrop-filter:blur(8.2px);-webkit-backdrop-filter:blur(8.2px);background:#32fde000;border:.5px solid #06ffda78;border-radius:4px;box-shadow:0 4px 30px #0000001a;height:450px;margin-right:15px;margin-top:0;width:93%}.contact-form textarea{height:60px;margin-left:10px;margin-top:10px;width:362px}.text-content{margin-left:8px;margin-right:10px;margin-top:120px}.element h1,p{text-align:justify}.text-content{width:100%}}.field-error{color:#ff6b6b;display:block;font-size:.78rem;margin-left:4px;margin-top:3px}.input-error{border-color:#ff6b6b!important;box-shadow:0 0 0 2px #ff6b6b33!important}.form-toast{animation:slideIn .3s ease;border-radius:8px;font-size:.95rem;font-weight:500;margin:16px auto;max-width:500px;padding:12px 20px;text-align:center}.form-toast--success{background:#4caf5026;border:1px solid #4caf5066;color:#81c784}.form-toast--error{background:#f4433626;border:1px solid #f4433666;color:#e57373}.submit-btn:disabled{cursor:not-allowed;opacity:.6}@keyframes slideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}spline-viewer{height:100%;left:0;position:absolute;top:42px;width:100%}footer{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#0e87871a,#000000e6 50%,#0e87871a);border-top:1px solid #0e87874d;color:#fff;margin-top:100px;overflow:hidden;padding:60px 0 20px;position:relative}footer:before{background:linear-gradient(90deg,#0000,#27cdcd 50%,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.footer-container{margin:0 auto;max-width:1200px;padding:0 20px}.footer-main{grid-gap:40px;display:grid;gap:40px;grid-template-columns:2fr 1fr 1fr 1fr 1.5fr;margin-bottom:50px}.footer-brand h2.footer-logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#27cdcd,#0e8787);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:15px}.footer_span{color:#27cdcd}.footer-tagline{color:#27cdcd;font-size:1.1rem;font-weight:500;margin-bottom:15px}.footer-description{color:#ccc;font-size:.95rem;line-height:1.6;margin-bottom:0}.footer-contact h3,.footer-links h3,.footer-services h3,.footer-tech h3{color:#27cdcd;font-size:1.2rem;font-weight:600;margin-bottom:20px;position:relative}.footer-contact h3:after,.footer-links h3:after,.footer-services h3:after,.footer-tech h3:after{background:#27cdcd;bottom:-5px;content:"";height:2px;left:0;position:absolute;width:30px}.footer-links ul,.footer-services ul{list-style:none;margin:0;padding:0}.footer-links li,.footer-services li{margin-bottom:12px}.footer-links a,.footer-services li{color:#ccc;font-size:.95rem;text-decoration:none;transition:all .3s ease}.footer-links a:hover{color:#27cdcd;padding-left:5px}.tech-grid{display:flex;flex-wrap:wrap;gap:10px}.tech-tag{background:#27cdcd1a;border:1px solid #27cdcd4d;border-radius:15px;color:#27cdcd;font-size:.85rem;padding:5px 12px}.tech-tag:hover{background:#27cdcd33;transform:translateY(-2px)}.contact-info p{align-items:center;color:#ccc;display:flex;font-size:.95rem;margin-bottom:12px}.contact-icon{font-size:1.1rem;margin-right:10px}.footer-social{border-top:1px solid #27cdcd33;grid-column:1/-1;margin-top:20px;padding-top:30px;text-align:center}.footer-social h3{color:#27cdcd;font-size:1.3rem;font-weight:600;margin-bottom:25px}.social-links{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.social-link{align-items:center;background:#27cdcd0d;border:1px solid #27cdcd4d;border-radius:25px;color:#ccc;display:flex;font-weight:500;gap:8px;padding:12px 20px;text-decoration:none;transition:all .3s ease}.social-link:hover{background:#27cdcd1a;border-color:#27cdcd;box-shadow:0 5px 15px #27cdcd33;color:#27cdcd;transform:translateY(-3px)}.social-icon{height:20px;transition:all .3s ease;width:20px}.social-link:hover .social-icon{transform:scale(1.1)}.footer-bottom{border-top:1px solid #27cdcd33;margin-top:30px;padding-top:30px}.footer-bottom-content{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.copyright{color:#ccc;font-size:.9rem;margin:0}.footer-bottom-links{display:flex;gap:20px}.footer-bottom-links a{color:#ccc;font-size:.9rem;text-decoration:none;transition:color .3s ease}.footer-bottom-links a:hover{color:#27cdcd}.footer-signature{text-align:center}.footer-signature p{color:#999;font-size:.9rem;margin:0}.heart{animation:heartbeat 1.5s ease-in-out infinite;color:#ff4757}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media only screen and (max-width:1024px){.footer-main{gap:30px;grid-template-columns:2fr 1fr 1fr}.footer-contact,.footer-tech{display:flex;gap:40px;grid-column:1/-1}.footer-tech{justify-content:flex-start}.footer-contact{justify-content:flex-end}}@media only screen and (max-width:768px){footer{background:linear-gradient(145deg,#0e878726,#000000f2 30%,#0e878714 70%,#000000f2);box-shadow:0 -10px 30px #27cdcd1a;margin-top:80px;padding:50px 0 25px}.footer-container{padding:0 25px}.footer-main{gap:40px;grid-template-columns:1fr;text-align:center}.footer-contact,.footer-tech{display:block}.footer-brand{animation:slideInUp .8s ease-out;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#27cdcd0d;border:1px solid #27cdcd33;border-radius:20px;overflow:hidden;padding:30px 25px;position:relative;text-align:left}.footer-brand:before{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(45deg,#0000 30%,#27cdcd1a 50%,#0000 70%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}.footer-brand h2.footer-logo-text{animation:glow 2s ease-in-out infinite alternate;font-size:2.2rem;margin-bottom:10px;text-shadow:0 0 20px #27cdcd4d}.footer-tagline{font-size:1.1rem;margin-bottom:15px;text-shadow:0 0 10px #27cdcd80}.footer-description{color:#ddd;font-size:1rem;line-height:1.7}.footer-contact,.footer-links,.footer-services,.footer-tech{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #27cdcd26;border-radius:15px;overflow:hidden;padding:25px 20px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.footer-contact:hover,.footer-links:hover,.footer-services:hover,.footer-tech:hover{background:#27cdcd14;border-color:#27cdcd66;box-shadow:0 10px 30px #27cdcd33;transform:translateY(-5px) scale(1.02)}.footer-contact:before,.footer-links:before,.footer-services:before,.footer-tech:before{background:linear-gradient(90deg,#0000,#27cdcd1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.footer-contact:hover:before,.footer-links:hover:before,.footer-services:hover:before,.footer-tech:hover:before{left:100%}.tech-grid{gap:12px;justify-content:center}.tech-tag{background:linear-gradient(135deg,#27cdcd1a,#27cdcd0d);border:1px solid #27cdcd4d;border-radius:20px;font-size:.9rem;overflow:hidden;padding:8px 16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.tech-tag:hover{background:linear-gradient(135deg,#27cdcd33,#27cdcd1a);box-shadow:0 8px 25px #27cdcd4d;color:#fff;transform:translateY(-3px) scale(1.05)}.tech-tag:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.tech-tag:hover:before{left:100%}.contact-info{display:flex;flex-direction:column;gap:15px}.contact-info .contact-item{background:#27cdcd0d;border:1px solid #27cdcd26;border-radius:12px;cursor:pointer;margin-bottom:0;overflow:hidden;padding:12px 15px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.contact-info .contact-item:before{background:linear-gradient(90deg,#0000,#27cdcd26,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .4s ease;width:100%}.contact-info .contact-item:hover{background:#27cdcd1f;border-color:#27cdcd66;box-shadow:0 5px 20px #27cdcd33;transform:translateX(8px) scale(1.02)}.contact-info .contact-item:hover:before{left:100%}.email-contact:hover{background:#ffc10714;border-color:#ffc10766;box-shadow:0 5px 20px #ffc10733}.phone-contact:hover{background:#28a74514;border-color:#28a74566;box-shadow:0 5px 20px #28a74533}.location-contact:hover{background:#dc354514;border-color:#dc354566;box-shadow:0 5px 20px #dc354533}.contact-info .contact-item:active{transform:translateX(8px) scale(.98);transition:transform .1s ease}.contact-icon{filter:drop-shadow(0 0 5px rgba(39,205,205,.5));font-size:1.2rem;margin-right:12px}.footer-social{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0000004d;border:1px solid #27cdcd33;border-radius:20px;padding:30px 20px}.social-links{flex-wrap:wrap;gap:12px;justify-content:center}.social-link{background:linear-gradient(135deg,#27cdcd1a,#27cdcd0d);border:1px solid #27cdcd4d;border-radius:25px;font-size:.95rem;justify-content:center;min-width:130px;overflow:hidden;padding:12px 18px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.social-link:hover{background:linear-gradient(135deg,#27cdcd33,#27cdcd1a);border-color:#27cdcd99;box-shadow:0 12px 35px #27cdcd4d;color:#fff;transform:translateY(-4px) scale(1.05)}.social-link:before{background:linear-gradient(90deg,#0000,#ffffff26,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.social-link:hover:before{left:100%}.social-icon{filter:drop-shadow(0 0 8px rgba(39,205,205,.3));height:22px;transition:all .3s ease;width:22px}.social-link:hover .social-icon{filter:drop-shadow(0 0 12px rgba(39,205,205,.6));transform:scale(1.15) rotate(5deg)}.footer-bottom{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000080;border:1px solid #27cdcd26;border-radius:15px;margin-top:40px;padding:25px 20px}.footer-bottom-content{flex-direction:column;gap:20px;text-align:center}.footer-bottom-links{flex-wrap:wrap;gap:20px;justify-content:center}.footer-bottom-links a{background:#27cdcd0d;border:1px solid #27cdcd33;border-radius:15px;padding:8px 15px;transition:all .3s ease}.footer-bottom-links a:hover{background:#27cdcd26;border-color:#27cdcd66;transform:translateY(-2px)}.footer-signature{border-top:1px solid #27cdcd33;margin-top:20px;padding-top:20px}.footer-signature p{color:#ccc;font-size:1rem}}@media only screen and (max-width:480px){.footer-container{padding:0 20px}.footer-brand{padding:25px 20px;text-align:left}.footer-brand h2.footer-logo-text{font-size:2rem}.footer-contact,.footer-links,.footer-services,.footer-tech{padding:20px 15px}.social-links{align-items:center;flex-direction:column;gap:12px}.social-link{justify-content:center;max-width:250px;padding:15px 20px;width:80%}.footer-bottom-links{flex-direction:column;gap:12px}.footer-bottom-links a{padding:10px 20px}}.footer-links a,.footer-services li,.social-link,.tech-tag{overflow:hidden;position:relative}.footer-links a:before{background:linear-gradient(90deg,#0000,#27cdcd1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.footer-links a:hover:before{left:100%}@media (prefers-reduced-motion:no-preference){footer{animation:fadeInUp .6s ease-out}}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes glow{0%{text-shadow:0 0 20px #27cdcd4d}to{text-shadow:0 0 30px #27cdcd99,0 0 40px #27cdcd66}}@media (hover:none) and (pointer:coarse){.footer-contact:hover,.footer-links:hover,.footer-services:hover,.footer-tech:hover{transform:scale(1.02);transition:transform .2s ease}.social-link:hover,.tech-tag:hover{transform:scale(1.03);transition:transform .2s ease}.contact-info p:hover{transform:translateX(3px);transition:transform .2s ease}}.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)}}spline-viewer{z-index:-1}.main-home-image-section{height:600px;margin-left:497px;margin-top:99px;overflow:hidden;position:relative;width:700px;z-index:1}.main-home-image-section img{filter:drop-shadow(-17px 10px 1px rgba(0,0,0,.277));left:1098px;position:absolute;top:261px;width:420px;z-index:2}.main-home-image-section spline-viewer{height:700px}.main-home-image-section .home-svg1{height:632px;margin-left:-62px;margin-top:-52px;width:648px;z-index:-2}.main-home-image-section #ecDEQrn1iOo1{height:900px;margin-left:-163px;margin-top:-861px;position:relative;z-index:5}.home-section{display:flex;flex-direction:row}.main-home-content{margin-left:54px;margin-top:200px;width:400px}.main-home-content h1{font-family:Metal Mania;font-size:48px;letter-spacing:2px}.main-home-content h1 span{color:#0e8787}.donload-cv-btn{background-color:initial;border:1px solid #0e8787;border-radius:5px;color:#fff;margin-top:20px;padding:4px;width:155px}.main-home-content p{margin:0;text-align:left}@media only screen and (max-width:834px){.main-home-content h1{font-family:Metal Mania;font-size:36px;letter-spacing:5px}.main-home-content{margin-left:29px;margin-top:64px;width:400px}.home-section{display:flex;flex-direction:column}.main-home-image-section img{left:0;margin-left:74px;margin-top:-92px;opacity:.5;top:0;width:420px}.main-home-image-section{border-bottom-left-radius:122px;border-bottom-right-radius:83px;box-shadow:inset -17px -11px 2px #000;height:464px;margin-left:0;overflow:hidden;width:500px;z-index:1}}*{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100%;margin:0;padding:0;width:100%}body,html{overflow-x:hidden}html{scroll-behavior:smooth;scrollbar-width:none}.about-main-container{background:#0000;color:#fff;min-height:100vh;overflow-x:hidden;position:relative}.section-title{-webkit-text-fill-color:#0000;animation:textGlow 3s ease-in-out infinite alternate;background:linear-gradient(135deg,#fff,#1bb8b8 50%,#27cdcd45);background-clip:text;-webkit-background-clip:text;font-size:3rem;font-weight:300;margin-bottom:60px;text-align:center}.section-title span{color:#1bb8b8;font-weight:400}.hero-section{align-items:center;display:flex;min-height:100vh;overflow:hidden;padding:120px 20px 80px;position:relative;z-index:1}.hero-background{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:-1}.hero-background img{filter:brightness(.2) blur(2px);height:100%;object-fit:cover;object-position:center;width:100%}.background-overlay{background:linear-gradient(135deg,#0000004d,#1bb8b80d 50%,#0006);bottom:0;left:0;position:absolute;right:0;top:0}.hero-content{align-items:center;display:flex;justify-content:flex-start;margin:0 auto;max-width:1200px;position:relative;width:100%;z-index:2}.hero-text-glass{animation:slideInLeft 1s ease-out;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);background:#00000026;border:1px solid #1bb8b81a;border-radius:20px;box-shadow:0 25px 50px #0003,0 0 30px #1bb8b80d;max-width:600px;overflow:hidden;padding:60px 50px;position:relative}.hero-text-glass:before{background:linear-gradient(135deg,#1bb8b808,#0000 50%,#27cdcd05);border-radius:20px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.hero-title{font-size:4rem;font-weight:300;line-height:1.2;margin-bottom:30px}.greeting{color:#ccc;display:block;font-size:1.5rem;margin-bottom:10px}.name{color:#1bb8b8;display:block;font-family:Metal Mania,cursive;letter-spacing:2px;margin-bottom:20px;text-shadow:0 2px 4px #1bb8b84d}.name-highlight{color:#fff;text-shadow:0 2px 4px #0000004d}.typing-text{color:#fff;display:block;font-size:1.8rem;margin-bottom:30px}.cursor{animation:blink 1s infinite;color:#1bb8b8}.hero-description{color:#ccc;font-family:Abel,sans-serif;font-size:1.2rem;line-height:1.8;margin-bottom:40px}.hero-buttons{display:flex;flex-wrap:wrap;gap:20px}.cta-button{align-items:center;border-radius:12px;display:inline-flex;font-size:1rem;font-weight:600;gap:10px;letter-spacing:1px;overflow:hidden;padding:15px 30px;position:relative;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.cta-button.primary{background:linear-gradient(135deg,#1bb8b8,#27cdcd);box-shadow:0 8px 25px #1bb8b84d;color:#000}.cta-button.primary:hover{box-shadow:0 12px 35px #1bb8b866;transform:translateY(-3px)}.cta-button.secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #1bb8b880;color:#fff}.cta-button.secondary:hover{background:#1bb8b81a;border-color:#1bb8b8;transform:translateY(-3px)}.stats-section{padding:80px 20px;position:relative;z-index:1}.stats-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1200px}.stat-card{animation:fadeInUp .6s ease-out forwards;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#32fde005;border:1px solid #1c77691a;border-radius:20px;opacity:0;padding:40px 20px;text-align:center;transform:translateY(30px)}.stat-card:hover{border-color:#1bb8b833;box-shadow:0 20px 60px #1bb8b80d;transform:translateY(-10px)}.stat-icon{animation:bounce 2s infinite;font-size:3rem;margin-bottom:20px}.stat-number{animation:countUp 2s ease-out;color:#1bb8b8;font-size:3rem;font-weight:700;margin-bottom:10px}.stat-label{font-size:1rem}.about-section{padding:80px 20px;position:relative;z-index:1}.about-container{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:2fr 1fr;margin:0 auto;max-width:1200px}.about-info{animation:slideInLeft .8s ease-out}.about-text p{color:#ccc;font-size:1.1rem;line-height:1.8;margin-bottom:25px}.personal-details{margin-top:40px}.detail-row{border-bottom:1px solid #1c776933;display:flex;justify-content:space-between;padding:15px 0}.detail-label{color:#1bb8b8;font-weight:600}.detail-value{color:#fff}.about-visual{animation:slideInRight .8s ease-out;height:400px;position:relative}.floating-elements{height:100%;position:relative;width:100%}.float-element{animation:float 6s ease-in-out infinite;font-size:4rem;opacity:.7;position:absolute}.float-element:first-child{left:20%;top:10%}.float-element:nth-child(2){right:20%;top:30%}.float-element:nth-child(3){bottom:30%;left:30%}.float-element:nth-child(4){bottom:10%;right:30%}.skills-section{padding:80px 20px;position:relative;z-index:1}.skills-container{margin:0 auto;max-width:1200px}.skills-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.skill-card{animation:fadeInUp .6s ease-out forwards;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#32fde005;border:1px solid #1c77691a;border-radius:20px;opacity:0;padding:30px;transform:translateY(30px);transition:all .3s ease}.skill-card.active,.skill-card:hover{border-color:#1bb8b833;box-shadow:0 20px 60px #1bb8b814;transform:translateY(-10px)}.skill-card.active .skill-icon{animation:pulse 2s infinite}.skill-icon{align-items:center;background:#1bb8b80d;border-radius:15px;display:flex;height:80px;justify-content:center;margin:0 auto 20px;padding:15px;width:80px}.skill-icon img{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));height:auto;width:100%}.skill-name{color:#fff;font-size:1.3rem;font-weight:600;margin-bottom:15px;text-align:center}.skill-progress{align-items:center;display:flex;gap:15px}.progress-bar{background:#ffffff1a;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.progress-fill{animation:fillProgress 2s ease-out;border-radius:4px;height:100%;transition:width 2s ease-out}.skill-percentage{color:#1bb8b8;font-size:1rem;font-weight:600}.journey-section{padding:80px 20px;position:relative;z-index:1}.timeline{margin:0 auto;max-width:800px;position:relative}.timeline:before{background:linear-gradient(180deg,#1bb8b8,#27cdcd);bottom:0;content:"";left:50%;position:absolute;top:0;transform:translateX(-50%);width:2px}.timeline-item{animation:fadeInUp .6s ease-out forwards;margin-bottom:50px;opacity:0;position:relative;transform:translateY(30px)}.timeline-item:nth-child(2n) .timeline-content{margin-left:auto;margin-right:60px;text-align:right}.timeline-item:nth-child(odd) .timeline-content{margin-left:60px;margin-right:auto;text-align:left}.timeline-marker{animation:pulse 2s infinite;background:#1bb8b8;border-radius:50%;box-shadow:0 0 0 4px #1bb8b833;height:20px;left:50%;position:absolute;top:20px;transform:translateX(-50%);width:20px}.timeline-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#32fde005;border:1px solid #1c77691a;border-radius:15px;max-width:350px;padding:30px;position:relative}.timeline-content h3{color:#1bb8b8;font-size:1.3rem;margin-bottom:10px}.timeline-content p{color:#ccc;line-height:1.6;margin-bottom:15px}.timeline-date{background:#1bb8b833;border-radius:15px;color:#fff;display:inline-block;font-size:.9rem;font-weight:600;padding:5px 10px}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes countUp{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes fillProgress{0%{width:0}to{width:var(--width)}}@media only screen and (max-width:1200px){.hero-text-glass{max-width:500px;padding:50px 40px}.hero-content{justify-content:center}.about-container{gap:40px;grid-template-columns:1fr}}@media only screen and (max-width:900px){.hero-section{padding:80px 15px 60px}.hero-text-glass{margin:0 auto;max-width:90%;padding:40px 30px}.hero-title{font-size:3rem}.section-title{font-size:2.5rem}.stats-container{gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.skills-grid{grid-template-columns:1fr}.timeline:before{left:30px}.timeline-item:nth-child(2n) .timeline-content,.timeline-item:nth-child(odd) .timeline-content{margin-left:60px;margin-right:0;text-align:left}.timeline-marker{left:30px}}@media only screen and (max-width:768px){.hero-section{min-height:80vh;padding:80px 15px 60px}.hero-text-glass{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);padding:35px 25px}.hero-title{font-size:2.5rem}.greeting{font-size:1.2rem}.typing-text{font-size:1.4rem}.hero-buttons{flex-direction:column;gap:15px;justify-content:center}.section-title{font-size:2rem;margin-bottom:40px}.stat-card{padding:30px 15px}.stat-number{font-size:2.5rem}.about-section,.journey-section,.skills-section{padding:60px 15px}.about-visual{height:300px}.float-element{font-size:3rem}}@media only screen and (max-width:480px){.hero-title{font-size:2rem}.typing-text{font-size:1.2rem}.hero-description{font-size:1rem}.cta-button{font-size:.9rem;padding:12px 20px}.section-title{font-size:1.8rem}.stat-icon{font-size:2.5rem}.stat-number{font-size:2rem}.skill-icon{height:60px;width:60px}.timeline-content{max-width:280px;padding:20px}}@media (hover:none) and (pointer:coarse){.skill-card:hover,.stat-card:hover{transform:none}.skill-card:active,.stat-card:active{transform:scale(.98)}.cta-button:hover{transform:none}.cta-button:active{transform:scale(.95)}}.portfolio-main-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#0e87870d,#000000f2 25%,#0e878708 50%,#000000f2 75%,#0e87870d);min-height:100vh;overflow:hidden;padding:80px 0 60px;position:relative}.portfolio-main-container:before{animation:backgroundShift 15s ease-in-out infinite;background:radial-gradient(circle at 20% 50%,#27cdcd1a 0,#0000 50%),radial-gradient(circle at 80% 50%,#27cdcd14 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes backgroundShift{0%,to{opacity:.3}50%{opacity:.6}}.container{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));margin:0 auto;max-width:1400px;padding:0 30px;position:relative;z-index:1}.element{animation:fadeInCard .8s ease-out forwards;aspect-ratio:16/12;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffff08;border:1px solid #27cdcd26;border-radius:25px;box-shadow:0 10px 40px #0000004d;cursor:pointer;opacity:0;overflow:hidden;position:relative;transform-style:preserve-3d;transition:all .5s cubic-bezier(.4,0,.2,1)}.element:before{background:linear-gradient(45deg,#0000 30%,#27cdcd0d 50%,#0000 70%);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .6s ease;z-index:1}.element:hover{border-color:#27cdcd66;box-shadow:0 25px 60px #27cdcd33,0 15px 40px #0006;transform:translateY(-15px) rotateX(2deg) rotateY(2deg)}.element:hover:before{opacity:1}.image-container{overflow:hidden;position:relative}.element img,.image-container{border-radius:25px;height:100%;width:100%}.element img{display:block;filter:brightness(.9) contrast(1.1);object-fit:cover;transition:all .6s cubic-bezier(.4,0,.2,1)}.element:hover img{filter:brightness(.7) contrast(1.2) saturate(1.1);transform:scale(1.08)}.image-overlay{background:linear-gradient(45deg,#27cdcd1a,#0000 50%,#27cdcd1a);bottom:0;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .6s ease}.element:hover .image-overlay{opacity:1}.content{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#000c,#0e878799 50%,#000000e6);border-radius:25px;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;opacity:0;padding:30px 25px;position:absolute;right:0;text-align:center;top:0;transform:translateY(30px) scale(.95);transition:all .6s cubic-bezier(.4,0,.2,1);z-index:2}.element:hover .content{opacity:1;transform:translateY(0) scale(1)}.content-inner{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center}.project_heading{-webkit-text-fill-color:#0000;animation:textGlow 2s ease-in-out infinite alternate;background:linear-gradient(135deg,#fff,#27cdcd);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:1.8rem;font-weight:700;margin-bottom:15px;text-shadow:0 2px 10px #00000080}.project_paragraph{color:#e0e0e0;font-size:1rem;line-height:1.6;margin-bottom:20px;max-width:280px;opacity:.9;text-shadow:0 1px 3px #00000080}.project-link{align-items:center;background:linear-gradient(135deg,#27cdcd,#1bb8b8);border:2px solid #0000;border-radius:25px;box-shadow:0 5px 20px #27cdcd4d;color:#000;display:inline-flex;font-size:.95rem;font-weight:600;gap:8px;letter-spacing:.5px;overflow:hidden;padding:12px 24px;position:relative;text-decoration:none;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.project-link:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.project-link:hover{border-color:#ffffff4d;box-shadow:0 15px 35px #27cdcd66;color:#000;transform:translateY(-3px) scale(1.05)}.project-link:hover:before{left:100%}.project-link:active{transform:translateY(-1px) scale(1.02)}.loading-projects,.no-projects{align-items:center;color:#ccc;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:80px 20px;text-align:center}.spinner{animation:advancedSpin 1.2s cubic-bezier(.4,0,.2,1) infinite;border:4px solid #27cdcd1a;border-top-color:#27cdcd;margin-bottom:30px;position:relative}.spinner:before{animation:advancedSpin .8s linear infinite reverse;border:2px solid #0000;border-radius:50%;border-top-color:#27cdcd80;bottom:5px;content:"";left:5px;position:absolute;right:5px;top:5px}@keyframes advancedSpin{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.05)}to{transform:rotate(1turn) scale(1)}}.loading-projects p{animation:pulse 2s ease-in-out infinite;color:#27cdcd;font-size:1.2rem;font-weight:500}.no-projects-content{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff0d;border:1px solid #27cdcd33;border-radius:20px;max-width:400px;padding:40px 30px;text-align:center}.no-projects-content h3{color:#27cdcd;font-size:1.5rem;font-weight:600;margin-bottom:15px}.no-projects-content p{color:#ccc;font-size:1rem;line-height:1.6;margin:0}.element.highlighted{animation:highlightPulse 2s ease-in-out infinite;border:2px solid #27cdcd;box-shadow:0 0 40px #27cdcd66,0 20px 60px #27cdcd33;transform:scale(1.03) translateY(-5px)}@keyframes highlightPulse{0%,to{box-shadow:0 0 40px #27cdcd66}50%{box-shadow:0 0 60px #27cdcd99}}mark{background:linear-gradient(135deg,#27cdcd66,#27cdcd99);border-radius:6px;box-shadow:0 2px 8px #27cdcd4d;color:#fff;font-weight:600;padding:3px 6px}@media only screen and (max-width:1400px){.container{gap:35px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));padding:0 25px}}@media only screen and (max-width:1200px){.container{gap:30px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.element{aspect-ratio:16/11}}@media only screen and (max-width:900px){.portfolio-main-container{padding:60px 0 40px}.container{gap:25px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:0 20px}.element{aspect-ratio:4/3}.content,.element,.element img{border-radius:20px}.project_heading{font-size:1.6rem}.project_paragraph{font-size:.95rem}}@media only screen and (max-width:768px){.container{gap:20px;grid-template-columns:1fr;padding:0 15px}.element{aspect-ratio:16/12;margin:0 auto;max-width:400px}.content{padding:25px 20px}.project_heading{font-size:1.4rem;margin-bottom:12px}.project_paragraph{font-size:.9rem;margin-bottom:15px}.project-link{font-size:.9rem;padding:10px 20px}}@media only screen and (max-width:480px){.portfolio-main-container{padding:40px 0 30px}.container{gap:15px;padding:0 10px}.element{aspect-ratio:4/3;max-width:100%}.content,.element,.element img{border-radius:15px}.content{padding:20px 15px}.project_heading{font-size:1.3rem;margin-bottom:10px}.project_paragraph{font-size:.85rem;line-height:1.5;margin-bottom:12px}.project-link{font-size:.85rem;padding:8px 16px}.loading-projects,.no-projects{min-height:300px;padding:60px 15px}.spinner{height:50px;margin-bottom:20px;width:50px}.loading-projects p{font-size:1.1rem}}@media (hover:none) and (pointer:coarse){.element:hover{transform:scale(1.02)}.element:hover .content{opacity:1;transform:translateY(0)}.project-link:hover{transform:scale(1.02)}}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-resolution:192dpi){.element{border-width:.5px}.project-link{border-width:1px}}@media (prefers-color-scheme:dark){.portfolio-main-container{background:linear-gradient(135deg,#0e878714,#000000fa 25%,#0e87870d 50%,#000000fa 75%,#0e878714)}}@media (prefers-reduced-motion:reduce){.content,.element,.project-link,.spinner{animation:none;transition:none}.element:hover{transform:none}}.solutions-main-container{background:#000;color:#fff;min-height:100vh;overflow-x:hidden;padding:80px 20px 40px;position:relative}.solutions-main-container:before{background:linear-gradient(135deg,#1bb8b81a,#27cdcd0d);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.solutions-header{margin-bottom:60px;position:relative;text-align:center;z-index:1}.solutions-title{-webkit-text-fill-color:#0000;animation:textGlow 3s ease-in-out infinite alternate;background:linear-gradient(135deg,#fff,#1bb8b8 50%,#27cdcd);background-clip:text;-webkit-background-clip:text;font-size:3.5rem;font-weight:300;margin-bottom:20px}.solutions-title span{color:#1bb8b8;font-weight:400}.solutions-subtitle{color:#ccc;font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:600px}.solutions-filters{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#32fde00d;border:1px solid #1c776933;border-radius:15px;display:flex;gap:20px;justify-content:center;margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:1200px;padding:20px;position:relative;z-index:1}.filter-group{display:flex;flex-direction:column;gap:8px;min-width:150px}.filter-group label{color:#1bb8b8;font-size:.9rem;font-weight:500;letter-spacing:1px;text-transform:uppercase}.filter-select,.search-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #1c77694d;border-radius:8px;color:#fff;font-size:14px;padding:12px 15px;transition:all .3s ease}.filter-select:focus,.search-input:focus{background:#ffffff14;border-color:#1bb8b8;box-shadow:0 0 0 2px #1bb8b833;outline:none}.filter-select option{background:#1a1a1a;color:#fff}.solutions-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin:0 auto;max-width:1400px;position:relative;z-index:1}.solution-card{animation:fadeInCard .6s ease-out forwards;aspect-ratio:1.2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:20px;box-shadow:0 8px 32px #0000004d;opacity:0;position:relative;transform:translateY(30px);transform-style:preserve-3d;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.solution-card:hover{border-color:#1bb8b880;box-shadow:0 20px 60px #1bb8b833;transform:translateY(-10px) rotateX(5deg) rotateY(2deg)}.solution-card:hover .solution-image-container img{filter:brightness(1.1) contrast(1.1);transform:scale(1.1)}.solution-card:hover .solution-image-overlay{background:linear-gradient(135deg,#1bb8b84d,#27cdcd33 50%,#00ffff1a)}.solution-image-container{height:250px;overflow:hidden;position:relative}.solution-image-container img{filter:brightness(.9) contrast(1.1);height:100%;object-fit:cover;transition:all .4s ease;width:100%}.solution-image-overlay{background:linear-gradient(135deg,#0006,#1bb8b81a 50%,#0000004d);bottom:0;left:0;position:absolute;right:0;top:0;transition:all .3s ease}.solution-status{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 4px 15px #0000004d;font-size:.8rem;padding:6px 12px;position:absolute;right:15px;top:15px;z-index:2}.solution-content{display:flex;flex-direction:column;gap:15px;height:calc(100% - 250px);padding:25px;position:relative}.solution-header-info{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:10px}.solution-title{animation:textGlow 3s ease-in-out infinite alternate;color:#fff;flex:1 1;font-size:1.5rem;font-weight:600;margin:0}.solution-category{background:linear-gradient(135deg,#1bb8b8,#27cdcd);border-radius:12px;color:#000;font-size:.75rem;font-weight:600;margin-left:10px;padding:4px 10px;white-space:nowrap}.solution-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#ccc;display:-webkit-box;font-size:.95rem;line-height:1.6;margin:0;overflow:hidden}.solution-features{margin-top:10px}.solution-features h4{color:#1bb8b8;font-size:.9rem;letter-spacing:1px;margin:0 0 8px;text-transform:uppercase}.solution-features ul{list-style:none;margin:0;padding:0}.solution-features li{color:#ddd;font-size:.85rem;padding:3px 0 3px 15px;position:relative}.solution-features li:before{color:#1bb8b8;content:"▸";font-weight:700;left:0;position:absolute}.solution-technologies{margin-top:10px}.solution-technologies h4{color:#1bb8b8;font-size:.9rem;letter-spacing:1px;margin:0 0 8px;text-transform:uppercase}.tech-tags{display:flex;flex-wrap:wrap;gap:6px}.tech-tag{background:#1bb8b81a;border:1px solid #1bb8b84d;border-radius:6px;color:#1bb8b8;font-size:.75rem;font-weight:500;padding:4px 8px;transition:all .3s ease}.tech-tag:hover{background:#1bb8b833;transform:translateY(-1px)}.solution-actions{margin-top:auto;padding-top:15px}.solution-link{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1bb8b81a;border:2px solid #1bb8b8;border-radius:10px;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;letter-spacing:1px;overflow:hidden;padding:10px 20px;position:relative;text-transform:uppercase;transition:all .3s ease}.solution-link:hover{background:linear-gradient(135deg,#1bb8b8,#27cdcd);border-color:#27cdcd;box-shadow:0 8px 25px #1bb8b866;color:#000;transform:translateY(-2px)}.solution-link svg{fill:currentColor;transition:transform .3s ease}.solution-link:hover svg{transform:translateX(3px)}.loading-solutions{align-items:center;color:#1bb8b8;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.spinner{animation:spinPulse 1.5s linear infinite;border:4px solid #1bb8b833;height:60px;margin-bottom:20px;width:60px}.loading-solutions p{animation:pulse 2s ease-in-out infinite;font-size:1.1rem}.no-solutions{align-items:center;display:flex;justify-content:center;padding:80px 20px;text-align:center}.no-solutions-content{animation:float 6s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#32fde00d;border:1px solid #1c776933;border-radius:20px;max-width:500px;padding:40px}.no-solutions-content h3{color:#1bb8b8;font-size:1.5rem;margin-bottom:15px}.no-solutions-content p{color:#ccc;font-size:1rem;line-height:1.6}@keyframes fadeInCard{to{opacity:1;transform:translateY(0)}}@keyframes textGlow{0%{text-shadow:0 0 10px #1bb8b880}to{text-shadow:0 0 20px #1bb8b8cc,0 0 30px #27cdcd99}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spinPulse{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.1)}to{transform:rotate(1turn) scale(1)}}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media only screen and (max-width:1400px){.solutions-container{gap:25px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}@media only screen and (max-width:1200px){.solutions-title{font-size:3rem}.solutions-container{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}@media only screen and (max-width:900px){.solutions-filters{align-items:stretch;flex-direction:column;gap:15px}.filter-group{min-width:auto}.solutions-container{gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media only screen and (max-width:768px){.solutions-main-container{padding:60px 15px 30px}.solutions-title{font-size:2.5rem}.solutions-subtitle{font-size:1.1rem}.solutions-container{gap:20px;grid-template-columns:1fr}.solution-card{aspect-ratio:1.1}.solution-image-container{height:200px}.solution-content{height:calc(100% - 200px);padding:20px}.solution-header-info{align-items:flex-start;flex-direction:column;gap:10px}.solution-category{margin-left:0}}@media only screen and (max-width:480px){.solutions-main-container{padding:50px 10px 20px}.solutions-title{font-size:2rem}.solutions-header{margin-bottom:40px}.solution-card{aspect-ratio:1}.solution-image-container{height:180px}.solution-content{gap:10px;height:calc(100% - 180px);padding:15px}.solution-title{font-size:1.3rem}.solution-description{-webkit-line-clamp:2;font-size:.9rem}.tech-tags{gap:4px}.tech-tag{font-size:.7rem;padding:3px 6px}}@media (hover:none) and (pointer:coarse){.solution-card:hover{transform:none}.solution-card:active{transform:scale(.98)}.solution-link:hover,.tech-tag:hover{transform:none}}.admin-container{background-color:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}.admin-login-container{align-items:center;background:#000;display:flex;justify-content:center;min-height:100vh;padding:20px;position:relative}.admin-login-container:before{background:linear-gradient(135deg,#1bb8b81a,#27cdcd0d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.login-card{backdrop-filter:blur(8.2px);-webkit-backdrop-filter:blur(8.2px);background:#32fde00d;border:1px solid #1c77694d;border-radius:20px;box-shadow:0 4px 30px #0000004d;max-width:450px;padding:40px;position:relative;width:100%;z-index:1}.login-card h2{color:#fff;font-family:Metal Mania,cursive;font-size:32px;font-weight:300;margin-bottom:30px;text-align:center}.login-card h2 span{color:#1bb8b8}.error-message{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#c628281a;border-left:4px solid #ff6b6b;border-radius:10px;color:#ff6b6b;margin-bottom:20px;padding:15px;text-align:center}.login-form .form-group{margin-bottom:25px}.login-form label{color:#ccc;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.login-form input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #1c77694d;border-radius:10px;box-sizing:border-box;color:#fff;font-size:16px;padding:15px;transition:all .3s ease;width:100%}.login-form input:focus{background:#ffffff14;border-color:#1bb8b8;box-shadow:0 0 0 2px #1bb8b833;outline:none}.login-form input::placeholder{color:#888}.login-btn{background:linear-gradient(135deg,#1bb8b8,#27cdcd);border:none;border-radius:10px;color:#000;cursor:pointer;font-size:16px;font-weight:600;letter-spacing:1px;padding:15px;text-transform:uppercase;transition:all .3s ease;width:100%}.login-btn:hover{box-shadow:0 8px 25px #1bb8b84d;transform:translateY(-2px)}.login-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.login-footer{border-top:1px solid #1c776933;margin-top:20px;padding-top:20px;text-align:center}.login-footer a{color:#1bb8b8;text-decoration:none;transition:color .3s ease}.login-footer a:hover{color:#27cdcd}.dashboard-header{align-items:center;-webkit-backdrop-filter:blur(8.2px);backdrop-filter:blur(8.2px);background:#32fde00d;border-bottom:1px solid #1c77694d;display:flex;justify-content:space-between;padding:20px 30px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.dashboard-title h1{color:#fff;font-family:Metal Mania,cursive;font-size:28px;font-weight:300;margin:0}.dashboard-title h1 span{color:#1bb8b8}.dashboard-actions{align-items:center;display:flex;gap:15px}.logout-btn{background:#ff6b6b1a;border:1px solid #ff6b6b4d;border-radius:8px;color:#ff6b6b;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .3s ease}.logout-btn:hover{background:#ff6b6b33;transform:translateY(-1px)}.dashboard-nav{background:#000c;border-bottom:1px solid #1c776933;padding:20px 30px}.nav-tabs{display:flex;gap:20px;list-style:none;margin:0;padding:0}.nav-tab{background:#ffffff0d;border:1px solid #1c776933;border-radius:10px;color:#ccc;cursor:pointer;font-weight:500;padding:12px 24px;transition:all .3s ease}.nav-tab:hover{background:#ffffff14;color:#fff;transform:translateY(-1px)}.nav-tab.active{background:linear-gradient(135deg,#1bb8b8,#27cdcd);border-color:#1bb8b8;color:#000}.dashboard-content{margin:0 auto;max-width:1400px;padding:30px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:40px}.stat-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#32fde00d;border:1px solid #1c776933;border-radius:15px;padding:25px;transition:all .3s ease}.stat-card:hover{border-color:#1c776966;box-shadow:0 10px 30px #1bb8b81a;transform:translateY(-5px)}.stat-value{color:#1bb8b8;font-size:32px;font-weight:700;margin-bottom:8px}.stat-label{color:#ccc;font-size:14px;letter-spacing:1px;text-transform:uppercase}.admin-form{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#32fde00d;border:1px solid #1c776933;border-radius:15px;margin-bottom:30px;padding:30px}.admin-form h3{color:#fff;font-size:20px;font-weight:500;margin-bottom:25px}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.form-group{margin-bottom:20px}.form-group label{color:#ccc;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #1c77694d;border-radius:8px;box-sizing:border-box;color:#fff;font-size:14px;padding:12px 15px;transition:all .3s ease;width:100%}.form-group textarea{min-height:100px;resize:vertical}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#ffffff14;border-color:#1bb8b8;box-shadow:0 0 0 2px #1bb8b833;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#666}.file-upload{display:inline-block;position:relative;width:100%}.file-input{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%}.file-label{align-items:center;background:#ffffff05;border:2px dashed #1c77694d;border-radius:10px;cursor:pointer;display:flex;justify-content:center;padding:30px;text-align:center;transition:all .3s ease}.file-label:hover{background:#1bb8b80d;border-color:#1bb8b8}.file-label.has-file{background:#1bb8b81a;border-color:#1bb8b8}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;letter-spacing:.5px;padding:12px 24px;text-transform:uppercase;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#1bb8b8,#27cdcd);color:#000}.btn-primary:hover{box-shadow:0 8px 25px #1bb8b84d;transform:translateY(-2px)}.btn-secondary{background:#ffffff1a;border:1px solid #fff3;color:#fff}.btn-secondary:hover{background:#ffffff26;transform:translateY(-1px)}.btn-danger{background:#ff6b6b1a;border:1px solid #ff6b6b4d;color:#ff6b6b}.btn-danger:hover{background:#ff6b6b33;transform:translateY(-1px)}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.data-table{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#32fde00d;border:1px solid #1c776933;border-radius:15px;overflow:hidden}.table-header{align-items:center;border-bottom:1px solid #1c776933;display:flex;justify-content:space-between;padding:20px 30px}.table-header h3{color:#fff;font-size:18px;font-weight:500;margin:0}.search-input{background:#ffffff0d;border:1px solid #1c77694d;border-radius:8px;color:#fff;font-size:14px;padding:10px 15px;transition:all .3s ease;width:250px}.search-input:focus{border-color:#1bb8b8;box-shadow:0 0 0 2px #1bb8b833;outline:none}.search-input::placeholder{color:#666}.projects-grid{grid-gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.projects-grid,.solutions-grid{display:grid;gap:20px;margin-top:20px}.solutions-grid{grid-gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.solution-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#32fde008;border:1px solid #1c776933;border-radius:15px;overflow:hidden;transition:all .3s ease}.solution-card:hover{border-color:#1c776966;box-shadow:0 15px 40px #1bb8b81a;transform:translateY(-5px)}.solution-card img{background:#1a1a1a;display:block;height:180px;object-fit:cover;transition:transform .3s ease;width:100%}.solution-card:hover img{transform:scale(1.05)}.solution-info{padding:20px}.solution-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:10px}.solution-info h4{color:#fff;flex:1 1;font-size:16px;font-weight:600;margin:0}.solution-status{border-radius:12px;color:#fff;font-size:10px;font-weight:600;margin-left:10px;padding:4px 8px;white-space:nowrap}.solution-category,.solution-status{letter-spacing:1px;text-transform:uppercase}.solution-category{color:#1bb8b8;font-size:12px;font-weight:500;margin:0 0 10px}.solution-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#ccc;display:-webkit-box;font-size:14px;line-height:1.5;margin:0 0 10px;overflow:hidden}.solution-tech{color:#ddd;font-size:12px;margin:0 0 10px}.solution-tech strong{color:#1bb8b8}.solution-link{color:#1bb8b8;display:inline-block;font-size:12px;font-weight:500;margin-bottom:10px;text-decoration:none;transition:color .3s ease}.solution-link:hover{color:#27cdcd}.solution-actions{display:flex;gap:10px;margin-top:15px}.project-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#32fde008;border:1px solid #1c776933;border-radius:15px;overflow:hidden;transition:all .3s ease}.project-card:hover{border-color:#1c776966;box-shadow:0 15px 40px #1bb8b81a;transform:translateY(-5px)}.project-card img{display:block;height:200px;transition:transform .3s ease;width:100%}.image-preview,.project-card img{background:#1a1a1a;object-fit:cover}.image-preview{border:1px solid #1c77694d;border-radius:8px;margin-top:10px;max-height:150px;max-width:200px}.project-card:hover img{transform:scale(1.05)}.project-info{padding:20px}.project-info h4{color:#fff;font-size:16px;font-weight:600;margin:0 0 10px}.project-info p{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#ccc;display:-webkit-box;font-size:14px;line-height:1.5;margin:0 0 15px;overflow:hidden}.project-info a{color:#1bb8b8;font-size:14px;font-weight:500;text-decoration:none;transition:color .3s ease}.project-info a:hover{color:#27cdcd}.project-actions{display:flex;gap:10px;margin-top:15px}.delete-btn,.edit-btn{border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase;transition:all .3s ease}.edit-btn{background:#ffc1071a;border:1px solid #ffc1074d;color:#ffc107}.edit-btn:hover{background:#ffc10733;transform:translateY(-1px)}.delete-btn{background:#ff6b6b1a;border:1px solid #ff6b6b4d;color:#ff6b6b}.delete-btn:hover{background:#ff6b6b33;transform:translateY(-1px)}.loading{align-items:center;color:#1bb8b8;display:flex;justify-content:center;padding:40px}.spinner{animation:spin 1s linear infinite;border:3px solid #1bb8b833;border-radius:50%;border-top-color:#1bb8b8;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.dashboard-header{flex-direction:column;gap:15px;padding:15px 20px}.dashboard-title h1{font-size:24px}.dashboard-nav{padding:15px 20px}.nav-tabs{flex-wrap:wrap;gap:10px}.nav-tab{font-size:14px;padding:10px 16px}.dashboard-content{padding:20px}.stats-grid{gap:15px}.form-grid,.projects-grid,.solutions-grid,.stats-grid{grid-template-columns:1fr}.login-card{margin:10px;padding:30px 20px}.table-header{align-items:stretch;flex-direction:column;gap:15px}.search-input{width:100%}}@media (max-width:480px){.admin-login-container{padding:10px}.login-card{padding:25px 15px}.login-card h2{font-size:26px}.dashboard-content{padding:15px}.admin-form,.stat-card{padding:20px}.project-info{padding:15px}}.fade-in{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.alert{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-left:4px solid;border-radius:10px;margin-bottom:20px;padding:15px 20px}.alert-success{background:#4caf501a;border-left-color:#4caf50;color:#4caf50}.alert-error{background:#ff6b6b1a;border-left-color:#ff6b6b;color:#ff6b6b}.alert-warning{background:#ffc1071a;border-left-color:#ffc107;color:#ffc107}.alert-info{background:#1bb8b81a;border-left-color:#1bb8b8;color:#1bb8b8}
/*# sourceMappingURL=main.3d04d49b.css.map*/