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}.container{padding:40px 0}body{animation:gradientFlow 30s ease-in-out infinite;background:linear-gradient(135deg,#1e1e2f,#1a2135);color:#fff;min-height:100vh;overflow-x:hidden;position:relative;scrollbar-color:#4fc3f74d #1e1e2f;scrollbar-width:thin}.background-animation{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:-1}.background-animation span{animation:orbit 18s ease-in-out infinite;background:radial-gradient(circle,#4fc3f773 0,#4fc3f700 70%);border-radius:50%;box-shadow:0 0 12px #4fc3f799,inset 0 0 4px #4fc3f74d;opacity:.5;position:absolute}.background-animation span:first-child{animation-delay:0s;animation-duration:20s;height:15px;left:20%;top:10%;width:15px}.background-animation span:nth-child(2){animation-delay:2s;animation-duration:24s;background:radial-gradient(circle,#9333ea73 0,#9333ea00 70%);box-shadow:0 0 12px #9333ea99,inset 0 0 4px #9333ea4d;height:10px;left:70%;top:50%;width:10px}.background-animation span:nth-child(3){animation-delay:4s;animation-duration:18s;height:20px;left:30%;top:70%;width:20px}.background-animation span:nth-child(4){animation-delay:6s;animation-duration:22s;background:radial-gradient(circle,#9333ea73 0,#9333ea00 70%);box-shadow:0 0 12px #9333ea99,inset 0 0 4px #9333ea4d;height:12px;left:60%;top:25%;width:12px}.background-animation span:nth-child(5){animation-delay:1s;animation-duration:16s;height:25px;left:40%;top:15%;width:25px}.background-animation span:nth-child(6){animation-delay:3s;animation-duration:21s;height:18px;left:10%;top:60%;width:18px}.background-animation span:nth-child(7){animation-delay:5s;animation-duration:19s;background:radial-gradient(circle,#9333ea73 0,#9333ea00 70%);box-shadow:0 0 12px #9333ea99,inset 0 0 4px #9333ea4d;height:22px;left:85%;top:45%;width:22px}.background-animation span:nth-child(8){animation-delay:7s;animation-duration:23s;height:14px;left:50%;top:80%;width:14px}.background-animation:before{animation:webPulse 12s ease-in-out infinite;background:radial-gradient(circle at 20% 30%,#4fc3f71f 0,#0000 50%),radial-gradient(circle at 80% 70%,#9333ea1f 0,#0000 50%);content:"";height:100%;left:0;opacity:.35;position:absolute;top:0;width:100%}@keyframes gradientFlow{0%{background:linear-gradient(135deg,#1e1e2f,#1a2135);opacity:1}25%{background:linear-gradient(135deg,#1a2135,#2d1a3f);opacity:.9}50%{background:linear-gradient(135deg,#2d1a3f,#1e1e2f);opacity:.85}75%{background:linear-gradient(135deg,#1e1e2f,#1a2135);opacity:.9}to{background:linear-gradient(135deg,#1e1e2f,#1a2135);opacity:1}}@keyframes orbit{0%{opacity:.5;transform:translateY(0) translateX(0) scale(1)}25%{opacity:.75;transform:translateY(-90px) translateX(45px) scale(1.3)}50%{opacity:.5;transform:translateY(0) translateX(90px) scale(1)}75%{opacity:.35;transform:translateY(90px) translateX(45px) scale(.7)}to{opacity:.5;transform:translateY(0) translateX(0) scale(1)}}@keyframes webPulse{0%{opacity:.35;transform:scale(1)}50%{opacity:.55;transform:scale(1.03)}to{opacity:.35;transform:scale(1)}}::-webkit-scrollbar{background:#1a2135;width:6px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#4fc3f74d 40%,#9333ea4d);border-radius:8px;box-shadow:0 2px 8px #4fc3f71a;-webkit-transition:background .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1);transition:background .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#4fc3f780 40%,#9333ea80)}::-webkit-scrollbar-track{background:#1e1e2f;border-radius:8px}.navbar{display:flex;justify-content:center;position:fixed;top:10px;width:100%;z-index:1000}.navbar-container{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#161c2dcc;border:1px solid #4fc3f726;border-radius:16px;box-shadow:0 10px 30px #00000026,0 0 20px #4fc3f71a;justify-content:space-between;padding:12px 25px;transition:all .3s ease;width:80%}.navbar-container,.navbar-logo{align-items:center;display:flex}.navbar-logo{background:#1e263c99;border:1px solid #4fc3f733;border-radius:12px;gap:8px;margin:0 15px;padding:8px 15px;text-decoration:none;transition:transform .3s ease}.navbar-logo:hover{background:#1e263ccc;border-color:#4fc3f766;transform:translateY(-2px)}.logo-icon{color:#4fc3f7;font-size:20px}.logo-text{color:#fffffff2;font-size:16px;font-weight:700;letter-spacing:.5px}.navbar-content{justify-content:flex-end}.navbar-content,.navbar-links{align-items:center;display:flex;gap:10px}.navbar-links{justify-content:center}.nav-link{align-items:center;border-radius:10px;color:#fffc;display:flex;font-size:15px;font-weight:500;gap:6px;padding:8px 12px;position:relative;text-decoration:none;transition:all .3s ease;white-space:nowrap}.nav-link:hover{background:#4fc3f71a;color:#fffffff2}.nav-link.active{background:#4fc3f726;color:#4fc3f7;font-weight:600}.nav-link.active:after{background:linear-gradient(90deg,#4fc3f7,#9333ea);border-radius:2px;bottom:4px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:15px}.nav-icon{font-size:18px;opacity:.9}.resume-button{align-items:center;background:linear-gradient(90deg,#4fc3f7,#9333ea);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:6px;padding:8px 16px;text-decoration:none;transition:all .3s ease;white-space:nowrap}.resume-button:hover{box-shadow:0 5px 15px #4fc3f74d;transform:translateY(-2px)}.resume-icon{font-size:18px}.hamburger{cursor:pointer;display:none;flex-direction:column;height:18px;justify-content:space-between;width:24px;z-index:1101}.hamburger .bar{background-color:#fff;border-radius:2px;height:3px;width:100%}.mobile-menu{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#161c2df2;border-left:1px solid #4fc3f726;border-radius:20px;gap:15px;height:calc(100vh - 70px);height:auto;overflow-x:hidden;padding:20px 15px;position:fixed;right:10px;top:90px;width:80%;z-index:1100}.mobile-menu,.navbar-links.mobile-active{align-items:stretch;display:flex;flex-direction:column}.navbar-links.mobile-active{gap:20px;width:100%}.mobile-menu .nav-link,.mobile-menu .resume-button{align-items:center;background:#1e263c99;border-radius:10px;color:#ffffffe6;display:flex;font-size:16px;font-weight:500;justify-content:center;padding:15px 20px;text-decoration:none;transition:background .3s,color .3s;white-space:normal;width:90%}.mobile-menu .nav-link:hover,.mobile-menu .resume-button:hover{background:#4fc3f726;color:#4fc3f7}.mobile-menu .nav-link.active{background:linear-gradient(90deg,#4fc3f7,#9333ea);color:#fff;font-weight:600}@media (max-width:768px){.desktop-only{display:none}.hamburger{display:flex;flex-direction:column}}.home-container{align-items:center;display:flex;justify-content:center;margin-top:40px;padding:20px}.professional-card{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#161c2db3;border:1px solid #4fc3f726;border-radius:16px;box-shadow:0 20px 60px #00000040,0 0 30px #4fc3f71f;max-width:1100px;overflow:hidden;padding:0;position:relative;transition:box-shadow .4s ease;width:100%}.professional-card:hover{border-color:#4fc3f740;box-shadow:0 25px 65px #0000004d,0 0 35px #4fc3f726}.home-content{display:flex;flex-direction:row}.profile-column{background:#172136d9;border-right:1px solid #4fc3f733;display:flex;flex:0 0 340px;flex-direction:column;gap:25px;padding:40px 30px}.profile-header{margin-bottom:5px;text-align:center}.profile-image-container{margin-bottom:20px}.profile-photo{border:3px solid #4fc3f799;border-radius:12px;box-shadow:0 10px 25px #00000026,0 0 15px #4fc3f740;height:160px;object-fit:cover;transition:transform .3s ease,box-shadow .3s ease;width:160px}.profile-title-container{margin-bottom:15px}.home-title{color:#fffffff2;font-size:28px;font-weight:700;letter-spacing:.5px;margin-bottom:5px}.title-underline{background:linear-gradient(90deg,#4fc3f7,#9333ea);border-radius:2px;height:3px;margin:10px auto 12px;width:60px}.home-subtitle{color:#4fc3f7;font-size:18px;font-weight:500;letter-spacing:.5px;margin:0}.profile-details{border-top:1px solid #4fc3f726;display:flex;flex-direction:column;gap:12px;padding:15px 0}.detail-item{align-items:center;display:flex;gap:10px}.detail-icon{font-size:16px;text-align:center;width:24px}.detail-text{color:#ffffffd9;font-size:15px;font-weight:400}.skills-container{margin-top:5px}.skills-title{color:#ffffffe6;font-size:16px;font-weight:600;letter-spacing:.5px;margin-bottom:12px}.skills-grid{display:flex;flex-wrap:wrap;gap:8px}.skill-tag{background:#4fc3f726;border:1px solid #4fc3f74d;border-radius:4px;color:#ffffffe6;font-size:13px;padding:6px 12px;transition:all .2s ease}.skill-tag:hover{background:#4fc3f740;transform:translateY(-2px)}.bio-column{display:flex;flex:1 1;flex-direction:column;gap:20px;padding:40px}.section-header{align-items:center;display:flex;gap:10px;margin-bottom:5px}.section-icon{color:#4fc3f7;font-size:24px}.section-title{color:#fffffff2;font-size:22px;font-weight:600;letter-spacing:.5px;margin:0}.home-description{color:#fffc;font-size:16px;line-height:1.7;margin-bottom:15px}.connect-section{border-top:1px solid #4fc3f726;margin-top:10px;padding-top:20px}.connect-title{color:#ffffffe6;font-size:18px;font-weight:600;letter-spacing:.5px;margin-bottom:15px}.social-links{display:flex;gap:15px}.social-link{background:#172136d9;border:1px solid #4fc3f740;border-radius:8px;height:42px;width:42px}.social-icon-mui{color:#ffffffd9;font-size:20px;transition:color .3s ease}.social-link:hover{background:#4fc3f726;border-color:#4fc3f766}.social-link:hover .social-icon-mui{color:#4fc3f7}@media (max-width:1024px){.professional-card{max-width:800px}.profile-column{flex:0 0 300px;padding:30px 25px}.bio-column{padding:30px}.profile-photo{height:140px;width:140px}.home-title{font-size:24px}}@media (max-width:768px){.home-content{flex-direction:column}.profile-column{border-bottom:1px solid #4fc3f733;border-right:none;flex:auto;padding:30px}.profile-header{align-items:center;display:flex;gap:20px;text-align:left}.profile-image-container{margin-bottom:0}.profile-photo{height:100px;width:100px}.title-underline{margin:10px 0 12px}.home-title{font-size:22px}.home-subtitle{font-size:16px}.bio-column{padding:30px}.section-title{font-size:20px}.home-description{font-size:15px}}@media (max-width:576px){.home-container{margin-top:60px;padding:15px}.profile-header{flex-direction:column;gap:15px;text-align:center}.title-underline{margin:10px auto 12px}.bio-column,.profile-column{padding:25px 20px}.profile-details,.skills-container{align-items:center}.skills-grid{justify-content:center}.connect-section{align-items:center}.connect-section,.connect-title{text-align:center}.social-links{justify-content:center}}.about-container{align-items:flex-start;display:flex;justify-content:center;margin-bottom:50px;margin-top:70px;padding:20px}.about-wrapper{max-width:1200px;width:100%}.about-header{margin-bottom:40px;text-align:center}.about-title{color:#fffffff2;font-size:38px;font-weight:700;letter-spacing:1px;margin-bottom:10px}.title-accent{background:linear-gradient(90deg,#4fc3f7,#9333ea);border-radius:2px;height:3px;margin:0 auto;width:80px}.about-content,.about-left-column{display:flex;gap:30px}.about-left-column{flex:1 1;flex-direction:column}.panel{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#161c2db3;border:1px solid #4fc3f726;border-radius:16px;box-shadow:0 10px 30px #0003,0 0 20px #4fc3f71a;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.panel:hover{border-color:#4fc3f740;box-shadow:0 15px 40px #00000040,0 0 25px #4fc3f726}.panel-header{align-items:center;background:#1e263ccc;border-bottom:1px solid #4fc3f726;display:flex;gap:10px;padding:15px 20px}.panel-icon{color:#4fc3f7;font-size:22px}.panel-title{color:#fffffff2;font-size:20px;font-weight:600;letter-spacing:.5px;margin:0}.panel-content{padding:20px}.panel-text{color:#fffc;font-size:16px;line-height:1.6;margin-bottom:15px}.panel-text:last-child{margin-bottom:0}.skills-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.skill-item{align-items:center;background:#1e263c99;border:1px solid #4fc3f733;border-radius:10px;display:flex;flex-direction:column;height:90px;justify-content:center;padding:12px 8px;text-align:center;transition:all .3s ease}.skill-logo{filter:invert(85%) sepia(14%) saturate(2619%) hue-rotate(176deg) brightness(105%) contrast(101%);height:30px;margin-bottom:8px;transition:filter .3s ease;width:30px}.skill-item:hover .skill-logo{filter:invert(56%) sepia(75%) saturate(2471%) hue-rotate(172deg) brightness(102%) contrast(97%)}.skill-name{color:#fffc;font-size:13px;font-weight:500}.leadership-item{padding-bottom:10px}.leadership-title{color:#ffffffe6;font-size:18px;font-weight:600;margin:0 0 5px}.leadership-subtitle{color:#4fc3f7;font-size:15px;font-weight:500;margin:0 0 15px}.leadership-list{list-style:none;margin:0;padding:0}.leadership-list li{color:#ffffffbf;font-size:15px;line-height:1.6;margin-bottom:10px;padding-left:20px;position:relative}.leadership-list li:before{color:#4fc3f7;content:"•";font-size:18px;left:0;line-height:1;position:absolute}.about-right-column{width:45%}.timeline-header{align-items:center;display:flex;gap:10px;margin-bottom:25px}.timeline-icon{color:#4fc3f7;font-size:24px}.timeline-title{color:#fffffff2;font-size:20px;letter-spacing:.5px;margin:0}.timeline{padding-left:30px;position:relative}.timeline:before{background:linear-gradient(180deg,#4fc3f7b3,#9333eab3);border-radius:1px;bottom:5px;content:"";left:9px;position:absolute;top:5px;width:2px}.timeline-item{margin-bottom:30px;padding-bottom:5px;position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-marker{align-items:center;background:#1e2a4a;border:2px solid #4fc3f7;border-radius:50%;box-shadow:0 0 0 4px #4fc3f733;display:flex;height:20px;justify-content:center;left:-30px;position:absolute;top:0;width:20px;z-index:1}.marker-icon{color:#4fc3f7;font-size:12px}.timeline-content{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#161c2db3;border:1px solid #4fc3f726;border-radius:12px;box-shadow:0 8px 25px #00000026,0 0 15px #4fc3f714;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.timeline-content:hover{border-color:#9333ea4d;box-shadow:0 10px 30px #0003,0 0 20px #4fc3f71f;transform:translateX(5px)}.timeline-date{background:#9333ea26;border-radius:20px;color:#9333ea;display:inline-block;font-size:14px;font-weight:500;margin-bottom:10px;padding:4px 10px}.timeline-title{color:#ffffffe6;font-size:18px;font-weight:600;margin:0 0 5px}.timeline-subtitle{color:#4fc3f7;font-size:15px;font-weight:500;margin:0 0 15px}.timeline-details{list-style:none;margin:15px 0 0;padding:0}.timeline-details li{color:#ffffffbf;font-size:14px;line-height:1.6;margin-bottom:8px;padding-left:18px;position:relative}.timeline-details li:before{color:#4fc3f7;content:"•";font-size:16px;left:0;line-height:1;position:absolute}.panel:after,.timeline-content:after{background:linear-gradient(90deg,#0000 98%,#4fc3f71a 0),linear-gradient(180deg,#0000 98%,#9333ea1a 0);background-size:30px 30px;content:"";height:100%;left:0;opacity:.1;pointer-events:none;position:absolute;top:0;width:100%;z-index:-1}.timeline-item:hover .timeline-marker{animation:pulse 2s infinite;border-color:#9333ea}.timeline-item:hover .marker-icon{color:#9333ea}@media (max-width:1024px){.about-content{gap:25px}.about-right-column{width:42%}.skills-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}.skill-item{height:85px;padding:10px 6px}.skill-logo{height:28px;width:28px}.panel-header{padding:12px 18px}.panel-content{padding:18px}}@media (max-width:900px){.about-content{flex-direction:column}.about-left-column,.about-right-column{width:100%}.about-right-column{margin-top:20px}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}}@media (max-width:768px){.about-container{padding:15px}.about-header{margin-bottom:30px}.about-title{font-size:32px}.title-accent{width:70px}.panel-title,.timeline-title{font-size:18px}.panel-icon,.timeline-icon{font-size:20px}.panel-text{font-size:15px}.timeline:before{left:8px}.timeline-marker{height:18px;left:-29px;width:18px}.marker-icon{font-size:10px}.timeline-item{margin-bottom:25px}.leadership-title,.timeline-title{font-size:17px}.leadership-subtitle,.timeline-subtitle{font-size:14px}}@media (max-width:576px){.about-left-column{gap:25px}.about-title{font-size:30px}.panel-header{padding:10px 15px}.panel-content{padding:15px}.skills-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}.skill-item{height:80px;padding:8px 5px}.skill-logo{height:25px;margin-bottom:6px;width:25px}.skill-name{font-size:12px}.leadership-list li,.timeline-details li{font-size:13px;padding-left:16px}.leadership-list li:before,.timeline-details li:before{font-size:15px}.timeline-content{padding:15px}.timeline-date{font-size:12px;padding:3px 8px}}@media (max-width:480px){.about-container{margin-top:60px;padding:10px}.about-header{margin-bottom:25px}.about-title{font-size:28px}.title-accent{width:60px}.panel-title,.timeline-title{font-size:17px}.panel-icon,.timeline-icon{font-size:18px}.skills-grid{gap:8px;grid-template-columns:repeat(auto-fill,minmax(65px,1fr))}.timeline{padding-left:25px}.timeline:before{left:7px}.timeline-marker{height:16px;left:-25px;width:16px}.marker-icon{font-size:9px}.timeline-item{margin-bottom:20px}.timeline-content:hover{transform:translateX(3px)}}@media (max-width:380px){.panel-header{padding:10px 12px}.panel-content{padding:12px}.panel-text{font-size:14px}.skills-grid{gap:6px;grid-template-columns:repeat(auto-fill,minmax(60px,1fr))}.skill-item{height:75px}.skill-logo{height:22px;width:22px}.skill-name{font-size:11px}.timeline-content{padding:12px}}.projects-wrapper{margin:70px auto 50px;max-width:1280px;padding:0 20px}.projects-header{margin-bottom:40px;text-align:center}.header-content{align-items:center;display:flex;gap:15px;justify-content:center;margin-bottom:10px}.projects-header h1{color:#fffffff2;font-size:36px;font-weight:700;letter-spacing:.5px;margin:0}.header-bar{background:linear-gradient(90deg,#4fc3f7,#9333ea);border-radius:2px;height:3px;margin:10px auto 0;width:80px}.category-tabs{display:flex;gap:20px;justify-content:center;margin-bottom:40px}.tab-item{align-items:center;background:#1e263c99;border:1px solid #4fc3f733;border-radius:12px;color:#ffffffd9;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:10px;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s ease}.tab-item:before{background:linear-gradient(45deg,#4fc3f71a,#9333ea1a);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.tab-item:hover:before{opacity:1}.tab-item.active{background:#161c2de6;box-shadow:0 0 20px #4fc3f726}.tab-item.active:after{background:linear-gradient(90deg,#4fc3f7,#9333ea);border:none;border-radius:3px 3px 0 0;bottom:0;content:"";height:3px;left:15%;position:absolute;width:70%}.tab-icon{color:#4fc3f7;font-size:20px}.projects-masonry{grid-gap:25px;display:grid;grid-auto-rows:minmax(100px,auto);grid-template-columns:repeat(12,1fr)}.project-tile{grid-column:span 4;grid-row:span 1;height:100%}.project-tile.featured{grid-column:span 6;grid-row:span 2}.project-inner{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#161c2db3;border:1px solid #4fc3f726;border-radius:16px;box-shadow:0 10px 30px #00000026,0 0 20px #4fc3f70d;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.project-inner:hover{border-color:#9333ea4d;box-shadow:0 15px 40px #0003,0 0 25px #4fc3f726;transform:translateY(-8px)}.project-image-wrapper{height:200px;overflow:hidden;position:relative}.featured .project-image-wrapper{height:260px}.project-image{height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.165,.84,.44,1);width:100%}.project-inner:hover .project-image{transform:scale(1.08)}.project-overlay{align-items:center;background:#161c2d80;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .4s ease;width:100%}.project-inner:hover .project-overlay{opacity:1}.project-link{align-items:center;background:#4fc3f7e6;border-radius:50%;color:#fff;display:flex;height:50px;justify-content:center;transform:translateY(20px);transition:all .3s cubic-bezier(.175,.885,.32,1.275);width:50px}.project-inner:hover .project-link{transform:translateY(0)}.project-link:hover{background:#9333eae6;transform:translateY(0) scale(1.1)}.link-icon{font-size:22px}.project-info{display:flex;flex:1 1;flex-direction:column;padding:20px}.project-title{color:#fffffff2;font-size:18px;font-weight:600;margin:0 0 10px;position:relative}.project-title:after{background:linear-gradient(90deg,#4fc3f7,#9333ea);border-radius:1px;bottom:-5px;content:"";height:2px;left:0;position:absolute;width:30px}.featured .project-title{font-size:22px}.project-description{color:#ffffffbf;flex:1 1;font-size:14px;line-height:1.6;margin:0 0 15px}.featured .project-description{font-size:15px}.project-tech{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.tech-tag{background:#1e263ccc;border:1px solid #4fc3f733;border-radius:6px;color:#fffc;display:inline-block;font-size:12px;padding:5px 10px;transition:all .2s ease}.tech-tag:hover{background:#4fc3f726;border-color:#4fc3f766;transform:translateY(-2px)}.project-inner:after{background:linear-gradient(90deg,#0000 98%,#4fc3f71a 0),linear-gradient(180deg,#0000 98%,#9333ea1a 0);background-size:30px 30px;border-radius:16px;content:"";height:100%;left:0;opacity:.05;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.project-link:focus{animation:pulse 1.5s infinite;outline:none}.empty-state{grid-column:span 12;padding:60px 20px;text-align:center}.empty-state-icon{color:#4fc3f780;font-size:48px;margin-bottom:20px}.empty-state-text{color:#ffffffb3;font-size:18px}.loading-spinner{align-items:center;display:flex;justify-content:center;min-height:300px}.spinner{animation:spin 1s linear infinite;border:4px solid #4fc3f733;border-radius:50%;border-top-color:#4fc3f7;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media screen and (max-width:1200px){.projects-masonry{grid-gap:20px}.project-tile{grid-column:span 6}.project-tile.featured{grid-column:span 6;grid-row:span 2}}@media screen and (max-width:992px){.projects-header h1{font-size:32px}.header-icon{font-size:28px}.tab-item{font-size:15px;padding:10px 20px}.featured .project-image-wrapper{height:220px}.project-image-wrapper{height:180px}}@media screen and (max-width:768px){.projects-wrapper{margin-top:60px;padding:0 15px}.projects-header{margin-bottom:30px}.projects-header h1{font-size:28px}.header-icon{font-size:24px}.header-bar{width:60px}.category-tabs{margin-bottom:30px}.tab-item{font-size:14px;padding:8px 16px}.projects-masonry{grid-gap:15px;grid-template-columns:repeat(6,1fr)}.project-tile{grid-column:span 6}.project-tile.featured{grid-column:span 6;grid-row:span 1}.featured .project-image-wrapper,.project-image-wrapper{height:200px}.featured .project-title{font-size:20px}.project-info{padding:15px}}@media screen and (max-width:576px){.projects-wrapper{margin-top:50px}.projects-header h1{font-size:24px}.header-icon{font-size:22px}.category-tabs{align-items:center;flex-direction:column;gap:10px;margin-bottom:25px}.tab-item{justify-content:center;max-width:240px;width:100%}.project-title{font-size:16px}.featured .project-title{font-size:18px}.project-description{font-size:13px}.featured .project-description{font-size:14px}.tech-tag{font-size:11px;padding:4px 8px}.featured .project-image-wrapper,.project-image-wrapper{height:180px}.project-link{height:45px;width:45px}.link-icon{font-size:20px}}@media screen and (max-width:380px){.projects-header h1{font-size:22px}.header-icon{font-size:20px}.project-info{padding:12px}.project-title{font-size:15px}.featured .project-title{font-size:17px}.project-description{font-size:12px;margin-bottom:12px}.tech-tag{font-size:10px;padding:3px 7px}.featured .project-image-wrapper,.project-image-wrapper{height:160px}}.project-link:focus,.tab-item:focus{outline:2px solid #4fc3f7;outline-offset:2px}.visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media (prefers-contrast:high){.project-inner{background:#000000e6;border:2px solid #fff}.project-description,.project-title,.tab-item,.tech-tag{color:#fff}.tab-item,.tech-tag{background:#000;border:2px solid #fff}}@media print{.projects-wrapper{margin:0;padding:0}.project-inner{border:1px solid #000;box-shadow:none;break-inside:avoid;page-break-inside:avoid}.project-image-wrapper{height:auto}.project-inner:after,.project-link,.project-overlay,.tab-item:after,.tab-item:before{display:none}.projects-masonry{display:block}.project-tile{margin-bottom:20px;page-break-inside:avoid}.project-description,.project-title,.tech-tag{color:#000}}.contact-wrapper{margin:70px auto 50px;max-width:1200px;padding:0 20px}.contact-container{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#161c2db3;border:1px solid #4fc3f726;border-radius:16px;box-shadow:0 20px 60px #0003,0 0 30px #4fc3f726;display:flex;height:calc(100vh - 170px);min-height:600px;overflow:hidden}.contact-visual-side{background:#141928e6;border-right:1px solid #4fc3f733;display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:40px;position:relative}.contact-header{margin-bottom:40px;text-align:center;z-index:2}.header-icon{color:#4fc3f7;font-size:32px;margin-bottom:15px}.contact-header h1{color:#fffffff2;font-size:32px;font-weight:700;letter-spacing:.5px;margin:0}.network-visualization{flex:1 1;position:relative;z-index:1}.node{background:#4fc3f7cc;border-radius:50%;box-shadow:0 0 20px #4fc3f780;position:absolute}.node-main{background:linear-gradient(135deg,#4fc3f7,#9333ea);box-shadow:0 0 30px #9333ea99;height:40px;width:40px;z-index:3}.node-main,.pulse{left:50%;top:50%;transform:translate(-50%,-50%)}.pulse{animation:pulse 2s infinite;background:#9333ea80;border-radius:50%;height:100%;opacity:0;position:absolute;width:100%}.node-1{height:20px;left:25%;top:20%;width:20px}.node-2{height:15px;left:20%;top:70%;width:15px}.node-3{height:25px;left:75%;top:30%;width:25px}.node-4{height:18px;left:70%;top:65%;width:18px}.connection{background:linear-gradient(90deg,#4fc3f799,#9333ea99);height:2px;position:absolute;z-index:2}.connection-1{animation:glow 4s infinite alternate;left:32%;top:25%;transform:rotate(15deg);width:120px}.connection-2{animation:glow 4s 1s infinite alternate;left:28%;top:65%;transform:rotate(-20deg);width:140px}.connection-3{animation:glow 4s 2s infinite alternate;right:25%;top:35%;transform:rotate(-25deg);width:100px}.connection-4{animation:glow 4s 3s infinite alternate;right:28%;top:60%;transform:rotate(15deg);width:130px}.contact-quick-links{margin-top:auto;z-index:2}.contact-info-item{align-items:center;color:#ffffffe6;display:flex;margin-bottom:15px}.contact-info-icon{color:#4fc3f7;font-size:20px;margin-right:12px}.contact-info-item p{font-size:14px;margin:0}.social-channels{display:flex;gap:15px;margin-top:20px;z-index:2}.social-link{align-items:center;background:#1e263ccc;border:1px solid #4fc3f74d;border-radius:50%;color:#4fc3f7;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.social-link:hover{background:#4fc3f733;box-shadow:0 5px 15px #4fc3f74d;transform:translateY(-5px)}.contact-visual-side:after{background:linear-gradient(90deg,#0000 98%,#4fc3f733 0),linear-gradient(180deg,#0000 98%,#4fc3f733 0);background-size:30px 30px;content:"";height:100%;left:0;opacity:.05;pointer-events:none;position:absolute;top:0;width:100%}.contact-form-side{align-items:center;display:flex;flex:1 1;justify-content:center;padding:40px}.form-container{max-width:500px;width:100%}.form-title{color:#fffffff2;display:inline-block;font-size:28px;font-weight:600;margin-bottom:30px;position:relative}.form-title:after{background:linear-gradient(90deg,#4fc3f7,#9333ea);border-radius:2px;bottom:-8px;content:"";height:3px;left:0;position:absolute;width:60px}.contact-form{width:100%}.form-group{margin-bottom:20px}.form-group label{color:#fffc;display:block;font-size:15px;font-weight:500;margin-bottom:8px}.form-group input,.form-group textarea{background:#1e263c99;border:1px solid #4fc3f733;border-radius:8px;color:#ffffffe6;font-size:15px;padding:12px 15px;resize:none none;transition:all .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#4fc3f780;box-shadow:0 0 15px #4fc3f726;outline:none}.form-group textarea{min-height:150px;resize:vertical}.submit-btn{align-items:center;background:linear-gradient(90deg,#4fc3f7,#9333ea);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;margin-top:10px;padding:14px;transition:all .3s ease;width:100%}.submit-btn:disabled{background:linear-gradient(90deg,#758195,#a491b8);cursor:not-allowed}.submit-btn:hover:not(:disabled){background:linear-gradient(90deg,#3db1e5,#822bd0);box-shadow:0 5px 15px #4fc3f74d}.send-icon{font-size:18px}.error-message,.success-message{align-items:center;border-radius:8px;display:flex;font-size:15px;margin-top:20px;padding:12px 15px}.success-message{background:#34d3991a;border:1px solid #34d3994d;color:#34d399e6}.error-message{background:#ef44441a;border:1px solid #ef44444d;color:#ef4444e6}.message-icon{font-size:20px;margin-right:10px}@keyframes pulse{0%{opacity:.6;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(2.5)}}@keyframes glow{0%{box-shadow:0 0 5px #4fc3f74d;opacity:.3}to{box-shadow:0 0 15px #9333ea80;opacity:.8}}@keyframes dataFlow{0%{background-position:0 0}to{background-position:100% 0}}.connection:before{animation:dataFlow 3s linear infinite;background:linear-gradient(90deg,#0000 0,#4fc3f7cc 50%,#0000);background-size:200% 100%;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.contact-info-item:hover .contact-info-icon{transform:scale(1.2);transition:transform .3s ease}.contact-info-item:hover p{color:#4fc3f7;transition:color .3s ease}.form-group input:focus,.form-group textarea:focus{border-color:#9333ea}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffffff80}@media screen and (max-width:1200px){.contact-container{height:auto;min-height:550px}.contact-form-side,.contact-visual-side{padding:30px}.form-container{max-width:450px}}@media screen and (max-width:992px){.contact-wrapper{margin-top:60px}.contact-header h1,.header-icon{font-size:28px}.form-title{font-size:24px}.form-title:after{width:50px}.node-main{height:35px;width:35px}.connection-1{width:100px}.connection-2{width:120px}.connection-3{width:90px}.connection-4{width:110px}}@media screen and (max-width:768px){.contact-container{flex-direction:column;height:auto}.contact-visual-side{border-bottom:1px solid #4fc3f733;border-right:none;min-height:350px;padding:30px 20px}.contact-header{margin-bottom:20px}.contact-header h1,.header-icon{font-size:24px}.header-icon{margin-bottom:10px}.contact-form-side{padding:30px 20px}.form-title{font-size:22px;margin-bottom:25px}.form-group label{font-size:14px}.form-group input,.form-group textarea{font-size:14px;padding:10px 12px;width:90%}.form-group textarea{min-height:120px}.submit-btn{font-size:15px;padding:12px}.contact-info-item{margin-bottom:10px}.contact-info-item p{font-size:13px}.contact-info-icon{font-size:18px}.social-link{height:36px;width:36px}.node-1{left:20%;top:25%}.node-3{left:70%;top:30%}.node-4{left:65%;top:60%}}@media screen and (max-width:576px){.contact-wrapper{margin-top:50px;padding:0 15px}.contact-visual-side{min-height:300px;padding:25px 15px}.contact-header h1,.header-icon{font-size:22px}.contact-form-side{padding:25px 15px}.form-title{font-size:20px}.form-group{margin-bottom:15px}.error-message,.success-message{font-size:14px;padding:10px 12px}.message-icon{font-size:18px}.connection-3,.connection-4{display:none}.node-1{height:15px;width:15px}.node-2{height:12px;width:12px}.node-3{height:18px;width:18px}.node-4{height:14px;width:14px}.node-main{height:30px;width:30px}}@media screen and (max-width:400px){.contact-visual-side{min-height:280px;padding:20px 12px}.contact-form-side{padding:20px 12px}.contact-header h1,.header-icon{font-size:20px}.form-title{font-size:18px;margin-bottom:20px}.form-title:after{height:2px;width:40px}.form-group input,.form-group textarea{font-size:13px;padding:8px 10px;width:90%}.submit-btn{font-size:14px;padding:10px}.send-icon{font-size:16px}.contact-info-item{margin-bottom:8px}.contact-info-item p{font-size:12px}.contact-info-icon{font-size:16px;margin-right:8px}.social-link{height:32px;width:32px}}.footer-container{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#161c2db3;border-top:1px solid #4fc3f726;box-shadow:0 -10px 30px #0003;margin-top:40px;padding:40px 20px}.footer-content{display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between;margin:0 auto;max-width:1100px}.footer-section{flex:1 1;min-width:200px}.footer-title{color:#ffffffe6;font-size:18px;font-weight:600;letter-spacing:.5px;margin-bottom:15px}.footer-nav{display:flex;flex-direction:column;gap:10px;list-style:none;padding:0}.footer-link{color:#fffc;font-size:15px;text-decoration:none;transition:color .3s ease}.footer-link:hover{color:#4fc3f7}.footer-social-links{display:flex;gap:15px}.footer-social-link{align-items:center;background:#172136d9;border:1px solid #4fc3f740;border-radius:8px;display:flex;height:42px;justify-content:center;transition:all .3s ease-in-out;width:42px}.footer-social-icon{color:#ffffffd9;font-size:20px;transition:color .3s ease}.footer-social-link:hover{background:#4fc3f726;border-color:#4fc3f766}.footer-social-link:hover .footer-social-icon{color:#4fc3f7}.footer-text{color:#ffffffb3;font-size:14px;margin:0}@media (max-width:768px){.footer-content{flex-direction:column;text-align:center}.footer-content,.footer-nav{align-items:center}.footer-social-links{justify-content:center}.footer-section{min-width:auto}}@media (max-width:576px){.footer-container{padding:30px 15px}.footer-title{font-size:16px}.footer-link{font-size:14px}.footer-text{font-size:13px}.footer-social-link{height:38px;width:38px}.footer-social-icon{font-size:18px}}
/*# sourceMappingURL=main.52582fdf.css.map*/