html{scroll-behavior:smooth}:root{--bg-color:#ffffff;--text-color:#000000;--nav-bg-color:rgba(255,255,255,0);--nav-text-color:#000000;--nav-bg-color-scrolled:rgba(255,255,255,1);--global-theme-color-rgba:rgba(64,162,215,0.37);--global-theme-color:rgb(77,166,214);--gradient-primary:linear-gradient(135deg,#0f172a,#06b6d4);--gradient-accent:linear-gradient(135deg,#4dafd6,#00b4d8);--font-family-base:"Roboto","Kantumruy",sans-serif}.gradient-text{background:var(--gradient-primary);margin-bottom:5px;text-transform:uppercase;letter-spacing:3px}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.gradient-color{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.globle-theme{color:var(--gradient-primary)}[data-theme=dark]{--bg-color:#0d1117;--text-color:#ffffff;--nav-bg-color:rgba(0,0,0,0);--nav-text-color:#ffffff;--nav-bg-color-scrolled:rgba(0,0,0,1)}body{transition:background-color .3s ease,color .3s ease;font-family:Inter,Kantumruy,sans-serif!important;overflow-x:hidden!important;background-color:var(--bg-color);color:var(--text-color);font-size:17px!important;line-height:1.6!important;letter-spacing:.2px!important}@media(max-width:1024px){body{font-size:16px}}@media(max-width:767px){body{font-size:15px}}body .khmer-text,body :lang(km){font-family:Kantumruy,sans-serif;line-height:1.8;font-weight:600}body .khmer-text-bold{font-weight:700}h1{font-size:2.25rem!important;font-weight:800!important;line-height:1.2!important}@media(max-width:767px){h1{font-size:1.9rem!important}}h2{font-size:1.75rem!important;font-weight:700!important;line-height:1.3!important}@media(max-width:767px){h2{font-size:1.5rem!important}}h3{font-size:1.5rem!important;font-weight:600!important;line-height:1.4!important}@media(max-width:767px){h3{font-size:1.3rem!important}}p{font-size:1rem!important;font-weight:400!important;line-height:1.7!important;margin-bottom:1rem!important}@media(max-width:767px){p{font-size:.95rem!important}}.caption,.note,small{font-size:.875rem!important;opacity:.9!important}.custom-bg-footer{background:linear-gradient(135deg,#000000,#ffffff 400%)}.floating-pattern{position:absolute;top:0;left:0;width:100%;height:100%;background:url(https://res.cloudinary.com/dv4hevc7r/image/upload/v1743330727/uploads/HD-wallpaper-blue-digital-background-technology-digital-technology-coding-concepts-blue-technology-background.jpg);opacity:.1;pointer-events:none;animation:20s ease-in-out infinite}.cus-title{margin-bottom:30px}.theme-switch-wrapper{display:flex;align-items:center}.theme-switch{display:none}.theme-switch-label{display:flex;align-items:center;cursor:pointer;position:relative;width:4rem!important;height:1.7rem!important;background-color:hsla(0,0%,100%,.65);border-radius:17px;transition:background-color .3s ease}.theme-switch-label:before{content:"";position:absolute;width:24px!important;height:24px!important;background-color:#fff;border-radius:50%;top:2px!important;left:2px!important;transition:transform .3s ease}.theme-switch:checked+.theme-switch-label{background-color:#0d1117}.theme-switch:checked+.theme-switch-label:before{transform:translateX(36px)}.sun-icon{font-size:.9rem}.moon-icon,.sun-icon{position:absolute;top:50%;transform:translateY(-50%);transition:color .3s ease}.moon-icon{font-size:1rem}.sun-icon{left:6.5px!important;color:#f39c12}.moon-icon{right:8px!important;color:#3498db}.theme-switch:checked+.theme-switch-label .sun-icon{color:#fff}.theme-switch:checked+.theme-switch-label .moon-icon{color:#f39c12}.social-link-footer{position:relative;border-radius:50%;transition:transform .3s ease,filter .3s ease,background-color .3s ease;width:50px;height:50px;cursor:pointer;display:flex;justify-content:center;align-items:center}@media(max-width:767px){.social-link-footer{width:40px;height:40px;font-size:35px!important;margin-left:5px}}.social-link-footer:hover{filter:brightness(1.3)!important;background-color:rgba(77,198,214,.66)!important}.footer-text-hv{font-weight:400;color:#fff;position:relative;display:inline-block;transition:color .1s;cursor:pointer}.footer-text-hv:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:2px;background-color:var(--global-theme-color);transform:scaleX(0);transform-origin:left;transition:transform .3s ease-in-out}.underline-hover:hover:after{transform:scaleX(1)}.underline-hover{font-weight:400;color:var(--global-theme-color);position:relative;display:inline-block;transition:color .1s;cursor:pointer}.underline-hover:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:2px;background-color:var(--global-theme-color);transform:scaleX(0);transform-origin:left;transition:transform .3s ease-in-out}.footer-text-hv:hover:after{transform:scaleX(1)}.footer-text-hv:hover{color:var(--global-theme-color)}.active{background-color:rgba(189,189,189,.4)!important;color:#fff!important;border-radius:10px}.background-image{position:relative;background:linear-gradient(135deg,#0f172a,#06b6d4);background-size:400% 400%;animation:gradientMotion 8s ease infinite;color:#fff;width:100%;display:flex;justify-content:center;align-items:center;text-align:center;overflow:hidden;height:20rem}.modal-dark{background-color:#333;color:#fff}.modal-light{color:#000}@media(max-width:767px){.custom-img-kilo{width:100%;height:auto}}.animation-hover{display:inline-block;transition:transform .3s ease,box-shadow .3s ease}.animation-hover .custom-img-kilo{transition:transform .3s ease,box-shadow .3s ease;border-radius:20px}@media(max-width:767px){.animation-hover .custom-img-kilo{width:200px;height:200px}}.animation-hover:hover .custom-img-kilo{transform:scale(1.05);box-shadow:0 8px 20px rgba(0,0,0,.2)}.scroll-to-top{position:fixed;bottom:40px;right:30px;background-color:var(--global-theme-color);color:#fff;border:none;border-radius:50%;width:48px;height:48px;font-size:24px;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.2);transition:transform .3s ease}.scroll-to-top:hover{transform:scale(1.1)}.demo-btn{background:#fff;color:#667eea;padding:12px 24px;border-radius:50px;text-decoration:none;font-weight:600;font-size:14px;transition:all .3s ease;box-shadow:0 4px 15px rgba(0,0,0,.1)}.demo-btn:hover{background:#667eea;color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.4)}.view-btn{background:hsla(0,0%,100%,.2);color:#fff;border:2px solid #fff;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;cursor:pointer}.view-btn:hover{background:#fff;color:#667eea;transform:scale(1.1)}.skills-section{padding:80px 0;position:relative;overflow:hidden}.skills-section:before{content:"";right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(6,182,212,.1) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(75,152,162,.1) 0,transparent 50%),radial-gradient(circle at 40% 80%,rgba(75,152,162,.1) 0,transparent 50%)}.floating-elements,.skills-section:before{position:absolute;top:0;left:0;pointer-events:none}.floating-elements{width:100%;height:100%;z-index:4}.logo-thokna{font-family:Poppins,sans-serif;font-weight:600;font-size:1.25rem;cursor:pointer;transition:transform .3s ease}.logo-thokna:hover{transform:scale(1.05)}.logo-text{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.logo-angle{color:var(--color-accent)}.gradient-mesh{background:radial-gradient(circle at 25% 25%,rgba(102,126,234,.1) 0,transparent 50%),radial-gradient(circle at 75% 75%,rgba(118,75,162,.1) 0,transparent 50%)}.gradient-mesh,.overlay-pattern{position:absolute;top:0;left:0;right:0;bottom:0}.overlay-pattern{background-image:radial-gradient(circle at 1px 1px,rgba(102,126,234,.1) 1px,transparent 0);background-size:20px 20px;opacity:.3}.slide-counter{display:flex;align-items:center;color:hsla(0,0%,100%,.9);font:600 16px monospace}.custom-admin-bg{background-color:var(--global-theme-color)}.Toastify__toast-container{z-index:999999!important}.Toastify__toast-container--bottom-left{bottom:1rem;left:1rem}:root{--title-text-color:#1a1a2e;--title-line-start:rgba(74,85,162,0.4);--title-line-end:rgba(74,85,162,0.08);--title-line-glow:rgba(74,85,162,0.6);--title-glow-shadow:rgba(74,85,162,0.25)}[data-theme=dark]{--title-text-color:#e8eaf6;--title-line-start:rgba(159,168,218,0.45);--title-line-end:rgba(159,168,218,0.06);--title-line-glow:rgba(159,168,218,0.65);--title-glow-shadow:rgba(159,168,218,0.3)}.content-title-wrapper{position:relative;display:flex;align-items:center;gap:24px;padding:24px 0}.cus-title{font-weight:200;color:var(--title-text-color);margin:0;white-space:nowrap;letter-spacing:1.5px;transition:color .4s cubic-bezier(.4,0,.2,1);position:relative}.cus-title:before{content:"/";margin-right:.3em;opacity:.6;font-weight:300}.title-line{flex:1;height:1px;background:linear-gradient(90deg,var(--title-line-start) 0,var(--title-line-end) 100%);position:relative}.title-line,.title-line:before{transition:all .4s cubic-bezier(.4,0,.2,1)}.title-line:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:80px;height:2px;background:var(--title-line-glow);box-shadow:0 0 12px var(--title-glow-shadow);border-radius:2px}.content-title-wrapper:hover .title-line:before{width:100px;box-shadow:0 0 18px var(--title-glow-shadow)}@media(max-width:992px){.cus-title{font-size:2.25rem;letter-spacing:1.2px}.content-title-wrapper{gap:20px;padding:20px 0}}@media(max-width:768px){.cus-title{font-size:2rem;letter-spacing:1px}.content-title-wrapper{gap:16px}}@media(max-width:576px){.cus-title{font-size:1.75rem;letter-spacing:.8px}.content-title-wrapper{gap:12px;padding:16px 0}.title-line:before{width:auto}}.form-search{--input-bg:#f9f9f9;--padding:1.5em;--rotate:80deg;--gap:1.5em;--icon-change-color:#15a986;--height:40px;width:241px;padding-inline-end:1em;background:var(--input-bg);position:relative;border-radius:20px}.form-search label{display:flex;align-items:center;width:100%;height:var(--height)}.form-search .header-search-input{width:100%;padding-inline-start:calc(var(--padding) + var(--gap));outline:none;background:none;border:0}.form-search svg{color:#111;height:15px}.form-search svg,.icon{transition:.3s cubic-bezier(.4,0,.2,1);position:absolute}.icon{left:var(--padding);display:flex;justify-content:center;align-items:center}.swap-off{transform:rotate(-80deg)}.close-btn,.swap-off{opacity:0;visibility:hidden}.close-btn{background:none;border:none;right:calc(var(--padding) - var(--gap));box-sizing:border-box;display:flex;align-items:center;justify-content:center;color:#111;padding:.1em;width:20px;height:20px;border-radius:50%;transition:.3s;transform:scale(0)}.form-search .header-search-input:focus~.icon{transform:rotate(var(--rotate)) scale(1.3)}.form-search .header-search-input:focus~.icon .swap-off{opacity:1;transform:rotate(-80deg);visibility:visible;color:var(--icon-change-color)}.form-search .header-search-input:focus~.icon .swap-on{opacity:0;visibility:visible}.form-search .header-search-input:valid~.icon{transform:scale(1.3) rotate(var(--rotate))}.form-search .header-search-input:valid~.icon .swap-off{opacity:1;visibility:visible;color:var(--icon-change-color)}.form-search .header-search-input:valid~.icon .swap-on{opacity:0;visibility:visible}.form-search .header-search-input:valid~.close-btn{opacity:1;visibility:visible;transform:scale(1);transition:0s}@font-face{font-family:Kantumruy;src:url(/fonts/roboto/KantumruyPro-Regular.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap;unicode-range:u+1780-17ff,u+19e0-19ff}@font-face{font-family:Kantumruy;src:url(/fonts/roboto/KantumruyPro-SemiBold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap;unicode-range:u+1780-17ff,u+19e0-19ff}.fs-10{font-size:10px!important}.contact-container{position:relative}.modern-contact-section{padding:100px 0;position:relative;overflow:hidden}.section-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;pointer-events:none}.bg-shape{position:absolute;border-radius:50%;background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(75,152,162,.1));animation:floatBg 15s ease-in-out infinite}.shape-1{width:200px;height:200px;top:15%;left:5%;animation-delay:0s}.shape-2{width:150px;height:150px;top:60%;right:10%;animation-delay:5s}.shape-3{width:180px;height:180px;bottom:20%;animation-delay:10s}@keyframes floatBg{0%,to{transform:translate(0) scale(1);opacity:.3}25%{transform:translate(-20px,-15px) scale(1.1);opacity:.5}50%{transform:translate(15px,-25px) scale(.9);opacity:.4}75%{transform:translate(-10px,20px) scale(1.05);opacity:.6}}.modern-spinner{display:flex;gap:8px;justify-content:center;margin-bottom:20px}.spinner-circle{width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,#0f172a,#06b6d4);animation:bounce 1.4s ease-in-out infinite both}.spinner-circle:first-child{animation-delay:-.32s}.spinner-circle:nth-child(2){animation-delay:-.16s}.spinner-circle:nth-child(3){animation-delay:0s}.contact-content{position:relative;z-index:2;margin-top:60px}.form-column{margin-bottom:40px}.form-wrapper{border-radius:25px;padding:50px 40px;box-shadow:0 20px 60px rgba(0,0,0,.08);backdrop-filter:blur(10px);position:relative;overflow:hidden;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1)}.form-wrapper:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#0f172a,#06b6d4)}.form-header{text-align:center;margin-bottom:40px}.form-subtitle{font-size:16px;color:#6b7280;margin:0 0 20px}.header-decoration{width:60px;height:3px;background:linear-gradient(135deg,#0f172a,#06b6d4);border-radius:2px;margin:0 auto}.login-section{margin-bottom:30px}.login-section-btn{background:rgba(31,132,141,.11);border:1px solid #0e9fb8}.login-section-btn:hover{background-color:rgba(14,159,184,.37)!important}.form-grid{gap:1px}.form-group{margin-bottom:25px}.input-container{position:relative}.input-label{display:flex;align-items:center;font-size:14px;font-weight:600;color:#374151;margin-bottom:8px}.input-label .icon{margin-right:8px;color:#06b6d4}.input-wrapper{position:relative}.modern-input{width:100%;padding:16px 20px;border:2px solid #e5e7eb;border-radius:12px;font-size:16px;color:#374151;transition:all .3s ease;outline:none;background:unset}.modern-input::placeholder,.modern-textarea::placeholder{color:unset}.modern-input:focus{border-color:#06b6d4;box-shadow:0 0 0 3px rgba(102,126,234,.1);transform:translateY(-1px)}.modern-textarea{resize:vertical;min-height:120px;font-family:inherit}.input-border{position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(135deg,#0f172a,#06b6d4);transition:width .3s ease}.modern-input:focus~.input-border{width:100%}.submit-button{position:relative;background:linear-gradient(135deg,#0f172a,#06b6d4);color:#fff;border:none;border-radius:50px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;overflow:hidden;width:100%;max-width:250px;display:block;margin:20px auto 0}.submit-button:hover{transform:translateY(-3px)}.btn-content{display:flex;align-items:center;justify-content:center;gap:10px;position:relative;z-index:2}.btn-icon{transition:transform .3s ease}.submit-button:hover .btn-icon{transform:translateX(3px)}.btn-glow{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.submit-button:hover .btn-glow{left:100%}.info-column{display:flex;align-items:stretch}.contact-info-card{background:linear-gradient(135deg,#0f172a,#06b6d4);border-radius:25px;padding:40px 30px;color:#fff;height:96%;position:relative;overflow:hidden}.contact-info-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.1) 0,transparent 60%);pointer-events:none}.info-header{text-align:center;margin-bottom:40px;position:relative;z-index:2}.info-title{font-size:24px;font-weight:700;margin:0 0 10px}.info-subtitle{font-size:14px;margin:0;opacity:.9}.contact-items{margin-bottom:40px;position:relative;z-index:2}.contact-item{display:flex;align-items:center;margin-bottom:25px;padding:20px;background:hsla(0,0%,100%,.1);backdrop-filter:blur(20px);border-radius:15px;border:1px solid hsla(0,0%,100%,.2);transition:all .3s ease;cursor:pointer}.contact-item:hover{background:hsla(0,0%,100%,.15);transform:translateX(5px)}.item-icon{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;margin-right:20px;transition:transform .3s ease;box-shadow:0 4px 15px rgba(0,0,0,.2)}.address-icon{background:linear-gradient(135deg,#f093fb,#f5576c)}.phone-icon{background:linear-gradient(135deg,#4facfe,#00f2fe)}.email-icon{background:linear-gradient(135deg,#fa709a,#fee140)}.website-icon{background:linear-gradient(135deg,#a8edea,#fed6e3)}.contact-item:hover .item-icon{transform:scale(1.1)}.item-content{flex:1}.item-label{font-size:14px;font-weight:600;margin:0 0 5px;opacity:.9}.item-link{color:#fff;text-decoration:none;font-size:14px;transition:all .3s ease;display:flex;align-items:center}.item-link:hover{color:#fff;text-shadow:0 0 10px hsla(0,0%,100%,.5)}.social-section{text-align:center;padding-top:30px;border-top:1px solid hsla(0,0%,100%,.2);position:relative;z-index:2}.social-title{font-size:16px;font-weight:600;margin:0 0 20px;opacity:.9}.social-links{justify-content:center}.social-link{width:45px;height:45px;font-size:16px}.social-link:hover{background:hsla(0,0%,100%,.2);color:#fff}@media(max-width:992px){.modern-contact-section{padding:60px 0}.form-wrapper{padding:40px 30px}.contact-info-card{padding:30px 25px;margin-top:30px}}@media(max-width:768px){.form-wrapper{padding:30px 20px;border-radius:20px}.contact-info-card{padding:25px 20px;flex-direction:column}.form-title{font-size:24px}.info-title{font-size:20px}.contact-item{padding:15px}.item-icon{width:45px;height:45px;font-size:16px}}@media(max-width:576px){.modern-contact-section{padding:40px 0}.contact-item{flex-direction:column;text-align:center;padding:20px 15px}.item-icon{margin-right:0;margin-bottom:15px}.submit-button{max-width:100%}.modern-input{padding:14px 16px;font-size:15px}}@media(min-width:768px)and (max-width:1366px){.contact-content{display:flex!important;flex-direction:column!important}.contact-content .col-lg-4,.contact-content .col-lg-8,.contact-content .form-column,.contact-content .info-column{max-width:100%!important;flex:0 0 100%!important;width:100%!important;padding-left:15px;padding-right:15px}.form-column{margin-bottom:30px}.contact-items{display:flex;flex-direction:row;gap:20px;justify-content:space-between;flex-wrap:wrap}.contact-item{flex:1;min-width:250px;margin-bottom:10px}.contact-info-card{height:auto!important}.form-wrapper{padding:40px 30px}.contact-info-card{padding:35px 30px}}@media(min-width:1194px)and (max-width:1194px),(min-width:834px)and (max-width:834px){.contact-items .contact-item{flex:1 1 calc(33.333% - 15px);min-width:220px}}@media(min-width:1024px)and (max-width:1366px){.contact-items .contact-item{flex:1 1 calc(33.333% - 20px);min-width:280px}.form-wrapper{padding:50px 40px}.contact-info-card{padding:40px 35px}}@media(min-width:1367px){.contact-content{display:flex;flex-direction:row}.form-column{max-width:66.666667%;flex:0 0 66.666667%}.info-column{max-width:33.333333%;flex:0 0 33.333333%}.contact-items{flex-direction:column}.contact-item{margin-bottom:25px}}.custom-home-slider{height:526px;width:100%;background:#fff}@media(max-width:768px){.custom-home-slider{height:auto}}.hero-section{min-height:100vh;position:relative;display:flex;align-items:center;overflow:hidden;background:#f9f9f9}@media(max-width:767px){.hero-section{padding-top:30px}}.gradient-text{background:linear-gradient(135deg,#0f172a,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.hero-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.floating-shapes{position:absolute;width:100%;height:100%;overflow:hidden}.shape{position:absolute;background:hsla(0,0%,100%,.1);border-radius:50%;animation:float 15s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0deg) scale(1);opacity:.7}25%{transform:translateY(-20px) rotate(90deg) scale(1.1);opacity:1}50%{transform:translateY(-10px) rotate(180deg) scale(.9);opacity:.8}75%{transform:translateY(-30px) rotate(270deg) scale(1.05);opacity:.9}}.gradient-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 70%,rgba(255,255,255,.1) 0,transparent 60%),radial-gradient(circle at 70% 30%,rgba(255,255,255,.05) 0,transparent 50%)}.hero-container{position:relative;z-index:2;padding-top:100px;padding-bottom:4rem}.hero-content{min-height:70vh}.hero-text-container{padding-right:40px}.hero-badge{display:inline-flex;align-items:center;background:hsla(0,0%,100%,.15);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.2);border-radius:50px;padding:12px 24px;margin-bottom:30px;position:relative;overflow:hidden}.badge-glow{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 3s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.badge-icon{color:#fff;margin-right:10px;font-size:16px}.badge-text{color:#fff;font-size:14px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.hero-title{font-size:3.5rem!important;font-weight:800;color:#fff;line-height:1.1;margin-bottom:20px}@media(max-width:767px){.hero-title{font-size:2.5rem!important}}.name-highlight{background:linear-gradient(45deg,#ffd89b,#0e91e8);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;position:relative}.hero-subtitle-container{margin-bottom:25px}.hero-subtitle{font-size:2rem;font-weight:600;margin:0;min-height:60px}.typing-cursor{color:#fff;animation:blink 1.5s infinite;font-weight:300}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.hero-description{font-size:1.2rem;color:hsla(0,0%,100%,.9);line-height:1.6;margin-bottom:40px;max-width:500px}.hero-actions{display:flex;gap:20px;margin-bottom:50px;flex-wrap:wrap}.cta-button{position:relative;display:inline-flex;align-items:center;padding:16px 32px;border-radius:50px;font-weight:600;font-size:16px;text-decoration:none;border:none;cursor:pointer;transition:all .3s ease;overflow:hidden}.primary-cta{background:#fff;color:#06b6d4;box-shadow:0 8px 25px rgba(0,0,0,.2)}.primary-cta:hover{transform:translateY(-3px);box-shadow:0 15px 35px rgba(0,0,0,.3);color:#06b6d4}.secondary-cta{background:rgba(0,0,0,0);color:#fff;border:2px solid hsla(0,0%,100%,.3)}.secondary-cta:hover{background:hsla(0,0%,100%,.1);border-color:#fff;transform:translateY(-3px)}.button-text{margin-right:8px}.button-icon{transition:transform .3s ease}.cta-button:hover .button-icon{transform:translateX(3px)}.button-ripple{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.3) 0,transparent 70%);transform:scale(0);transition:transform .6s ease}.primary-cta:active .button-ripple{transform:scale(1)}.social-links{display:flex;gap:15px}.social-link{width:50px;height:50px;background:hsla(0,0%,100%,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;transition:all .3s ease;backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.2)}.social-link:hover{background:#fff;color:#06b6d4!important;transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.2)}.hero-image-container{display:flex;justify-content:center;align-items:center;position:relative}.image-wrapper{position:relative;z-index:2}.image-background{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}.bg-circle{position:absolute;border-radius:50%;animation:rotate 20s linear infinite}.circle-1{width:300px;height:300px;background:linear-gradient(45deg,rgba(255,255,255,.1),transparent);top:-150px;left:-150px}.circle-2{width:400px;height:400px;background:linear-gradient(135deg,rgba(255,255,255,.05),transparent);top:-200px;left:-200px;animation-delay:5s;animation-direction:reverse}.circle-3{width:200px;height:200px;background:linear-gradient(225deg,rgba(255,255,255,.08),transparent);top:-100px;left:-100px;animation-delay:10s}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.profile-frame-hero{position:relative;z-index:3;border-radius:50%;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.3)}.hero-profile-image{width:350px;height:350px;object-fit:cover;border-radius:50%;transition:transform .3s ease}.profile-frame-hero:hover .hero-profile-image{transform:scale(1.05)}.image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(102,126,234,.2),rgba(118,75,162,.2));opacity:0;transition:opacity .3s ease;border-radius:50%}.profile-frame:hover .image-overlay{opacity:1}.tech-badge{position:absolute;width:60px;height:60px;background:hsla(0,0%,100%,.15);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;animation:floatTech 4s ease-in-out infinite}.badge-react{top:10%;right:10%;animation-delay:0s;color:#61dafb}.badge-js{bottom:20%;left:0;animation-delay:1.5s;color:#f7df1e}.badge-css{top:50%;right:-5%;animation-delay:3s;color:#1572b6}@keyframes floatTech{0%,to{transform:translateY(0) scale(1);opacity:.8}50%{transform:translateY(-20px) scale(1.1);opacity:1}}.scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);text-align:center;color:hsla(0,0%,100%,.8)}.scroll-text{font-size:14px;margin-bottom:10px;font-weight:500}.scroll-arrow{font-size:20px;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media(max-width:768px){.hero-section{min-height:90vh}.hero-content{text-align:center;min-height:auto}.hero-text-container{padding-right:0;margin-bottom:40px}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.5rem}.hero-description{font-size:1.1rem}.hero-actions{justify-content:center;margin-bottom:30px}.cta-button{padding:14px 28px;font-size:15px}.hero-profile-image{width:280px;height:280px}.tech-badge{width:50px;height:50px;font-size:20px}.social-links{justify-content:center}}@media(max-width:576px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1.3rem}.hero-description{font-size:1rem;margin-bottom:30px}.hero-actions{flex-direction:column;align-items:center;gap:15px}.cta-button{width:100%;max-width:280px;justify-content:center}.hero-profile-image{width:240px;height:240px}.hero-badge{padding:10px 20px}.badge-text{font-size:12px}}:root{--error-text-color:#1e293b;--error-accent:#06b6d4;--error-secondary:#0e9fb8;--error-bg:#ffffff;--error-overlay:rgba(15,23,42,0.03)}[data-theme=dark]{--error-text-color:#f1f5f9;--error-accent:#22d3ee;--error-secondary:#06b6d4;--error-bg:#0f172a;--error-overlay:rgba(34,211,238,0.05)}body{font-family:Inter,Segoe UI,sans-serif;color:var(--error-text-color);overflow-x:hidden}.not-found-wrapper{position:relative;min-height:100vh;background:var(--error-bg);overflow:hidden;display:flex;align-items:center;justify-content:center}.not-found-content{position:relative;z-index:2;padding:40px 20px}.error-code{display:flex;justify-content:center;align-items:center;gap:20px;margin-bottom:40px;position:relative}.error-digit{font-size:10rem;font-weight:200;color:var(--error-text-color);font-family:Space Grotesk,Inter,sans-serif;letter-spacing:-5px;line-height:1;transition:all .3s ease;position:relative}.error-zero{position:relative;background:linear-gradient(135deg,var(--error-accent) 0,var(--error-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;animation:pulseGlow 3s ease-in-out infinite}@keyframes pulseGlow{0%,to{filter:drop-shadow(0 0 10px rgba(6,182,212,.3))}50%{filter:drop-shadow(0 0 30px rgba(6,182,212,.6))}}.error-title{font-size:3rem;font-weight:300;color:var(--error-text-color);margin-bottom:20px;font-family:Space Grotesk,Inter,sans-serif;letter-spacing:1px}.error-description{font-size:1.15rem;color:var(--error-text-color);opacity:.7;margin-bottom:50px;line-height:1.8;max-width:600px;margin-left:auto;margin-right:auto;font-family:Inter,Segoe UI,sans-serif}.error-actions{display:flex;gap:20px;justify-content:center;align-items:center;flex-wrap:wrap}.btn-primary-custom,.btn-secondary-custom{padding:14px 32px;font-size:1rem;font-weight:500;border:none;border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:Inter,sans-serif;letter-spacing:.3px;display:inline-flex;align-items:center;gap:8px;text-decoration:none}.btn-primary-custom{background:linear-gradient(135deg,var(--error-accent) 0,var(--error-secondary) 100%);color:#fff;box-shadow:0 4px 15px rgba(6,182,212,.25)}.btn-primary-custom:hover{transform:translateY(-2px);box-shadow:0 6px 25px rgba(6,182,212,.4);color:#fff}.btn-secondary-custom{background:var(--error-overlay);color:var(--error-text-color);border:1.5px solid var(--error-accent)}.btn-secondary-custom:hover{background:var(--error-accent);color:#fff;transform:translateY(-2px);box-shadow:0 6px 25px rgba(6,182,212,.3)}.btn-icon-found{font-size:1.2rem;transition:transform .3s ease}.btn-primary-custom:hover .btn-icon-found{transform:translateX(-4px)}.decorative-lines{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;max-width:800px;pointer-events:none;opacity:.15;z-index:0}.line{position:absolute;background:linear-gradient(90deg,transparent,var(--error-accent),transparent);height:1px}.line-1{top:30%;left:0;right:0;animation:lineMove1 8s ease-in-out infinite}.line-2{top:50%;left:0;right:0;animation:lineMove2 10s ease-in-out infinite}.line-3{top:70%;left:0;right:0;animation:lineMove3 12s ease-in-out infinite}@keyframes lineMove1{0%,to{transform:translateX(-10%);opacity:.1}50%{transform:translateX(10%);opacity:.3}}@keyframes lineMove2{0%,to{transform:translateX(10%);opacity:.15}50%{transform:translateX(-10%);opacity:.25}}@keyframes lineMove3{0%,to{transform:translateX(-5%);opacity:.1}50%{transform:translateX(5%);opacity:.2}}.bg-animation{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1;pointer-events:none}.floating-shape{position:absolute;border-radius:50%;background:linear-gradient(135deg,var(--error-accent) 0,var(--error-secondary) 100%);opacity:.08;filter:blur(60px)}.shape-1{width:400px;height:400px;top:-10%;left:-10%;animation:float1 20s ease-in-out infinite}.shape-2{width:350px;height:350px;bottom:-10%;right:-10%;animation:float2 25s ease-in-out infinite}.shape-3{width:300px;height:300px;top:50%;left:50%;transform:translate(-50%,-50%);animation:float3 30s ease-in-out infinite}@keyframes float1{0%,to{transform:translate(0)}50%{transform:translate(50px,50px)}}@keyframes float2{0%,to{transform:translate(0)}50%{transform:translate(-50px,-50px)}}@keyframes float3{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(-30%,-30%)}}@media(max-width:992px){.error-digit{font-size:8rem}.error-code{gap:15px}.error-title{font-size:2.5rem}.error-description{font-size:1.1rem}}@media(max-width:768px){.error-digit{font-size:6rem}.error-code{gap:10px}.error-title{font-size:2rem}.error-description{font-size:1rem;padding:0 15px}.error-actions{flex-direction:column;gap:15px}.btn-primary-custom,.btn-secondary-custom{width:100%;max-width:280px}.floating-shape{filter:blur(40px)}.shape-1,.shape-2{width:250px;height:250px}.shape-3{width:200px;height:200px}}@media(max-width:576px){.error-digit{font-size:5rem}.error-title{font-size:1.75rem}.not-found-content{padding:20px 15px}}.maintenance-card-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,#0f172a,#06b6d4);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.maintenance-card{background:#fff;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.3);padding:50px 40px;text-align:center;max-width:600px;width:100%}.icon-wrapper-maintenance{width:120px;height:120px;margin:0 auto 30px;background:linear-gradient(135deg,#0f172a,#06b6d4);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:pulse 2s ease-in-out infinite}.icon-wrapper-maintenance.stopped{animation:none}.icon-wrapper-maintenance i{font-size:60px;color:#fff}.maintenance-title{font-size:2.5rem;font-weight:700;color:#2d3748;margin-bottom:20px}.maintenance-message{font-size:1.125rem;color:#718096;margin-bottom:30px;line-height:1.6}.spinner{width:40px;height:40px;margin:20px auto;border:4px solid #f3f4f6;border-top-color:#06b6d4;border-radius:50%;animation:spin 1s linear infinite}.spinner.stopped{animation:none;border-top:4px solid #ccc}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.time-box{background:linear-gradient(135deg,#0f172a,#06b6d4);color:#fff;padding:15px 25px;border-radius:12px;display:inline-block;margin-bottom:25px;font-weight:600}.time-box i{margin-right:10px}.info-box{background:#fef3c7;border:2px solid #fbbf24;border-radius:12px;padding:20px;margin-bottom:30px;text-align:left;overflow:hidden}.info-box i{color:#f59e0b;font-size:24px;margin-right:15px;float:left}.info-box-content{overflow:hidden}.info-box strong{color:#92400e;display:block;margin-bottom:5px}.info-box p{color:#78350f;margin:0;font-size:.95rem}.contact-section{margin-top:20px;padding-top:20px;border-top:2px solid #e2e8f0}.contact-section p{color:#718096;margin-bottom:15px}.contact-section a{color:#06b6d4;text-decoration:none;font-weight:600;transition:color .3s}.contact-section a:hover{color:rgba(30,102,128,.96);text-decoration:underline}