.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:9999;padding:20px;opacity:0;visibility:hidden;transition:all .3s ease-in-out}.modal-overlay.show{opacity:1;visibility:visible}.modal-content{background:var(--bg-secondary);border-radius:var(--radius-12);max-width:800px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:var(--shadow-1);transform:scale(.7);opacity:0;transition:all .3s ease-in-out}.modal-overlay.show .modal-content{transform:scale(1);opacity:1}.modal-close{position:absolute;top:15px;right:15px;background:var(--raw-seinna);border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;color:var(--white);font-size:20px;transition:var(--transition-1)}.modal-close:hover{background:var(--sizzling-sunrise)}.modal-image{width:100%;height:300px;overflow:hidden;border-radius:var(--radius-12) var(--radius-12) 0 0}.modal-image img{width:100%;height:100%;object-fit:cover}.modal-info{padding:20px;display:flex;flex-direction:column;height:100%;max-height:calc(90vh - 300px)}.modal-title{color:var(--color-primary);font-family:var(--ff-poppins);font-size:var(--fs-3);margin-bottom:0;flex-shrink:0}.modal-date{color:var(--color-secondary);font-size:var(--fs-6);margin-bottom:10px;display:block;flex-shrink:0}.modal-skills{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;flex-shrink:0}.skill-tab{display:inline-block;padding:5px 16px;border-radius:25px;font-size:11px;font-weight:600;text-transform:none;letter-spacing:.3px;box-shadow:0 3px 8px rgba(0,0,0,.15);transition:all .3s ease;position:relative;overflow:hidden;cursor:pointer;border:none}.skill-tab:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.05));opacity:0;transition:opacity .3s ease}.skill-tab:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,.25)}.skill-tab:hover:before{opacity:1}.skill-tab:active{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.modal-description{color:var(--color-secondary);line-height:1.8;font-size:var(--fs-5);margin-bottom:25px;flex:1 1;overflow-y:auto;padding-right:10px}.modal-description::-webkit-scrollbar{width:6px}.modal-description::-webkit-scrollbar-track{background:transparent;border-radius:3px}.modal-description::-webkit-scrollbar-thumb{background:var(--raw-seinna);border-radius:3px;-webkit-transition:background .3s ease;transition:background .3s ease}.modal-description::-webkit-scrollbar-thumb:hover{background:var(--sizzling-sunrise)}.modal-description{scrollbar-width:thin;scrollbar-color:var(--raw-seinna) transparent}.modal-links{display:flex;gap:15px;flex-wrap:wrap;flex-shrink:0;margin-top:auto}.modal-link{display:flex;align-items:center;gap:8px;padding:5px 15px;border-radius:var(--radius-8);text-decoration:none;font-weight:500;font-size:var(--fs-6);transition:all .3s ease;border:2px solid transparent}.visit-link{background:var(--raw-seinna);color:var(--white)}.visit-link:hover{background:var(--sizzling-sunrise);transform:translateY(-2px);box-shadow:0 4px 12px hsla(0,100%,71%,.3)}.repo-link{background:var(--bg-primary);color:var(--color-primary);border-color:var(--raw-seinna)}.repo-link:hover{background:var(--raw-seinna);color:var(--white);transform:translateY(-2px);box-shadow:0 4px 12px hsla(0,100%,71%,.3)}.modal-link svg{font-size:16px}@media (max-width:768px){.modal-content{margin:10px;max-height:95vh}.modal-info{padding:20px;max-height:calc(95vh - 200px)}.modal-image{height:200px}.modal-skills{gap:8px}.skill-tab{padding:6px 14px;font-size:12px}.modal-links{flex-direction:column;gap:10px}.modal-link{justify-content:center;padding:10px 16px}.ai-statement-left-absolute,.ai-statement-right-absolute{top:40%;left:2%;right:2%;max-width:45%}.ai-label{font-size:2.5rem;margin-bottom:8px;background:linear-gradient(135deg,#ff6b9d,#ff8e53);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 4px rgba(255,107,157,.4)}.ai-value{font-size:3.5rem;letter-spacing:1px;background:linear-gradient(135deg,#00d4ff,#ff6b9d,#ffd93d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 3px 6px rgba(0,0,0,.5)}.ai-statement-left-absolute{animation:fadeInSlide .8s ease-out .2s forwards,floatRotateLeftMobile 6s ease-in-out infinite;transform:translateY(-50%) rotate(-8deg)}.ai-statement-right-absolute{animation:fadeInSlide .8s ease-out .4s forwards,floatRotateRightMobile 6s ease-in-out infinite;transform:translateY(-50%) rotate(8deg)}}@keyframes floatRotateLeftMobile{0%,to{transform:translateY(-50%) translateX(0) rotate(-8deg)}25%{transform:translateY(-50%) translateX(-8px) rotate(-6deg)}50%{transform:translateY(-50%) translateX(-5px) rotate(-10deg)}75%{transform:translateY(-50%) translateX(-3px) rotate(-7deg)}}@keyframes floatRotateRightMobile{0%,to{transform:translateY(-50%) translateX(0) rotate(8deg)}25%{transform:translateY(-50%) translateX(8px) rotate(6deg)}50%{transform:translateY(-50%) translateX(5px) rotate(10deg)}75%{transform:translateY(-50%) translateX(3px) rotate(7deg)}}@import url("https://fonts.googleapis.com/css2?family=Patrick+Hand&family=Fredoka+One&display=swap");:root{--raw-seinna:#e38445;--sizzling-sunrise:#f9d81a;--scarlet:#eb3705;--black:#000;--white:#fff;--ff-saira-stencil-one:"Saira Stencil One",sans-serif;--ff-poppins:"Poppins",sans-serif;--ff-roboto:"Roboto",sans-serif;--fs-1:2rem;--fs-2:calc(1.813rem + 1vw);--fs-3:calc(1.313rem + 1vw);--fs-4:1.4rem;--fs-5:1rem;--fs-6:0.813rem;--fs-7:0.75rem;--fw-400:400;--fw-700:700;--transition-1:0.25s ease-in-out;--section-padding:80px;--radius-4:4px;--radius-8:8px;--radius-12:12px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--raw-seinna);border-radius:5px;-webkit-transition:background .3s ease;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:var(--sizzling-sunrise)}html{scrollbar-width:thin;scrollbar-color:var(--raw-seinna) transparent}.App{position:relative;z-index:1}.App .container,.App main{position:relative;z-index:2}.App .container>*{position:relative;z-index:3;backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px)}.card,.project-card{background:hsla(0,0%,100%,.05)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;border:1px solid hsla(0,0%,100%,.1)!important;box-shadow:0 8px 32px rgba(0,0,0,.3)!important}.skill-card{background:#fff!important;padding:10px}.skill-card,.testimonial-card{backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;border:1px solid hsla(0,0%,100%,.1)!important;box-shadow:var(--shadow-1)!important}.testimonial-card{background:var(--bg-secondary)!important}.App .container h1,.App .container h2,.App .container h3,.App .container h4,.App .container h5,.App .container h6{text-shadow:0 2px 4px rgba(0,0,0,.5)}.App .container p{text-shadow:0 1px 2px rgba(0,0,0,.3)}body.dark_theme::-webkit-scrollbar-thumb{background:var(--raw-seinna)}body.dark_theme::-webkit-scrollbar-thumb:hover{background:var(--sizzling-sunrise)}body.dark_theme{scrollbar-color:var(--raw-seinna) transparent}body.light_theme::-webkit-scrollbar-thumb{background:var(--raw-seinna)}body.light_theme::-webkit-scrollbar-thumb:hover{background:var(--sizzling-sunrise)}body.light_theme{scrollbar-color:var(--raw-seinna) transparent}body.dark_theme{--bg-primary:#1f1f1f;--bg-secondary:#303030;--color-primary:#fff;--color-secondary:#9e9e9e;--card-shadow:rgba(0,0,0,.4);--input-bg:#292929;--shadow-1:10px 10px 40px var(--card-shadow)}body.light_theme{--bg-primary:#e6e6e6;--bg-secondary:#fff;--color-primary:#1f1f1f;--color-secondary:#5e5e5e;--card-shadow:rgba(0,0,0,.1);--input-bg:#ededed;--shadow-1:10px 10px 40px var(--card-shadow)}*,:after,:before{margin:0;padding:0;box-sizing:border-box}li{list-style:none}a{text-decoration:none}a,button,img,input,ion-icon,label,select,span,textarea,time{display:block}button,input,select,textarea{background:none;border:none;font:inherit}button,select{cursor:pointer}input,textarea{width:100%}ion-icon{pointer-events:none}:is(a,button,select){outline-color:var(--scarlet);outline-offset:3px}::selection{background:var(--color-primary);color:var(--bg-primary)}html{font-family:var(--ff-roboto);scroll-behavior:smooth;height:100%}body{background:var(--bg-primary);transition:var(--transition-1);min-height:100vh;display:flex;flex-direction:column}body.active{overflow:hidden}.App{min-height:100vh;display:flex;flex-direction:column}.container{padding-inline:10px}.h1{font-size:var(--fs-1);line-height:1.2;font-weight:400}.h2,.h3,.h4{color:var(--color-primary);font-family:var(--ff-poppins);line-height:1.2}.h2{font-size:var(--fs-2)}.h3{font-size:var(--fs-3)}.h4{font-size:var(--fs-5)}.w-100{width:100%}.w-140{width:140%}.btn{max-width:max-content;color:var(--color-primary);font-weight:var(--fw-700);text-transform:uppercase;letter-spacing:.5px;padding:10px 25px;border:1px solid transparent;border-radius:var(--radius-4);transition:var(--transition-1)}.btn-primary{border-color:var(--color-primary)}.btn-primary:is(:hover,:focus){background:var(--color-primary);color:var(--bg-primary)}.btn-secondary{background:var(--raw-seinna);border-color:var(--raw-seinna);color:var(--color-primary)}.btn-secondary:is(:hover,:focus){--raw-seinna:#e7965f}.section-subtitle{position:relative;color:var(--color-secondary);text-transform:uppercase;padding-bottom:5px;margin-bottom:20px}.section-subtitle:after{content:"";position:absolute;top:100%;left:0;width:60px;height:2px;background:var(--color-secondary)}.section-title{max-width:350px;margin-bottom:30px}.section-text{color:var(--color-secondary);line-height:1.8;margin-bottom:30px}.bright-text{color:var(--raw-seinna)}.bright-text,.colorized-text{display:inline;font-weight:700;font-size:calc(1em + 2px)}.colorized-text{background:linear-gradient(90deg,#f0c,#33f,#0ff,#39ff14,#ff0,#f60,red);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;text-shadow:0 0 5px hsla(0,0%,100%,.6),0 0 10px hsla(0,0%,100%,.6),0 0 20px hsla(0,0%,100%,.5)}.tooltip{position:absolute;top:-40px;background:var(--raw-seinna);min-width:max-content;color:var(--white);font-size:15px;font-weight:var(--fw-700);padding:5px 10px;border-radius:var(--radius-4);box-shadow:var(--shadow-1);transform:translateY(-10px);opacity:0;pointer-events:none;z-index:10}.header,.tooltip{transition:var(--transition-1)}.header{padding-block:15px;position:fixed;top:0;left:0;width:100%;z-index:4}.header.active{padding-block:12px;background:var(--bg-secondary);box-shadow:var(--shadow-1)}.header .container{display:flex;justify-content:space-between;align-items:center;gap:10px}.logo{position:relative;min-width:77px;z-index:2}.logo a{color:var(--color-primary);font-family:var(--ff-saira-stencil-one)}.logo span{display:inline-block;color:var(--raw-seinna);margin-left:2px}.navbar-actions{display:flex;align-items:center;gap:15px;margin-left:auto}.navbar-actions select{color:var(--color-primary);width:45px}.navbar-actions option{background:var(--bg-primary);color:var(--color-primary)}.theme-btn{padding:4px;width:48px;background:var(--bg-secondary);border-radius:100px;transition:var(--transition-1)}.header.active .theme-btn{background:var(--bg-primary)}.theme-btn .icon{position:relative;left:0;width:20px;height:20px;border-radius:50px;box-shadow:inset 9px -6px var(--color-primary);transition:var(--transition-1)}.theme-btn.active .icon{left:20px;box-shadow:inset 20px -20px var(--sizzling-sunrise)}.nav-toggle-btn{position:relative;transform:rotate(-55deg);transition:var(--transition-1);z-index:2}.nav-toggle-btn.active{transform:rotate(-45deg)}.nav-toggle-btn span{width:20px;height:2px;background:var(--color-primary);margin:5px;transition:var(--transition-1)}.nav-toggle-btn :is(.one,.three){width:10px}.nav-toggle-btn .one{margin-left:auto;transform-origin:left}.nav-toggle-btn .three{transform-origin:right}.nav-toggle-btn.active .one{transform:rotate(90deg) translateX(-3px)}.nav-toggle-btn.active .three{transform:rotate(90deg) translateX(3px)}.navbar{position:fixed;background:var(--bg-secondary);top:100%;left:0;width:100%;height:100%;display:grid;place-items:center;visibility:hidden;transition:.75s cubic-bezier(.71,.01,.24,.99);transition-delay:.5s;z-index:1}.navbar.active{top:0;visibility:visible;transition-delay:0s}.navbar-list>li{margin-block:20px;padding-inline:50px;overflow:hidden}.navbar-link{position:relative;width:max-content;margin-inline:auto;color:var(--color-primary);font-family:var(--ff-poppins);font-size:var(--fs-1);padding:10px;transform:translateY(50px);transition:.75s cubic-bezier(.68,-.55,.27,2)}.navbar.active .navbar-link{transform:translateY(0);transition-delay:.5s}.navbar-link:before{content:"";position:absolute;top:50%;transform:translateY(-50%);left:0;height:5px;width:0;background:var(--raw-seinna);transition:var(--transition-1)}.navbar-link:is(:hover,:focus):before{width:100%}main{overflow-x:hidden;flex:1 1}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:115px;margin-bottom:var(--section-padding)}.hero-banner{max-width:500px;width:125%;margin-bottom:30px}:is(.hero-social-list,.scroll-down){display:none}.hero-content{max-width:550px}.hero-content p{display:inline;color:var(--raw-seinna);font-size:60px}.hero-title{text-align:center;margin-bottom:30px}.hero .btn-primary{margin-inline:auto}.ai-statement-left-absolute{left:5%;animation:fadeInSlide .8s ease-out .2s forwards,floatRotateLeft 6s ease-in-out infinite,sparkleLeft 3s ease-in-out infinite}.ai-statement-right-absolute{right:5%;animation:fadeInSlide .8s ease-out .4s forwards,floatRotateRight 6s ease-in-out infinite,sparkleRight 3s ease-in-out infinite}@keyframes sparkleLeft{0%,to{filter:drop-shadow(0 0 20px rgba(255,107,157,.3)) drop-shadow(0 0 40px rgba(0,212,255,.2)) drop-shadow(0 0 60px rgba(255,217,61,.1))}25%{filter:drop-shadow(0 0 30px rgba(255,107,157,.5)) drop-shadow(0 0 50px rgba(0,212,255,.4)) drop-shadow(0 0 70px rgba(255,217,61,.3))}50%{filter:drop-shadow(0 0 25px rgba(255,107,157,.4)) drop-shadow(0 0 45px rgba(0,212,255,.3)) drop-shadow(0 0 65px rgba(255,217,61,.2))}75%{filter:drop-shadow(0 0 35px rgba(255,107,157,.6)) drop-shadow(0 0 55px rgba(0,212,255,.5)) drop-shadow(0 0 75px rgba(255,217,61,.4))}}@keyframes sparkleRight{0%,to{filter:drop-shadow(0 0 20px rgba(255,107,157,.3)) drop-shadow(0 0 40px rgba(0,212,255,.2)) drop-shadow(0 0 60px rgba(255,217,61,.1))}25%{filter:drop-shadow(0 0 35px rgba(255,107,157,.6)) drop-shadow(0 0 55px rgba(0,212,255,.5)) drop-shadow(0 0 75px rgba(255,217,61,.4))}50%{filter:drop-shadow(0 0 25px rgba(255,107,157,.4)) drop-shadow(0 0 45px rgba(0,212,255,.3)) drop-shadow(0 0 65px rgba(255,217,61,.2))}75%{filter:drop-shadow(0 0 30px rgba(255,107,157,.5)) drop-shadow(0 0 50px rgba(0,212,255,.4)) drop-shadow(0 0 70px rgba(255,217,61,.3))}}.ai-label{font-size:6.25rem;color:#ff6b9d;opacity:.95;text-shadow:0 3px 6px rgba(255,107,157,.4);background:var(--color-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ai-value{font-size:12.5rem;animation:scaleIn .6s ease-out .6s forwards,sparkleText 4s ease-in-out infinite;text-shadow:0 2px 4px rgba(0,0,0,.8),0 4px 8px rgba(0,0,0,.6),0 8px 16px rgba(0,0,0,.4);background:linear-gradient(135deg,#00d4ff,#00b8e6 25%,#ff6b9d 50%,#ff8e53 75%,#ffd93d);filter:drop-shadow(0 0 4px rgba(255,107,157,.6)) drop-shadow(0 0 8px rgba(0,212,255,.4)) drop-shadow(0 0 12px rgba(255,217,61,.3));-webkit-text-stroke:1px hsla(0,0%,100%,.3);text-stroke:1px hsla(0,0%,100%,.3)}.sparkle-container:after,.sparkle-container:before{content:"";position:absolute;background:#fff;border-radius:50%;box-shadow:0 0 3px #fff,0 0 6px #fff;animation:sparkleFloat 3s ease-in-out infinite;filter:drop-shadow(0 0 1px white)}.sparkle-container:before{animation-delay:0s}.sparkle-container:after{animation-delay:1.5s}.sparkle-container{position:relative}.sparkle-container:before{top:15%;left:20%;width:3px;height:3px;animation:sparkleFloat 3s ease-in-out infinite}.sparkle-container:after,.sparkle-container:before{content:"";position:absolute;background:#fff;border-radius:50%;box-shadow:0 0 6px #fff,0 0 12px #fff,0 0 18px #fff;filter:drop-shadow(0 0 3px white) drop-shadow(0 0 6px white);z-index:3}.sparkle-container:after{top:35%;right:25%;width:2.5px;height:2.5px;animation:sparkleFloat 3s ease-in-out 1.5s infinite}.sparkle-container{background-image:radial-gradient(circle at 25% 30%,#fff 2px,transparent 0),radial-gradient(circle at 75% 40%,#fff 1.5px,transparent 0),radial-gradient(circle at 45% 70%,#fff 2.2px,transparent 0),radial-gradient(circle at 85% 20%,#fff 1.8px,transparent 0),radial-gradient(circle at 15% 80%,#fff 2.5px,transparent 0),radial-gradient(circle at 65% 60%,#fff 1.7px,transparent 0),radial-gradient(circle at 35% 15%,#fff 2.1px,transparent 0),radial-gradient(circle at 95% 75%,#fff 1.9px,transparent 0),radial-gradient(circle at 55% 85%,#fff 2.3px,transparent 0),radial-gradient(circle at 5% 45%,#fff 1.6px,transparent 0);animation:sparkleContainerFloat 4s ease-in-out infinite;filter:drop-shadow(0 0 2px white) drop-shadow(0 0 4px white)}.ai-value:before,.sparkle-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2;background-size:100% 100%}.ai-value:before{content:"";background-image:radial-gradient(circle at 20% 25%,#fff 1.5px,transparent 0),radial-gradient(circle at 60% 15%,#fff 1.8px,transparent 0),radial-gradient(circle at 80% 45%,#fff 1px,transparent 0),radial-gradient(circle at 40% 65%,#fff 2px,transparent 0),radial-gradient(circle at 70% 75%,#fff 1.2px,transparent 0),radial-gradient(circle at 25% 85%,#fff 1.6px,transparent 0),radial-gradient(circle at 55% 35%,#fff 1.4px,transparent 0),radial-gradient(circle at 85% 20%,#fff 1.3px,transparent 0),radial-gradient(circle at 15% 50%,#fff 1.7px,transparent 0),radial-gradient(circle at 75% 60%,#fff 1.1px,transparent 0);animation:sparkleBackground 4s ease-in-out infinite;filter:drop-shadow(0 0 1px white) drop-shadow(0 0 2px white)}@keyframes sparkleBackground{0%,to{opacity:.3;transform:scale(1)}25%{opacity:.7;transform:scale(1.1)}50%{opacity:.5;transform:scale(.9)}75%{opacity:.8;transform:scale(1.05)}}@keyframes sparkleFloat{0%,to{opacity:.2;transform:translateY(0) scale(.5)}25%{opacity:.8;transform:translateY(-8px) scale(1.2)}50%{opacity:.4;transform:translateY(-4px) scale(.8)}75%{opacity:.9;transform:translateY(-12px) scale(1.5)}}@keyframes sparkleText{0%,to{filter:drop-shadow(0 0 4px rgba(255,107,157,.6)) drop-shadow(0 0 8px rgba(0,212,255,.4)) drop-shadow(0 0 12px rgba(255,217,61,.3))}25%{filter:drop-shadow(0 0 6px rgba(255,107,157,.7)) drop-shadow(0 0 10px rgba(0,212,255,.5)) drop-shadow(0 0 14px rgba(255,217,61,.4))}50%{filter:drop-shadow(0 0 5px rgba(255,107,157,.6)) drop-shadow(0 0 9px rgba(0,212,255,.4)) drop-shadow(0 0 13px rgba(255,217,61,.3))}75%{filter:drop-shadow(0 0 7px rgba(255,107,157,.8)) drop-shadow(0 0 11px rgba(0,212,255,.6)) drop-shadow(0 0 15px rgba(255,217,61,.5))}}.ai-statement-left-absolute,.ai-statement-right-absolute{position:absolute;top:40%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;text-align:center;z-index:10;opacity:0;font-display:swap;cursor:default}.ai-statement-left-absolute{left:0;top:42%;animation:fadeInSlide .8s ease-out .2s forwards,floatRotateLeft 6s ease-in-out infinite;transform:translateY(-50%) rotate(-10deg)}.ai-statement-right-absolute{right:0;animation:fadeInSlide .8s ease-out .4s forwards,floatRotateRight 6s ease-in-out infinite;transform:translateY(-50%) rotate(10deg)}.ai-label{font-size:2.25rem;color:var(--color-secondary);font-weight:600;margin-bottom:5px;opacity:.9;transform:translateY(20px);animation:slideUp .6s ease-out .3s forwards;font-family:Patrick Hand,Comic Sans MS,cursive;font-style:normal;text-shadow:0 2px 4px rgba(0,0,0,.3)}.ai-value{font-size:3.5rem;color:var(--raw-seinna);font-weight:700;text-transform:uppercase;letter-spacing:2px;position:relative;transition:all .4s ease;transform:scale(.8);animation:scaleIn .6s ease-out .6s forwards;font-family:Fredoka One,Comic Sans MS,cursive;text-transform:none;letter-spacing:1px;text-shadow:0 6px 12px rgba(0,0,0,.5);background:linear-gradient(135deg,#00d4ff,#ff6b9d,#ffd93d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ai-value:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:0;height:4px;background:linear-gradient(90deg,#00d4ff,#ff6b9d,#ffd93d);transition:width .4s ease;border-radius:4px;box-shadow:0 0 15px rgba(0,212,255,.4)}.ai-statement-left-absolute:hover .ai-value,.ai-statement-right-absolute:hover .ai-value{transform:scale(1.15) rotate(3deg);text-shadow:0 0 30px hsla(0,100%,71%,.8);transition:all .5s cubic-bezier(.175,.885,.32,1.275);background:linear-gradient(135deg,var(--sizzling-sunrise),var(--raw-seinna),var(--scarlet));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ai-statement-left-absolute:hover .ai-value:after,.ai-statement-right-absolute:hover .ai-value:after{width:100%;height:4px;background:linear-gradient(90deg,var(--raw-seinna),var(--sizzling-sunrise),var(--scarlet));transition:all .5s ease;box-shadow:0 0 15px hsla(0,100%,71%,.5)}.ai-statement-left-absolute:hover .ai-label,.ai-statement-right-absolute:hover .ai-label{color:var(--raw-seinna);transform:translateY(0) scale(1.15);transition:all .4s ease;text-shadow:0 0 15px hsla(0,100%,71%,.4)}.ai-statement-left-absolute:hover,.ai-statement-right-absolute:hover{animation-play-state:paused;filter:drop-shadow(0 0 20px rgba(255,107,107,.3));cursor:default}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(-50%) translateX(-50px)}to{opacity:1;transform:translateY(-50%) translateX(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{transform:scale(.8)}to{transform:scale(1)}}@keyframes floatRotateLeft{0%,to{transform:translateY(-50%) translateX(0) rotate(-10deg)}25%{transform:translateY(-50%) translateX(-12px) rotate(-9deg)}50%{transform:translateY(-50%) translateX(-8px) rotate(-11deg)}75%{transform:translateY(-50%) translateX(-5px) rotate(-9deg)}}@keyframes floatRotateRight{0%,to{transform:translateY(-50%) translateX(0) rotate(10deg)}25%{transform:translateY(-50%) translateX(12px) rotate(9deg)}50%{transform:translateY(-50%) translateX(8px) rotate(11deg)}75%{transform:translateY(-50%) translateX(5px) rotate(9deg)}}.stats{padding-block:var(--section-padding)}.stats-list{display:grid;grid-gap:30px;gap:30px}.stats-card{background:var(--bg-secondary);display:flex;align-items:center;gap:10px;padding:25px;border-radius:var(--radius-12);box-shadow:var(--shadow-1);transition:var(--transition-1)}.stats-card:is(:hover,:focus){transform:translateY(-5px)}.stats-card .card-icon{background:var(--raw-seinna);width:60px;height:60px;display:grid;place-items:center;border-radius:50%}.stats-card .card-icon img{width:70%;filter:invert(1)}.stats-card .card-title{width:calc(100% - 95px);color:var(--raw-seinna);text-align:center}.stats-card .card-title strong{display:block;color:var(--color-primary);font-size:medium;line-height:1.3;margin-top:5px}.stats-card>ion-icon{color:var(--color-secondary)}.stats-card svg{color:var(--color-primary)!important}.dark_theme .stats-card svg{color:#fff!important}.about{padding-block:var(--section-padding)}.about-banner{max-width:400px;margin-inline:auto;margin-bottom:80px}.about .btn{max-width:unset;width:100%}.about .btn-secondary{margin-bottom:10px}.skills{padding-block:var(--section-padding)}.skills-content{margin-bottom:50px}.skills-toggle{background:var(--bg-secondary);position:relative;width:max-content;margin-inline:auto;display:flex;align-items:center;padding:5px;border-radius:100px;box-shadow:var(--shadow-1);z-index:1}.skills-toggle:before{content:"";position:absolute;top:5px;left:5px;bottom:5px;width:93px;background:var(--raw-seinna);border-radius:100px;transition:var(--transition-1);z-index:-1}.skills-toggle.active:before{left:98px;width:94px}.toggle-btn{color:var(--color-primary);font-family:var(--ff-poppins);padding:5px 27px;transition:var(--transition-1);background:none;border:none;cursor:pointer;position:relative;z-index:2}.toggle-btn.active{color:var(--white)}.skills-box .skills-list,.skills-box .tools-list{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:15px;animation:fadeIn .5s ease-out forwards}.skills-box .tools-list,.skills-box.active .skills-list{display:none}.skills-box.active .tools-list{display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.skill-card{position:relative;background:var(--bg-secondary);width:80px;height:80px;display:grid;place-items:center;border-radius:var(--radius-12);box-shadow:var(--shadow-1);cursor:help}.skill-card .card-icon{display:flex;align-items:center;justify-content:center;position:relative;z-index:1;overflow:hidden}.skill-card .card-icon,.skill-card .card-icon img{width:100%;height:100%;border-radius:var(--radius-12)}.skill-card .card-icon img{object-fit:cover}.skill-card:hover .tooltip{transform:translateY(0);opacity:1}.testimonials{padding-block:var(--section-padding)}.testimonials-content{margin-bottom:50px}.testimonials-carousel{position:relative;max-width:800px;margin:0 auto;overflow:hidden}.carousel-container{position:relative;overflow:hidden;border-radius:var(--radius-12);box-shadow:var(--shadow-1);width:100%}.carousel-track{display:flex;width:100%;transition:transform .5s ease-in-out}.testimonial-card{min-width:100%;width:100%;flex-shrink:0;background:var(--bg-secondary);padding:40px 30px;border-radius:var(--radius-12);box-sizing:border-box}.testimonial-content{text-align:center}.testimonial-rating{display:flex;justify-content:center;gap:5px;margin-bottom:20px}.star-icon{color:gold;font-size:20px;transition:var(--transition-1)}.testimonial-text{font-size:var(--fs-6);line-height:1.8;color:var(--color-secondary);margin-bottom:30px;font-style:italic;position:relative}.testimonial-text:after,.testimonial-text:before{content:'"';font-size:60px;color:var(--raw-seinna);position:absolute;opacity:.3;line-height:1}.testimonial-text:before{top:-20px;left:-10px}.testimonial-text:after{bottom:-40px;right:-10px}.testimonial-author{display:flex;align-items:center;justify-content:center;gap:15px}.author-image{width:60px;height:60px;border-radius:50%;overflow:hidden;border:3px solid var(--raw-seinna)}.author-image img{width:100%;height:100%;object-fit:cover}.author-info{text-align:left}.author-name{font-size:var(--fs-5);font-weight:var(--fw-600);color:var(--color-primary);margin-bottom:5px}.author-position{font-size:var(--fs-7);color:var(--color-secondary)}.carousel-controls{gap:20px;margin-top:30px}.carousel-btn,.carousel-controls{display:flex;align-items:center;justify-content:center}.carousel-btn{width:45px;height:45px;border:none;border-radius:50%;background:var(--bg-secondary);color:var(--color-primary);font-size:20px;cursor:pointer;transition:var(--transition-1);box-shadow:var(--shadow-1)}.carousel-btn:hover{background:var(--raw-seinna);color:var(--white);transform:translateY(-2px)}.carousel-btn:active{transform:translateY(0)}.carousel-dots{display:flex;gap:8px}.dot{width:12px;height:12px;border:none;border-radius:50%;background:var(--color-secondary);cursor:pointer;transition:var(--transition-1);opacity:.5}.dot.active{transform:scale(1.2)}.dot.active,.dot:hover{background:var(--raw-seinna);opacity:1}.project{padding-block:var(--section-padding)}.project-list>li{margin-bottom:25px}.project-card{position:relative;overflow:hidden;border-radius:var(--radius-12);box-shadow:2px 4px 6px rgba(0,0,0,.2)}.project-card:after{content:"";position:absolute;inset:0;border-radius:inherit;transition:var(--transition-1)}.project-card:is(:hover,:focus):after{background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(.5px);backdrop-filter:blur(.5px)}.project-card .card-content{position:absolute;bottom:0;left:0;width:100%;padding:20px}.project-card .card-title{margin-bottom:10px}.project-card :is(.card-title,.publish-date){background:var(--bg-primary);padding:6px 12px;width:max-content;box-shadow:var(--shadow-1);transform:translateY(20px);opacity:0;transition:var(--transition-1)}.project-card .publish-date{font-size:var(--fs-6);color:var(--color-primary);transition-delay:0s}.project-card:is(:hover,:focus) :is(.card-title,.publish-date){transform:translateY(0);opacity:1}.project-card:is(:hover,:focus) .publish-date{transition-delay:.1s}.load-more{font-size:var(--fs-4);color:var(--raw-seinna);text-decoration:underline;margin-inline:auto;background:none;border:none;cursor:pointer;transition:var(--transition-1);padding:10px 20px;border-radius:var(--radius-4);position:relative;overflow:hidden}.load-more:hover{color:var(--sizzling-sunrise);transform:translateY(-2px)}.load-more:disabled{cursor:not-allowed;opacity:.7}.load-more.loading{color:var(--color-secondary);pointer-events:none}.load-more.loading:after{content:"";position:absolute;width:20px;height:20px;top:50%;left:50%;margin-left:-10px;margin-top:-10px;border:2px solid transparent;border-top:2px solid var(--raw-seinna);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.project-list>li{animation:fadeInUp .6s ease-out forwards;opacity:0;transform:translateY(30px)}.project-list>li:first-child{animation-delay:.1s}.project-list>li:nth-child(2){animation-delay:.2s}.project-list>li:nth-child(3){animation-delay:.3s}.project-list>li:nth-child(4){animation-delay:.4s}.project-list>li:nth-child(5){animation-delay:.5s}.project-list>li:nth-child(6){animation-delay:.6s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.project-buttons{display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap}.hide-projects{font-size:var(--fs-4);color:var(--color-secondary);text-decoration:underline;background:none;border:none;cursor:pointer;transition:var(--transition-1);padding:10px 20px;border-radius:var(--radius-4);position:relative;overflow:hidden}.hide-projects:hover{color:var(--raw-seinna);transform:translateY(-2px)}.hide-projects:disabled{cursor:not-allowed;opacity:.7}.hide-projects.loading{color:var(--color-secondary);pointer-events:none}.hide-projects.loading:after{content:"";position:absolute;width:20px;height:20px;top:50%;left:50%;margin-left:-10px;margin-top:-10px;border:2px solid transparent;border-top:2px solid var(--color-secondary);border-radius:50%;animation:spin 1s linear infinite}.contact{padding-block:var(--section-padding)}.contact-content{margin-bottom:50px}.contact-list-item{display:flex;align-items:flex-start;gap:15px;margin-bottom:20px}.contact-item-icon{font-size:25px;color:var(--color-primary)}.contact-item-icon ion-icon{--ionicon-stroke-width:40px}.contact-item-title{margin-bottom:10px;margin-top:3px}.contact-list-item .contact-info{color:var(--color-secondary);font-style:normal;line-height:1.6;transition:var(--transition-1)}.contact-info:not(address):is(:hover,:focus){color:var(--color-primary)}.contac-social-list{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:15px}.contact-social-link{position:relative;background:var(--color-primary);color:var(--bg-primary);width:35px;height:35px;display:grid;place-items:center;border-radius:50%;transition:var(--transition-1)}.contact-social-link:is(:hover,:focus){background:var(--raw-seinna);color:var(--white)}.contact-social-link:is(:hover,:focus) .tooltip{transform:translateY(0);opacity:1}.contact-form{background:var(--bg-secondary);padding:20px;border-radius:var(--radius-12);box-shadow:var(--shadow-1);display:flex;flex-direction:column;min-height:400px}.form-wrapper{margin-bottom:25px}.form-wrapper:has(textarea){flex:1 1;display:flex;flex-direction:column;margin-bottom:25px}.form-label{color:var(--color-primary);font-size:var(--fs-7);font-family:var(--ff-poppins);margin-bottom:8px;margin-left:5px}.input-wrapper{position:relative}.form-wrapper:has(textarea) .input-wrapper{flex:1 1;display:flex;flex-direction:column}.input-field{background:var(--input-bg);color:var(--raw-seinna);padding:10px 10px 10px 40px;border-radius:var(--radius-12);transition:var(--transition-1)}.contact-form form{height:100%;flex:1 1;display:flex;flex-direction:column}textarea.input-field{min-height:60px;flex:1 1;resize:none}.input-field:focus{outline:1px solid}.contact-form .input-field:focus+ion-icon,.input-field:focus+ion-icon{color:var(--raw-seinna)!important}.contact-form .form-wrapper .input-wrapper>ion-icon,.contact-form .input-wrapper ion-icon,.contact-form .input-wrapper svg,.contact-form .input-wrapper>ion-icon,.contact-form ion-icon,.input-wrapper ion-icon,body .contact-form .input-wrapper ion-icon{position:absolute!important;top:50%!important;left:12px!important;transform:translateY(-50%)!important;color:var(--color-secondary)!important;font-size:18px!important;transition:var(--transition-1)!important;pointer-events:none!important;z-index:1;display:block!important}.contact-form .input-wrapper svg{width:18px!important;height:18px!important}.contact-form .input-field:focus+svg{color:var(--raw-seinna)!important}.contact-form .input-wrapper textarea+svg{top:15px!important;transform:none!important}.contact-form .input-wrapper textarea:focus+svg{color:var(--raw-seinna)!important}.contact .btn-primary{max-width:unset;width:100%;background:var(--color-primary);color:var(--bg-primary)}.success-message{color:#10b981;border-radius:var(--radius-8);border:1px solid #10b981}.error-message,.success-message{background:var(--bg-secondary);padding:15px;margin-bottom:20px;text-align:center;font-weight:500}.error-message{color:#ef4444;border-radius:var(--radius-8);border:1px solid #ef4444}.btn:disabled{opacity:.6;cursor:not-allowed}.footer{background:var(--bg-secondary);padding-block:20px;text-align:center;box-shadow:var(--shadow-1);margin-top:auto}.footer .logo{margin-bottom:15px}.copyright{color:var(--color-secondary);line-height:1.6}.copyright a{display:inline-block;color:var(--raw-seinna)}.go-to-top{position:fixed;bottom:25px;right:25px;width:45px;height:45px;display:grid;place-items:center;font-size:20px;color:var(--color-primary);background:var(--bg-secondary);border:2px solid var(--color-primary);border-radius:50%;opacity:0;pointer-events:none;transform:translateY(10px);transition:var(--transition-1);z-index:1000;cursor:pointer;box-shadow:var(--shadow-1)}.go-to-top:hover{background:var(--raw-seinna);color:var(--white);border-color:var(--raw-seinna);transform:translateY(-2px)}.go-to-top,.go-to-top:active{transform:translateY(0)}.go-to-top{opacity:1;pointer-events:all}@media (min-width:550px){.container{max-width:550px;margin-inline:auto}.section-title{max-width:380px}.project-list{column-count:2;column-gap:25px}.project-list>li:first-child{column-span:all}}@media (min-width:768px){.container{max-width:720px}.section-title{max-width:430px}.stats-list{grid-template-columns:1fr 1fr}.btn-group{display:flex;justify-content:flex-start;align-items:center;gap:20px}.about .btn{max-width:max-content}.about .btn-secondary{margin-bottom:0}.contact-form{max-width:450px;margin-inline:auto}.testimonials-carousel{max-width:600px}}@media (min-width:992px){:root{--fs-2:3rem;--section-padding:80px}.container{max-width:980px}.section-content{position:relative;padding-left:40px}.section-subtitle{position:absolute;top:0;left:0;transform:rotate(270deg) translateX(-100%);transform-origin:left top;margin-bottom:0}.section-subtitle:after{top:8px;left:auto;right:calc(100% + 20px)}.header{padding-block:30px}.header.active{padding-block:15px}.navbar-actions{order:1;margin-left:0}.nav-toggle-btn{display:none}.navbar{all:unset}.navbar-link{transform:translateY(0);font-size:unset;padding-inline:5px}.navbar-list>li{margin:0;padding:0;overflow:visible}.navbar-list{display:flex;justify-content:center;align-items:center;gap:20px}.navbar-link:before{height:2px}.hero{position:relative;padding-top:0;height:100vh}.hero-banner{max-width:unset;height:100%;margin-bottom:0}.hero img{height:100%;width:auto;margin-inline:auto}.hero-content{--color-primary:var(--white);position:absolute;top:50%;filter:drop-shadow(2px 4px 10px var(--black))}.hero .btn-primary:is(:hover,:focus){color:#1f1f1f}.hero-social-list{display:block;position:absolute;bottom:92px;left:-30px}.hero-social-list:after{content:"";position:absolute;bottom:-40px;left:13px;width:2px;height:30px;background:var(--color-secondary)}.hero-social-link{position:relative;color:var(--color-secondary);margin-block:5px;padding:5px;font-size:18px;transition:var(--transition-1)}.hero-social-link:is(:hover,:focus){color:var(--color-primary)}.hero-social-link .tooltip{--trans-x:10px;left:calc(100% + 10px);top:50%;transform:translateY(-50%) translateX(var(--trans-x))}.hero-social-link:is(:hover,:focus) .tooltip{--trans-x:0;opacity:1}.scroll-down{display:block;position:absolute;bottom:80px;right:-30px;color:var(--color-secondary);font-size:1.125rem;text-transform:uppercase;transform:rotate(90deg);transform-origin:top right}.scroll-down:after{content:"";position:absolute;top:8px;right:-50px;width:30px;height:2px;background:var(--color-secondary)}.stats-list{grid-template-columns:repeat(3,1fr)}.stats-card{height:100%}.about{display:grid;grid-template-columns:1fr 1fr;align-items:center;grid-gap:30px;gap:30px}.about-banner{margin-bottom:0}.skills{display:grid;grid-template-columns:1fr 1fr;align-items:center;grid-gap:50px;gap:50px}.skills-content{margin-bottom:0}.skills-toggle{margin-inline:0}.testimonials{display:grid;grid-template-columns:1fr 1fr;align-items:center;grid-gap:50px;gap:50px}.testimonials-content{margin-bottom:0}.testimonials-carousel{max-width:100%}.project-list{column-count:3}.project-list>li:first-child{column-span:unset;margin:25px 25px 25px 0}.contact{display:grid;grid-template-columns:1fr 1fr;grid-gap:30px;gap:30px}.contact-content{margin-bottom:0}.contact-form{width:100%}.contact-list{margin-left:-40px}.footer .container{display:flex;justify-content:space-between;align-items:center}.footer .logo{margin-bottom:0}}@media (min-width:1200px){.container{max-width:1150px}.section-title{max-width:460px}.hero-social-list{left:-80px}.scroll-down{right:-80px}.about-banner{max-width:450px}}