.newline{white-space:pre-wrap}#portfolio h1{font-size:2rem}.feature-item{margin-top:2.5em;padding-left:2em;padding-right:2em}.center,.feature-item{text-align:center}.warning{color:red}.modern-portfolio-section{animation:gradientShift 15s ease infinite;background:linear-gradient(135deg,#667eea,#764ba2 25%,#f093fb 50%,#f5576c 75%,#4facfe);background-size:300% 300%;min-height:100vh;overflow:hidden;padding:5rem 0;position:relative}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.floating-particles{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.particle{animation:float linear infinite;background:linear-gradient(45deg,#fff,#ff006e,#8338ec,#3a86ff);border-radius:50%;box-shadow:0 0 20px #ffffff80;height:6px;opacity:.7;position:absolute;width:6px}@keyframes float{0%{opacity:0;transform:translateY(100vh) rotate(0deg)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100px) rotate(1turn)}}.modern-portfolio-section:before{animation:aurora 20s ease-in-out infinite;background:radial-gradient(circle at 20% 30%,#ff6b6b4d 0,#0000 50%),radial-gradient(circle at 80% 70%,#4ecdc440 0,#0000 50%),radial-gradient(circle at 50% 50%,#45b7d133 0,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes aurora{0%,to{opacity:1;transform:rotate(0deg) scale(1)}50%{opacity:.8;transform:rotate(180deg) scale(1.1)}}.portfolio-main-container{margin:0 auto;max-width:1400px;padding:0 2rem;position:relative;z-index:1}.portfolio-header-section{animation:headerMagic 1.5s ease-out;margin-bottom:4rem;text-align:center}@keyframes headerMagic{0%{opacity:0;transform:translateY(50px) scale(.9)}50%{transform:translateY(-10px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}.header-badge{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:linear-gradient(135deg,#ffffff40,#ffffff1a);border:2px solid #ffffff4d;box-shadow:0 15px 35px #0003,inset 0 1px 0 #fff6;display:inline-block;font-weight:700;letter-spacing:3px;padding:.8rem 2.5rem;transition:all .4s ease}.main-portfolio-title{-webkit-text-fill-color:#0000;animation:titleGradient 8s ease infinite;background:linear-gradient(135deg,#fff,#ff006e 25%,#8338ec 50%,#3a86ff 75%,#fff);-webkit-background-clip:text;background-clip:text;background-size:300% 300%;font-size:clamp(3.5rem,5vw,5.5rem);font-weight:900;letter-spacing:-.03em;line-height:1.5;margin-bottom:1.5rem;text-shadow:0 10px 30px #0000004d}.portfolio-intro{color:#fffffff2;font-size:16px;font-weight:400;line-height:1.8;margin:0 auto;max-width:700px;text-shadow:0 2px 10px #0000004d}.portfolio-grid-container{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(600px,1fr));margin-top:2rem}.project-showcase-item{animation:itemReveal 1s ease-out both;transform-style:preserve-3d;transition:all .4s cubic-bezier(.4,0,.2,1)}.project-showcase-item:hover{transform:translateY(-15px) rotateX(5deg) rotateY(5deg)}@keyframes itemReveal{0%{filter:blur(10px);opacity:0;transform:translateY(60px) rotateX(30deg) scale(.8)}to{filter:blur(0);opacity:1;transform:translateY(0) rotateX(0deg) scale(1)}}.showcase-card{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#ffffff1a;border:2px solid #fff3;border-radius:25px;box-shadow:0 20px 50px #0000004d,inset 0 0 0 1px #ffffff1a;height:500px;overflow:hidden;position:relative;transform-style:preserve-3d;transition:all .5s cubic-bezier(.4,0,.2,1)}.card-glow{filter:blur(30px);height:200%;left:-50%;opacity:0;pointer-events:none;position:absolute;top:-50%;transition:opacity .5s ease;width:200%;z-index:-1}.showcase-card:hover .card-glow{animation:pulse 2s ease-in-out infinite;opacity:1}@keyframes pulse{0%,to{opacity:.6;transform:scale(.9)}50%{opacity:.9;transform:scale(1.1)}}.magic-border{animation:borderGradient 3s ease infinite;background:linear-gradient(45deg,#ff006e,#0000,#ff006e,#0000,#ff006e);background:linear-gradient(45deg,var(--project-color,#ff006e),#0000,var(--project-color,#ff006e),#0000,var(--project-color,#ff006e));background-size:300% 300%;border-radius:25px;bottom:0;left:0;opacity:0;padding:2px;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.showcase-card:hover .magic-border{opacity:1}@keyframes borderGradient{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.magic-border:before{background:inherit;border-radius:23px;bottom:2px;content:"";left:2px;position:absolute;right:2px;top:2px}.showcase-card:hover{background:#ffffff26;border-color:#fff6;border-color:var(--project-color,#fff6);box-shadow:0 30px 80px #0006,0 0 100px #ffffff4d,inset 0 0 0 1px #fff3;box-shadow:0 30px 80px #0006,0 0 100px var(--project-color,#ffffff4d),0 0 0 1px #fff3 inset;transform:translateZ(50px)}.showcase-card a{color:inherit;display:block;height:100%;position:relative;text-decoration:none;width:100%;z-index:1}.project-image-container{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);height:auto;overflow:hidden;position:relative;width:100%}.project-image{filter:brightness(.9) saturate(1.2);height:100%;object-fit:cover;transition:all .6s cubic-bezier(.4,0,.2,1);width:100%}.showcase-card:hover .project-image{filter:brightness(1.1) saturate(1.4);transform:scale(1.05)}.image-overlay{align-items:center;background:linear-gradient(135deg,#0000001a,#0000004d);bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:all .4s ease}.showcase-card:hover .image-overlay{opacity:1}.sparkles{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.sparkle{animation:sparkleFloat 2s ease-in-out infinite;color:#fff;color:var(--project-color,#fff);filter:drop-shadow(0 0 10px currentColor);position:absolute}@keyframes sparkleFloat{0%,to{opacity:0;transform:translateY(0) rotate(0deg) scale(0)}50%{opacity:1;transform:translateY(-20px) rotate(180deg) scale(1)}}.project-details-overlay{background:linear-gradient(180deg,#0000,#000000f2 30%);bottom:0;color:#fff;display:flex;flex-direction:column;height:30%;justify-content:space-between;left:0;padding:2rem;position:absolute;right:0}.showcase-card:hover .project-details-overlay{background:linear-gradient(180deg,#0000,#000000fa 20%)}.project-name{color:#fff;font-size:2rem;font-weight:800;line-height:1.2;margin-bottom:1rem;text-shadow:0 2px 10px #00000080}.showcase-card:hover .project-name{color:#fff;color:var(--project-color,#fff)}.project-description{color:#ffffffe6;font-size:14px;line-height:1.6;margin-bottom:1rem}.link-icon-wrapper{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:2px solid #ffffff4d;border-radius:15px;cursor:pointer;display:flex;height:50px;justify-content:center;transition:all .4s ease;width:50px}.link-icon-wrapper:hover{box-shadow:0 10px 30px #0006;transform:scale(1.2) rotate(45deg)}.link-arrow{transition:all .3s ease}.link-icon-wrapper:hover .link-arrow{transform:rotate(-45deg)}.project-showcase-item:first-child{animation-delay:.1s}.project-showcase-item:nth-child(2){animation-delay:.2s}.project-showcase-item:nth-child(3){animation-delay:.3s}.project-showcase-item:nth-child(4){animation-delay:.4s}.project-showcase-item:nth-child(5){animation-delay:.5s}.project-showcase-item:nth-child(6){animation-delay:.6s}@media (max-width:1200px){.portfolio-grid-container{gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}}@media (max-width:900px){.portfolio-grid-container{gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.showcase-card{height:450px}}@media (max-width:768px){.portfolio-main-container{padding:0 1.5rem}.portfolio-grid-container{gap:1.8rem;grid-template-columns:1fr}.showcase-card{height:420px}.project-details-overlay{padding:1.5rem}}@media (max-width:480px){.main-portfolio-title{font-size:2.2rem}.showcase-card{height:380px}.project-details-overlay{padding:1.2rem}.project-name{font-size:1.3rem}.project-description{-webkit-line-clamp:2;font-size:.9rem}}.showcase-card a:focus{border-radius:25px;outline:3px solid #ff006e;outline:3px solid var(--project-color,#ff006e);outline-offset:6px}@media (prefers-contrast:high){.showcase-card{background:#000c;border:3px solid #fff}.project-description,.project-name{color:#fff}}.showcase-card{cursor:none}.custom-cursor{background:#ff006e;background:var(--project-color,#ff006e);border-radius:50%;height:20px;opacity:0;pointer-events:none;position:fixed;transition:all .1s ease;width:20px;z-index:9999}.showcase-card:hover{cursor:none}.showcase-card:hover .custom-cursor{opacity:1;transform:scale(1.5)}.contact-section-container{animation:gradientFlow 20s ease infinite;background:linear-gradient(135deg,#667eea,#764ba2 25%,#f093fb 50%,#f5576c 75%,#4facfe)!important;background-size:400% 400%;min-height:100vh;overflow:hidden;padding:6rem 0;position:relative;z-index:1}.floating-elements{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:2}@keyframes gradientFlow{0%,to{background-position:0 50%}25%{background-position:100% 50%}50%{background-position:100% 100%}75%{background-position:0 100%}}.floating-element{animation:floatAround 20s linear infinite;background:linear-gradient(45deg,#ffffff1a,#ffffff4d);border-radius:50%;position:absolute}@keyframes floatAround{0%{opacity:0;transform:translateY(100vh) rotate(0deg)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100px) rotate(1turn)}}.contact-container{margin:0 auto;max-width:1400px;padding:0 2rem;position:relative;z-index:1}.contact-header{animation:headerSlideIn 1s ease-out;margin-bottom:4rem;text-align:center}@keyframes headerSlideIn{0%{opacity:0;transform:translateY(50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.header-badge{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff26;border:2px solid #fff3;border-radius:50px;box-shadow:0 15px 35px #0003;color:#fff;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;letter-spacing:2px;margin-bottom:2rem;overflow:hidden;padding:.8rem 2rem;position:relative;text-transform:uppercase}.header-badge:before{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shimmer{0%{left:-100%}to{left:100%}}.contact-title{-webkit-text-fill-color:#0000;animation:titleGradient 8s ease infinite;background:linear-gradient(135deg,#fff,#ff006e 25%,#8338ec 50%,#3a86ff 75%,#fff);-webkit-background-clip:text;background-clip:text;background-size:300% 300%;font-size:clamp(5rem,10vw,8rem);font-weight:900;letter-spacing:-.02em;line-height:1.5;margin-bottom:1.5rem}@keyframes titleGradient{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.contact-subtitle{color:#ffffffe6;font-size:2rem;line-height:1.6;margin:0 auto 2rem;max-width:600px}.contact-content{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin-top:4rem}.contact-form-section{animation:slideInLeft 1s ease-out .3s both;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#ffffff1a;border:2px solid #fff3;border-radius:25px;box-shadow:0 25px 50px #0003;height:-webkit-fit-content;height:fit-content;padding:3rem}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}.form-title{align-items:center;color:#fff;display:flex;font-size:2rem;font-weight:800;gap:1rem;margin-bottom:1.5rem}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{position:relative}.form-input,.form-textarea{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#414141cc!important;border:2px solid #fff3;border-radius:15px;color:#fff;font-size:1.8rem;padding:1.2rem 1.5rem;transition:all .3s ease;width:100%}.form-input:focus,.form-textarea:focus{background:#ffffff26;border-color:#0000;box-shadow:0 0 30px #ff006e4d;outline:none}.form-input::placeholder,.form-textarea::placeholder{color:#fff9}.form-textarea{min-height:120px;resize:vertical}.form-label{color:#fff;display:block;font-size:1.6rem;font-weight:600;margin-bottom:.5rem}.submit-button{align-items:center;background:linear-gradient(135deg,#ff006e,#8338ec 50%,#3a86ff);border:none;border-radius:15px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;gap:.8rem;justify-content:center;overflow:hidden;padding:1.2rem 2.5rem;position:relative;transition:all .3s ease}.submit-button:hover{box-shadow:0 15px 40px #ff006e66;transform:translateY(-3px)}.submit-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.submit-button:hover:before{left:100%}.submit-button:disabled{cursor:not-allowed;opacity:.7}.form-status{align-items:center;border-radius:10px;display:flex;font-weight:600;gap:.5rem;margin-top:1rem;padding:1rem}.form-status.success{background:#4caf5033;border:1px solid #4caf504d;color:#4caf50}.form-status.error{background:#f4433633;border:1px solid #f443364d;color:#f44336}.contact-info-section{animation:slideInRight 1s ease-out .3s both;display:flex;flex-direction:column;gap:2rem}@keyframes slideInRight{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}.contact-methods{grid-gap:1.5rem;display:grid;gap:1.5rem}.contact-method{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#ffffff1a;border:2px solid #fff3;border-radius:20px;cursor:pointer;overflow:hidden;padding:2rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.contact-method:hover{box-shadow:0 20px 40px #0000004d;transform:translateY(-8px) scale(1.02)}.contact-method:before{background:linear-gradient(135deg,#ff006e,#0000);background:linear-gradient(135deg,var(--method-color,#ff006e),#0000);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.contact-method:hover:before{opacity:.1}.contact-method-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.contact-method-icon{align-items:center;background:#ff006e;background:var(--method-color,#ff006e);border-radius:8px;box-shadow:0 10px 25px #0003;color:#fff;display:flex;height:32px;justify-content:center;transition:transform .3s ease;width:32px}.contact-method:hover .contact-method-icon{transform:rotate(10deg) scale(1.1)}.contact-method-title{color:#fff;font-size:2.4rem;font-weight:700;margin:0}.contact-method-value{color:#000;font-size:2rem;font-weight:600;margin-bottom:.5rem;word-break:break-all}.contact-method-description{color:#ffffffb3;font-size:1.4rem;line-height:1.1}.social-links{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#ffffff1a;border:2px solid #fff3;border-radius:20px;padding:2rem}.social-title{align-items:center;color:#fff;display:flex;font-size:1.5rem;font-weight:800;gap:.8rem;margin-bottom:1.5rem}.social-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.social-link{background:#ffffff1a;border:1px solid #fff3;border-radius:15px;color:#fff;overflow:hidden;padding:1.5rem 1rem;position:relative;text-align:center;text-decoration:none;transition:all .4s ease}.social-link:hover{background:#fff3;background:var(--social-color,#fff3);border-color:#fff6;border-color:var(--social-color,#fff6);box-shadow:0 15px 30px #0000004d;transform:translateY(-5px)}.social-icon{color:#fff;color:var(--social-color,#fff);height:32px;margin:0 auto .4rem;transition:transform .3s ease;width:32px}.social-link:hover .social-icon{transform:scale(1.2) rotate(5deg)}.social-name{font-size:12px;font-weight:600;text-transform:capitalize}@media (max-width:1024px){.contact-content{gap:3rem;grid-template-columns:1fr}}@media (max-width:768px){.contact-container{padding:0 1.5rem}.contact-form-section,.social-links{padding:2rem}.contact-method{padding:1.5rem}.social-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:480px){.contact-title{font-size:2.5rem}.contact-form-section,.social-links{padding:1.5rem}.social-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.contact-method:focus,.form-input:focus,.form-textarea:focus,.social-link:focus{outline:3px solid #ff006e99;outline-offset:2px}
/*# sourceMappingURL=main.8aab804b.css.map*/