@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Montserrat,sans-serif}*::-webkit-scrollbar{display:none}body{scroll-behavior:smooth}#root{overflow-x:hidden}body.lock-scroll{overflow:hidden}button{padding:0;background:none;border:none;outline:none;display:block;font-size:17px;font-family:Ivar Headline;font-weight:600;color:inherit}.main-container{width:100%;height:100vh}.projects-horizontal{display:flex;height:100%;width:200vw}.projects-panel{flex:0 0 100vw;height:100vh}.container-fluid{width:1880px;padding:0;display:flex;justify-content:center;align-items:center}.col-12{flex:0 0 auto;width:100%}.left-col{width:797px;background-color:#e5e5e5!important}.right-col{width:1123px}.pt5{padding-top:5px!important}.pt-10{padding-top:10px!important}.pt-15{padding-top:15px!important}.pt-20{padding-top:20px!important}.home{display:flex;justify-content:space-between;align-items:center}.history{background:#e6e6e6;width:100%;height:100vh}.footer{position:relative}.footer .footer-content{height:100vh;overflow:hidden;display:flex;align-items:center}@media (max-width:899px){.desktop_nav .projects,.desktop_nav_about{display:none}}@media (min-width: 481px) and (max-width: 767px){.main-container{height:100%}.home,.container-fluid{flex-direction:column}.personal-information{height:auto!important;padding-bottom:30px}.left-col{width:100%!important;padding-top:45px}.right-col{width:100%!important}.greetings h1{padding-top:2.079vw}}@media (min-width: 320px) and (max-width: 480px){.main-container{height:100%}.home,.container-fluid{flex-direction:column}.personal-information{height:auto!important;padding-bottom:30px}.left-col,.right-col{width:100%!important}.greetings{margin-top:60px}.greetings h1{font-size:21.184vw!important}.greetings h2{font-size:16.199vw!important}.dev-img{width:92.212vw!important}.dev-brief p.brief-title{font-size:5.231vw!important}.dev-brief p.brief{width:92.212vw!important;font-size:3.738vw!important}.personal-interests{padding-left:792px!important;margin-top:30px}.pt-20{padding-top:0!important}.title{font-size:5.542vw!important}.interest i.fa-cauldron,i.fa-person-hiking{font-size:7.165vw!important}.interest i.fa-book,i.fa-dumbbell,i.fa-camera-polaroid{font-size:6.8vw!important}i.fa-code,i.fa-microphone-stand,.skill i{font-size:6.231vw!important}.interest i{width:6.231vw!important}.interest p,.skill p{font-size:4.087vw!important}.interests,.skills,.contact{width:100vw!important}.interest{width:50vw!important}.personal-interests .skills,.personal-interests .contact{margin-top:7.788vw!important}.personal-interests .contact{margin-bottom:30px}.personal-skills{margin-top:20px;overflow:hidden}.skill{width:50vw!important;padding-left:0!important;margin-left:0!important;justify-content:left!important}.react{padding-top:0!important}.skill:nth-child(3),.skill:nth-child(4),.skill:nth-child(5),.skill:nth-child(6),.skill:nth-child(7),.skill:nth-child(8),.skill:nth-child(9),.skill:nth-child(10),.skill:nth-child(11){padding-top:10px}}.desktop_nav{position:fixed;top:0;left:0;height:100vh;padding:calc(10px + 1vw);z-index:3;display:flex;flex-direction:column;justify-content:space-between;align-items:center;color:#000}.logo{cursor:pointer;background:#000;color:#fff;padding:6px 9px;font-size:21px;font-weight:bolder;border-radius:4px;text-transform:uppercase}.label-name{font-family:Montserrat,sans-serif;font-weight:300;text-align:center;margin-bottom:10px}.projects{margin-left:4px;display:flex;flex-direction:column;align-items:center;justify-content:center}.projects .project_btn{opacity:1;transform:scaleX(1)}.project_btn{position:relative;width:16px;height:13px;cursor:pointer;padding:5px 0;transition:transform .3s;transition-delay:1.4s;transform:scaleX(0);color:#000;opacity:0}.fill{width:100%;height:100%;opacity:.3;will-change:opacity;transition:transform .2s;transform-origin:0 0}.project_btn:hover .fill{opacity:1}.project_label{position:absolute;padding-left:90px;left:0;top:-10px}.pl{position:relative;opacity:0;transform-origin:0 50%;height:100%;font-size:15px;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:#000;display:none}.desktop_nav_about{cursor:pointer;transition:opacity .2s;will-change:opacity;margin-left:6px;opacity:.8}.desktop_nav_about svg{fill:#656565;will-change:fill}.desktop_nav_about svg:hover{fill:#000;opacity:1}.bwhite{background-color:#fff!important}.twhite{color:#fff!important}.personal-information{flex-direction:column;height:100vh}.dev-info{font-family:Montserrat,sans-serif;color:#000}.greetings{width:100%;font-family:Montserrat,sans-serif}.greetings h1{font-size:93px;margin:0;font-weight:800}.greetings h2{padding-bottom:10px;font-weight:800;margin:0;font-size:77px}.dev-img{position:relative;display:flex;flex-direction:column;width:441px}.dev-info .dev-img img{width:100%;height:328px;object-fit:cover;position:relative;border-radius:15px;box-shadow:0 20px 40px #0000001a;transition:all .3s ease}.dev-img .photo-credit{display:flex;align-items:end;justify-content:end;font-weight:500;color:#878787;font-size:10px;padding-top:5px}.dev-brief p.brief-title{font-size:26.79px;font-weight:700;margin:0;padding:0}.dev-brief p.brief{text-align:justify;width:441px;padding-top:10px;font-size:16px;font-weight:400;margin:0}.skeleton-box{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,#0000000f 25%,#0000001f 37%,#0000000f 63%);animation:skeleton-shimmer 1.2s infinite linear forwards;background-size:400% 100%}@keyframes skeleton-shimmer{0%{background-position:100% 0}to{background-position:0 0}}@media (prefers-color-scheme: dark){.skeleton-box{background:linear-gradient(90deg,#ffffff0f 25%,#ffffff1f 37%,#ffffff0f 63%)}}.personal-interests{display:flex;flex-direction:column;justify-content:center;align-items:start;padding-left:175px}.personal-interests .contact{font-weight:400;font-size:14px}.personal-interests .skills,.personal-interests .contact{margin-top:86px}.title{font-size:26.79px;font-weight:600;margin:0}.interest{width:266.67px}.interest i{width:40px}.interest i.fa-cauldron,i.fa-person-hiking{font-size:30px}.interest i.fa-book,i.fa-dumbbell,i.fa-camera-polaroid{font-size:25px}i.fa-code,i.fa-microphone-stand,.skill i{font-size:20px}.fa-person-praying{font-size:22px}.interest p,.skill p{margin-left:10px;margin-bottom:0;font-weight:400;font-size:15.12px;display:flex;justify-content:center;align-items:center}.interests,.skills,.contact{width:800px}.personal-skills{display:flex;flex-wrap:wrap;width:100%;max-height:calc(100vh - 300px);overflow-y:auto;justify-content:flex-start;align-items:flex-start}.skill{min-width:100px;text-align:center;justify-content:center;color:#1e1e1e!important;padding:6px 4px;border-radius:8px;transition:all .3s ease;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0}.skill:nth-child(9){margin-top:10px}.skill p{font-size:13px;margin-left:5px;font-weight:400;font-family:Montserrat,sans-serif}.fa-mysql{display:inline-block;width:20px;height:20px;background:url(/assets/img/mysql.svg)}.fa-postgresql{display:inline-block;width:20px;height:20px;background:url(/assets/img/postgresql.svg)}.react{padding-left:0!important}.personal-interests .contact p{margin:0}.dev-email{color:#1e1e1e}.hero-section{width:100%;height:100vh}.history{width:100%;overflow:hidden;height:100vh;transition:.3 ease-in-out}.history p{margin:0}.personal-timeline{width:100%;background:#f5f5f5}.page-titles{position:relative;top:129px;left:200px;font-family:Montserrat,sans-serif;font-weight:700;color:#000}.page-titles>span{display:block}.page-titles span:nth-child(1){font-size:66px}.page-titles span:nth-child(2){font-size:108px}.page-titles .history-class{position:absolute;top:0;left:0;font-size:64px;font-weight:800}.page-titles .about-me{position:relative;top:68px;left:0;font-size:106px;font-weight:800}.timeline-dots{position:relative;top:346px;left:90px;overflow:hidden;height:8px}.timeline-dot{width:8px;background-color:#010101;border-radius:100%;margin-left:4px}.psc{position:relative;top:310px;left:183px}.doing-icon{width:65px;height:65px;background:#fa5d54;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 4px 12px #fa5d5499;will-change:transform,opacity;transform:translateZ(0);z-index:10;position:relative}.doing-icon i{font-size:25px;color:#fff}.appifylab .doing-icon,.bkttc .doing-icon{box-shadow:0 4px 12px #4e5dd099!important}.long-line{display:block;width:2px;height:246px;background:#010101;position:relative;left:30px}.short-line{position:relative;width:2px;height:54px;background:#010101;top:13px;left:30px;display:block}.timeline-start,.timeline-end{position:relative;bottom:41px;right:46px}.timeline-month{font-weight:600;font-size:15px}.timeline-year{margin-left:4px!important;font-weight:700;font-size:18px}.psc .timeline-end .timeline-year{letter-spacing:.1em}.details{position:relative;bottom:107px;left:45px;font-weight:700}.details .degree{position:relative;top:5px;font-size:17px}.details .type{position:relative;top:2px;font-size:17px}.details .institute{position:relative;top:-1px;font-size:15px;font-weight:300}.jsc{position:relative;left:573px;bottom:180px}.ssc{position:relative;bottom:672px;left:809px}.ssc .long-line{height:90px}.hsc{position:relative;left:1020px;top:-1436px;transform:scaleY(-1)}.hsc .doing-icon i,.appifylab .doing-icon i,.hsc .timeline-start,.hsc .timeline-end,.hsc .details,.appifylab .timeline-start,.appifylab .timeline-end,.appifylab .details{transform:scaleY(-1)}.hsc .details .degree,.appifylab .details .degree{top:0}.hsc .details .type,.appifylab .details .type,.hsc .details .institute,.appifylab .details .institute{top:-2px}.microsoft-course{position:relative;bottom:1500px;left:1190px}.appifylab{position:relative;bottom:2421px;left:1481px;transform:scaleY(-1)}.job .doing-icon{background:#4e5dd0}.appifylab .long-line{right:13px}.appifylab .short-line{right:15px}.bkttc{position:relative;bottom:2486px;left:1656px}.doing-icon{opacity:0}.long-line,.short-line{transform:scaleY(0);transform-origin:top}.timeline-start p,.timeline-end p,.details p{opacity:0;transform:translate(30px)}.history-class,.about-me{opacity:0;transform:translateY(20px) scale(.9)}.author_img{height:100%;background-image:url(/assets/img/dev-footer.png);background-size:cover;background-position:center center}.photo_credit{position:absolute;left:804px;writing-mode:vertical-rl;height:193px;top:1960px;transform:rotate(180deg);font-family:Montserrat,sans-serif;color:#000;font-weight:300;font-size:14px}.author_message{display:flex;align-items:center;justify-content:space-between;flex-direction:column}.footer_greetings{display:flex;justify-content:center;align-items:center;flex-direction:column}.footer_greetings span:first-child{font-family:Montserrat,sans-serif;color:#000;font-size:108px;font-weight:700;margin:0;padding:0;line-height:108px}.footer_greetings span:nth-child(2){font-family:Montserrat,sans-serif;color:#000;font-size:67px;font-weight:700;margin:0;padding:0;line-height:52px}.footer_contact{margin-top:222px}.footer_contact .contact span p{margin-bottom:0!important}.footer .falling-layer{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;pointer-events:none}.footer .falling-item{position:absolute;will-change:transform;-webkit-user-select:none;user-select:none;pointer-events:auto}.footer .footer-content{position:relative;z-index:1;width:100%;display:flex;justify-content:space-between;align-items:center;height:100%}.floating-header{z-index:5;grid-column-gap:0px;grid-row-gap:0px;background-color:#0000;flex-flow:column;justify-content:center;align-items:center;width:100%;padding-top:20px;padding-left:40px;padding-right:40px;display:flex;position:fixed;bottom:40px;top:auto;visibility:hidden;pointer-events:none}.visible{visibility:visible!important}.floating-header.visible{visibility:visible}.arrow-img{opacity:1!important}.floating-header.scrolling{transform:translateY(20px);opacity:.7}.floating-menu{grid-column-gap:12px;grid-row-gap:12px;background:#b4b4c633!important;border-radius:20px;justify-content:center;padding-left:12px;padding-right:12px;display:flex;height:62px;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a;pointer-events:auto}.floating-menu.floating-main-menu{-webkit-backdrop-filter:blur(12px);background-color:#b4b4c633!important;backdrop-filter:blur(12px);margin-left:0}.floating-menu-link-wrapper{grid-column-gap:9px;grid-row-gap:9px;flex-flow:column;align-items:center;padding-top:12px;text-decoration:none;display:flex;transition:all .3s cubic-bezier(.4,0,.2,1)}.floating-menu-link{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:10px;flex-flow:column;justify-content:center;align-items:center;width:38px;height:38px;padding:9px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.floating-menu-link-wrapper.black-background .floating-menu-link{background:#000;border:1px solid rgba(255,255,255,.1)}.floating-menu-link-wrapper.white-background .floating-menu-link{background:#fff;border:1px solid rgba(0,0,0,.1)}.floating-menu-link-wrapper.white-background .floating-menu-link-img{opacity:0}.floating-menu-link-wrapper.white-background .floating-menu-link-img-black,.floating-menu-link-wrapper.white-background.w--current .floating-menu-link-img{display:block;opacity:1}.floating-menu-link-wrapper.white-background.w--current .floating-menu-link-img-black{display:none;opacity:0}.floating-menu-link-wrapper.w--current .floating-menu-link{background:#000;border-color:#000c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 12px #0003}.floating-menu-link-wrapper.white-background.w--current .floating-menu-link{background:#000;border-color:#000c}.floating-menu-link-img{width:20px;max-width:none;height:20px;opacity:1;transition:opacity .3s ease;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.floating-menu-link-wrapper.w--current .floating-menu-link-img-black{display:none}.floating-menu-link-img-black{width:20px;max-width:none;height:20px;display:none;opacity:0;transition:opacity .3s ease;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.floating-menu-link-wrapper:hover .floating-menu-link-img{opacity:0}.floating-menu-link-wrapper.w--current .floating-menu-link-img{display:block;opacity:1;filter:drop-shadow(0 0 6px rgba(255,255,255,.3))}.floating-menu-link-line{width:20px;height:3px;background-color:transparent;transition:background-color .3s ease}.floating-menu-link-wrapper.w--current .floating-menu-link-line{background-color:#000;box-shadow:0 0 10px #ffffff4d}@media (max-width: 768px){.floating-header{bottom:30px;padding-left:20px;padding-right:20px}.floating-menu{grid-column-gap:10px;padding-left:10px;padding-right:10px;height:56px}.floating-menu-link{width:34px;height:34px;padding:8px}.floating-menu-link-img,.floating-menu-link-img-black{width:18px;height:18px}}@media (max-width: 480px){.floating-header{bottom:25px;padding-left:15px;padding-right:15px}.floating-menu{grid-column-gap:8px;padding-left:8px;padding-right:8px;height:50px}.floating-menu-link{width:30px;height:30px;padding:7px}.floating-menu-link-img,.floating-menu-link-img-black{width:16px;height:16px}}.wordpress{display:flex;min-height:100vh;width:100%;font-family:Montserrat,Helvetica Neue,Arial,sans-serif}.wordpress-left{flex:0 0 41.41%;background:#f8f8f8;display:flex;align-items:center;justify-content:center;padding-top:5rem;padding-bottom:5rem;padding-left:7.6875rem}.wordpress-content{text-align:center;display:flex;flex-direction:column;height:100%;justify-content:space-evenly}.wordpress-subtitle{font-size:1.25rem;color:#373737;margin-bottom:.5rem}.wordpress-title{font-size:4.6875rem;font-weight:900;text-transform:uppercase;letter-spacing:-.5px;line-height:.95;color:#373737;margin:0}.wordpress-title span{color:#21759b}.wordpress-desc{font-size:1.6875rem;line-height:2.1875rem;padding-top:1.25rem}.wordpress-bottom{display:flex;flex-direction:column;justify-content:center;align-items:center}.wordpress-meta{display:flex;justify-content:space-between;width:200px}.wordpress-meta-label{display:flex;flex-direction:column;align-items:end}.wordpress-meta-value{display:flex;flex-direction:column;align-items:start}.technologies{margin-top:90px}.wordpress-software-used{font-size:15px;color:#444;text-transform:uppercase;font-weight:500}.wordpress-software-icons{display:flex;justify-content:center;align-items:center;gap:30px}.wordpress-software-icons img{width:35px;height:35px;object-fit:contain;transition:transform .3s ease}.wordpress-right{flex:1 1 58.59%;display:flex;align-items:center;justify-content:center;position:relative;min-height:100vh;background-color:#040707}.wp-project-indicators{position:absolute;bottom:28px;left:45%;display:flex;align-items:center;gap:12px;z-index:1000}.wp-indicator{width:3px;height:22px;border:none;background:var(--indicator-bg, rgba(255, 255, 255, .35));border-radius:2px;cursor:pointer;transition:transform .25s ease,height .25s ease,width .25s ease,background-color .25s ease,opacity .25s ease;padding:0;opacity:.7}.wp-indicator:hover,.wp-indicator:focus-visible{background:var(--indicator-hover, rgba(255, 255, 255, .6));opacity:1}.wp-indicator.active{width:7px;height:30px;background:var(--indicator-active, #fff);opacity:.3}.wordpress-right:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 20%,rgba(33,117,155,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(46,159,217,.1) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(33,117,155,.05) 0%,transparent 70%);z-index:1;animation:bgPulse 8s ease-in-out infinite}@keyframes bgPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.wordpress-right:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(2px 2px at 25% 25%,rgba(33,117,155,.4),transparent),radial-gradient(2px 2px at 75% 35%,rgba(46,159,217,.3),transparent),radial-gradient(1px 1px at 60% 60%,rgba(33,117,155,.5),transparent),radial-gradient(1px 1px at 30% 80%,rgba(46,159,217,.4),transparent),radial-gradient(2px 2px at 80% 20%,rgba(33,117,155,.3),transparent);background-size:300px 300px;animation:particleFloat 25s linear infinite;pointer-events:none;opacity:.8;z-index:1}@keyframes particleFloat{0%{transform:translateY(100vh) rotate(0)}to{transform:translateY(-100vh) rotate(360deg)}}.wp-feature-card{transition:all .3s ease;cursor:pointer}.wp-feature-card:hover{transform:translateY(-10px) scale(1.05);box-shadow:0 20px 40px #0000004d}.metric-item{transition:all .3s ease;cursor:pointer}.metric-item:hover{transform:translateY(-5px) scale(1.05)}.particle{transition:all .3s ease}.wp-logo-circle:hover{box-shadow:0 25px 50px #21759b80}.wp-feature-card:hover .feature-icon{box-shadow:0 0 20px #21759b99}.wp-browser-mockup,.wp-code-editor,.wp-metrics-container,.floating-wp-element{transition:all .3s ease}.wp-feature-card,.wp-metrics{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}@media (max-width: 1200px){.wp-browser-mockup{width:300px;height:220px;top:20%;left:10%}.wp-code-editor{width:220px;height:140px;right:8%}.wp-feature-card{min-width:120px;padding:12px}.feature-text{font-size:11px}.wp-metrics-container{right:8%;top:15%}.wp-metrics{min-width:160px;padding:15px}}@media (max-width: 768px){.wp-showcase-container{padding:20px}.wp-browser-mockup{position:relative;top:auto;left:auto;width:100%;max-width:280px;height:200px;margin:20px auto}.wp-code-editor{position:relative;top:auto;right:auto;width:100%;max-width:260px;height:120px;margin:20px auto}.floating-wp-element{position:relative!important;inset:auto!important;margin:10px auto;display:flex;justify-content:center}.wp-logo-animation{position:relative;top:auto;left:auto;transform:none;margin:20px auto}.wordpress-right:before,.wordpress-right:after{display:none}}.wp-block-editor-container{position:relative;width:100%;height:100%;min-height:600px;background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a);overflow:hidden}.wp-block-editor-grid{position:absolute;inset:0;opacity:.1;background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:30px 30px}.wp-block-editor-particles{position:absolute;inset:0;pointer-events:none}.wp-particle{position:absolute;width:4px;height:4px;background:#3b82f6;border-radius:50%;opacity:.3;animation:wp-float 4s ease-in-out infinite alternate}@keyframes wp-float{0%{transform:translateY(0)}to{transform:translateY(-40px)}}.wp-block{position:absolute;border:2px solid;border-radius:12px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 20px #0000001a,inset 0 1px #ffffff1a;transform-style:preserve-3d;z-index:10}.wp-block-small{width:128px;height:80px}.wp-block-medium{width:192px;height:96px}.wp-block-large{width:224px;height:128px}.wp-block:hover{box-shadow:0 20px 40px #0000004d,inset 0 1px #ffffff1a}.wp-block-ripple{position:absolute;inset:0;border-radius:12px;border:2px solid;opacity:0;pointer-events:none}.wp-block-content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:16px;text-align:center}.wp-block-icon{font-size:24px;margin-bottom:8px;line-height:1}.wp-block-icon-img{width:22px;height:22px;object-fit:contain;display:block;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.wp-block-type{font-size:12px;font-weight:600;color:#fff;margin-bottom:4px;letter-spacing:.5px}.wp-block-text{font-size:11px;color:#d1d5db;line-height:1.3;font-weight:400}.wp-block-indicator{position:absolute;top:8px;right:8px;width:12px;height:12px;border-radius:50%}.wp-block-glow{position:absolute;inset:0;border-radius:12px;opacity:0;transition:opacity .3s ease}.wp-block-glow.active{opacity:.2}.wp-center-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;opacity:.2}.wp-logo-circle{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px #3b82f64d}.wp-logo-img{width:36px;height:36px;object-fit:contain}@keyframes wp-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}@media (max-width: 768px){.wp-block-small{width:100px;height:60px}.wp-block-medium{width:140px;height:70px}.wp-block-large{width:160px;height:90px}.wp-block-icon{font-size:18px}.wp-block-type{font-size:10px}.wp-block-text{font-size:9px}.wp-logo-circle{width:60px;height:60px}.wp-logo-text{font-size:18px}}.wp-block:before{content:"";position:absolute;inset:0;border-radius:12px;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);pointer-events:none}.wp-block *{transition:all .3s cubic-bezier(.4,0,.2,1)}.wp-block-editor-container *{transform-style:preserve-3d}.hostym .project-accent{background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.health-dashboard{background:#ffffffe6;border:1px solid rgba(0,0,0,.08);box-shadow:0 8px 30px #00000014;border-radius:20px;padding:1.5rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .3s ease}.health-dashboard:hover{transform:translateY(-2px);box-shadow:0 12px 40px #0000001f}.health-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.health-title{color:#0f172a;font-weight:800;margin:0;font-size:1.2rem;background:linear-gradient(135deg,#1e293b,#0f172a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.health-tabs{display:flex;gap:.5rem}.health-tab{background:#fffc;color:#475569;border:1px solid rgba(0,0,0,.1);padding:.6rem 1rem;border-radius:12px;font-size:.85rem;font-weight:500;transition:all .3s ease;cursor:pointer}.health-tab:hover,.health-tab.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border-color:transparent;transform:translateY(-1px)}.health-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.health-card{background:#ffffffb3;border:1px solid rgba(0,0,0,.08);border-radius:16px;padding:1rem;text-align:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.health-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0000001a;background:#ffffffe6}.gauge{width:100px;height:100px;border-radius:50%;margin:0 auto .75rem;position:relative;background:conic-gradient(var(--color) calc(var(--value) * 1%),#e2e8f0 0);display:grid;place-items:center;box-shadow:0 4px 15px #0000001a;transition:all .3s ease}.gauge:hover{transform:scale(1.05);box-shadow:0 6px 20px #00000026}.gauge:before{content:"";position:absolute;width:75px;height:75px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 2px #0000000d}.gauge-value{position:absolute;color:#0f172a;font-weight:800;font-size:1rem}.health-label{color:#475569;font-size:.8rem;margin-top:.25rem;font-weight:600}.health-status{margin-top:1rem;background:#fffc;border:1px solid rgba(0,0,0,.08);border-radius:16px;padding:1rem;display:flex;align-items:center;justify-content:space-between;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.health-status:hover{transform:translateY(-1px);box-shadow:0 4px 15px #0000001a}.status-left{display:flex;gap:.75rem;align-items:center}.status-badge{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-weight:700;box-shadow:0 2px 8px #10b9814d}.status-note{color:#64748b;font-size:.85rem;font-weight:500}.metrics-dashboard{background:#0000000f;border:1px solid rgba(0,0,0,.12);border-radius:16px;padding:1.25rem 1.5rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.dashboard-header h3{font-size:1.1rem;font-weight:800;color:#0f172a;margin:0}.live-status{display:flex;align-items:center;gap:.5rem;color:#10b981;font-size:.85rem;font-weight:500}.status-indicator{width:8px;height:8px;border-radius:50%;background:#10b981;animation:pulse 2s infinite}.metrics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.metric-widget{background:#0000000d;border:1px solid rgba(0,0,0,.12);border-radius:12px;padding:1.1rem;transition:all .3s ease}.metric-widget:hover{background:#00000014;transform:translateY(-2px)}.metric-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.metric-icon{font-size:1.5rem;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:#3b82f61f;border-radius:8px}.metric-trend{color:#10b981;font-size:1rem;font-weight:600}.metric-value{font-size:1.4rem;font-weight:800;color:#0f172a;margin-bottom:.25rem}.metric-label{font-size:.8rem;color:#64748b;font-weight:500;margin-bottom:.75rem}.metric-progress{height:4px;background:#e5e7eb;border-radius:2px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,#3b82f6,#10b981);border-radius:2px;animation:progressFill 2s ease-out}.overview-card{background:#ffffffe6;border:1px solid rgba(0,0,0,.08);box-shadow:0 8px 30px #00000014;border-radius:18px;padding:1.5rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .3s ease}.overview-card:hover{transform:translateY(-2px);box-shadow:0 12px 40px #0000001f}.overview-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.overview-title{margin:0;color:#0f172a;font-weight:800;font-size:1.1rem;background:linear-gradient(135deg,#1e293b,#0f172a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pill-row{display:flex;flex-wrap:wrap;gap:.5rem}.pill{display:inline-flex;align-items:center;gap:.4rem;background:#ffffffe6;border:1px solid rgba(0,0,0,.1);color:#475569;padding:.4rem .8rem;border-radius:999px;font-size:.8rem;font-weight:600;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #00000014}.pill svg{width:14px;height:14px;color:#3b82f6}.website-mockup{background:#fffffff2;border-radius:12px;overflow:hidden;box-shadow:0 15px 35px #0000004d;border:1px solid rgba(255,255,255,.2)}.mockup-header{background:#f1f5f9;padding:.75rem 1rem;display:flex;align-items:center;gap:1rem;border-bottom:1px solid #e2e8f0}.mockup-controls{display:flex;gap:.5rem}.control{width:12px;height:12px;border-radius:50%}.control.red{background:#ef4444}.control.yellow{background:#f59e0b}.control.green{background:#10b981}.mockup-url{background:#fff;padding:.25rem .75rem;border-radius:4px;font-size:.8rem;color:#64748b;border:1px solid #e2e8f0;flex:1;max-width:180px}.mockup-content{padding:1.5rem;background:#fff}.preview-hero{text-align:center;margin-bottom:1.5rem;padding:1rem;background:linear-gradient(135deg,#3b82f6,#10b981);border-radius:8px;color:#fff}.hero-text{font-size:1.1rem;font-weight:700;margin-bottom:.25rem}.hero-subtext{font-size:.8rem;opacity:.9}.preview-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.plan-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:.75rem;text-align:center;position:relative;transition:all .3s ease}.plan-card:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.plan-card.featured{border-color:#3b82f6;background:#3b82f60d}.plan-badge{position:absolute;top:-6px;left:50%;transform:translate(-50%);background:#3b82f6;color:#fff;padding:.2rem .5rem;border-radius:10px;font-size:.6rem;font-weight:600}.plan-name{font-size:.75rem;font-weight:600;color:#1e293b;margin-bottom:.25rem}.plan-price{font-size:.9rem;font-weight:700;color:#3b82f6}.project-container{display:flex;min-height:100vh;width:100%;font-family:Inter,Montserrat,Helvetica Neue,Arial,sans-serif;position:relative;overflow:hidden;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.project-left{flex:0 0 41.41%;background:linear-gradient(135deg,#fff,#f8fafc,#f1f5f9);display:flex;align-items:center;justify-content:center;padding:4rem 3rem;position:relative;border-right:1px solid rgba(0,0,0,.06)}.project-left:before{content:"";position:absolute;inset:0;background:radial-gradient(600px 400px at 20% 30%,#3b82f608,#3b82f600 60%),radial-gradient(500px 300px at 80% 70%,#10b98105,#10b98100 60%);pointer-events:none}.project-content{max-width:500px;width:100%;display:flex;flex-direction:column;gap:1.5rem;position:relative;z-index:2}.project-header{text-align:left}.project-category{display:inline-block;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:.4rem .8rem;border-radius:8px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:1rem;box-shadow:0 2px 8px #3b82f633;transition:all .3s ease}.project-category:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.project-title{font-size:3.2rem;font-weight:900;margin:0 0 1rem;line-height:.85;text-transform:uppercase;letter-spacing:-.02em;background:linear-gradient(135deg,#1e293b,#0f172a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.project-accent{background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.project-description{font-size:1.1rem;line-height:1.7;color:#475569;margin:0;font-weight:400}.project-info{display:grid;grid-template-columns:1fr 1fr;gap:1rem;background:#ffffffe6;padding:1.5rem;border-radius:16px;border:1px solid rgba(0,0,0,.08);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 4px 20px #00000014;transition:all .3s ease}.project-info:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000001f}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-label{font-size:.85rem;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:1rem;color:#0f172a;font-weight:700}.project-tech{text-align:left}.tech-title{font-size:.9rem;color:#64748b;margin-bottom:.75rem;font-weight:600}.tech-grid{display:flex;flex-wrap:wrap;gap:.5rem}.tech-item{background:linear-gradient(135deg,#fff,#f8fafc);color:#1e293b;padding:.5rem 1rem;border-radius:8px;font-size:.8rem;font-weight:600;border:1px solid rgba(0,0,0,.1);transition:all .3s ease;box-shadow:0 1px 3px #0000001a}.tech-item:hover{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d;border-color:transparent}.project-cta{text-align:left}.cta-button{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#373737,#000);color:#fff;padding:.8rem 1.5rem;border-radius:12px;text-decoration:none;font-weight:600;font-size:.9rem;transition:all .3s ease;box-shadow:0 4px 20px #0f172a4d;border:1px solid rgba(255,255,255,.1)}.cta-button:hover{transform:translateY(-3px);box-shadow:0 8px 30px #0f172a66}.cta-button svg{transition:transform .3s ease}.cta-button:hover svg{transform:translate(2px,-2px)}.cta-button.secondary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 20px #3b82f64d}.cta-button.secondary:hover{box-shadow:0 8px 30px #3b82f666}.project-right{flex:1 1 58%;background:linear-gradient(135deg,#fff,#f8fafc,#f1f5f9);position:relative;overflow:hidden}.project-right:before{content:"";position:absolute;inset:0;background:radial-gradient(800px 600px at 20% 20%,#3b82f60d,#3b82f600 60%),radial-gradient(600px 500px at 80% 80%,#10b9810a,#10b98100 60%),radial-gradient(400px 300px at 50% 50%,#f59e0b08,#f59e0b00 70%);pointer-events:none}.project-dashboard{position:relative;z-index:2;height:100%;padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem;justify-content:center}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-title{color:#0f172a;font-weight:800;margin:0;font-size:1.2rem;background:linear-gradient(135deg,#1e293b,#0f172a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-indicators{display:flex;align-items:center;gap:.75rem}.section-badge{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:.4rem .8rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #3b82f633}.project-section{background:#ffffffe6;border:1px solid rgba(0,0,0,.08);box-shadow:0 8px 30px #00000014;border-radius:20px;padding:1.5rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .3s ease}.project-section:hover{transform:translateY(-2px);box-shadow:0 12px 40px #0000001f}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.project-card{background:#ffffffb3;border:1px solid rgba(0,0,0,.08);border-radius:16px;padding:1.25rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideInUp .6s ease-out var(--delay, 0s) both}.project-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0000001a;background:#ffffffe6}.action-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.5rem}.action-buttons{display:flex;gap:.75rem}.action-status{display:inline-flex;align-items:center;gap:.4rem;background:#ffffffe6;border:1px solid rgba(0,0,0,.08);box-shadow:0 4px 15px #00000014;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#0f172a;padding:.5rem .8rem;border-radius:12px;font-size:.85rem;font-weight:600;transition:all .3s ease}.action-status:hover{transform:translateY(-1px);box-shadow:0 6px 20px #0000001f}.status-dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 0 #22c55e99;animation:statusPulse 1.8s infinite}.updates-card{background:#ffffffe6;border:1px solid rgba(0,0,0,.08);box-shadow:0 8px 30px #00000014;border-radius:18px;padding:1.5rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .3s ease}.updates-card:hover{transform:translateY(-2px);box-shadow:0 12px 40px #0000001f}.updates-title{margin:0;color:#0f172a;font-weight:800;font-size:1.1rem;background:linear-gradient(135deg,#1e293b,#0f172a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.updates-list{margin:.75rem 0 0;padding:0;list-style:none;display:grid;gap:.6rem;max-height:200px;overflow:auto}.update-item{display:flex;align-items:center;gap:.6rem;color:#475569;font-weight:500;transition:all .3s ease;border-radius:8px;padding:.4rem 0 .4rem .4rem}.update-dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 6px #10b9814d;flex-shrink:0}@keyframes statusPulse{0%{box-shadow:0 0 #22c55e99}70%{box-shadow:0 0 0 10px #22c55e00}to{box-shadow:0 0 #22c55e00}}@media (max-width: 1024px){.project-left{flex:0 0 50%;padding:3rem 2rem}.project-right{flex:1 1 50%}.project-dashboard{padding:1.5rem}.project-grid{grid-template-columns:1fr}}@media (max-width: 768px){.project-container{flex-direction:column}.project-left,.project-right{flex:none;min-height:50vh}.project-title{font-size:2.5rem}.project-info{grid-template-columns:1fr}.action-row{flex-direction:column;align-items:stretch}.action-buttons{justify-content:center}}@media (max-width: 480px){.project-left,.project-right{padding:2rem 1rem}.project-title{font-size:2rem}.project-dashboard{padding:1rem}.section-header{flex-direction:column;align-items:flex-start;gap:.5rem}.header-indicators{align-self:flex-end}}.florapixel .project-accent{background:linear-gradient(135deg,#2563eb,#1d4ed8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.florapixel .project-category{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 2px 8px #2563eb33}.florapixel .project-category:hover{box-shadow:0 4px 12px #2563eb4d}.florapixel .tech-item:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #2563eb4d}.florapixel .project-right:before{background:radial-gradient(circle at 20% 80%,rgba(59,130,246,.05) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(168,85,247,.05) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(34,197,94,.03) 0%,transparent 50%)}.features-showcase{background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,.08);border-radius:16px;padding:1.5rem;margin-bottom:.75rem;box-shadow:0 4px 20px #00000014}.showcase-header{text-align:center;margin-bottom:1.5rem}.showcase-title{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0 0 .5rem}.showcase-subtitle{font-size:.875rem;color:#64748b;font-weight:400}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.feature-card{background:#fffc;border:1px solid rgba(0,0,0,.1);border-radius:12px;padding:1rem;display:flex;align-items:center;gap:.75rem;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden;animation:slideInUp .6s ease-out var(--delay, 0s) both}.feature-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#3b82f60d,#a855f70d);opacity:0;transition:opacity .3s ease}.feature-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001f;border-color:#3b82f64d}.feature-icon{width:36px;height:36px;background:#3b82f61a;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.feature-name{font-size:.875rem;font-weight:600;color:#1e293b;margin-bottom:.25rem}.feature-description{font-size:.75rem;color:#64748b;line-height:1.4}.feature-action{width:28px;height:28px;background:#3b82f61a;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#3b82f6;transition:all .3s ease}.feature-card:hover .feature-action{background:#3b82f633;color:#2563eb;transform:rotate(45deg)}.status-monitor{background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,.08);border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px #00000014}.monitor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.monitor-title{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;color:#1e293b}.monitor-icon{position:relative}.pulse-dot{width:10px;height:10px;background:#22c55e;border-radius:50%;animation:pulse 2s infinite}.monitor-time{font-size:.75rem;color:#64748b}.monitor-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.monitor-item{background:#fffc;border:1px solid rgba(0,0,0,.1);border-radius:10px;padding:.75rem;transition:all .3s ease}.monitor-item:hover{transform:translateY(-1px);border-color:#3b82f64d;box-shadow:0 4px 15px #0000001a}.monitor-label{font-size:.75rem;color:#64748b;margin-bottom:.25rem}.monitor-value{font-size:1rem;font-weight:600;color:#1e293b;margin-bottom:.25rem}.monitor-trend{display:flex;align-items:center;gap:.25rem;font-size:.625rem;color:#22c55e}.easydental *{animation-play-state:running!important}.easydental .wordpress-right:after,.easydental .wp-particle,.easydental .particle{display:none!important}.easydental .project-accent{background:linear-gradient(135deg,#ff6b35,#f7931e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.easydental .project-category{background:linear-gradient(135deg,#ff6b35,#f7931e);box-shadow:0 2px 8px #ff6b3533}.easydental .project-category:hover{box-shadow:0 4px 12px #ff6b354d}.easydental .tech-item:hover{background:#e67e22;color:#fff;border-color:#ff6b354d;box-shadow:0 4px 12px #ff6b3533}.easydental .project-right:before{background:radial-gradient(circle at 20% 80%,rgba(255,107,53,.03) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,107,53,.03) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(255,107,53,.02) 0%,transparent 50%)}.easydental .project-left:before{background:radial-gradient(600px 400px at 20% 30%,#ff6b3508,#ff6b3500 60%),radial-gradient(500px 300px at 80% 70%,#ff6b3505,#ff6b3500 60%)}.easydental .section-badge{background:linear-gradient(135deg,#ff6b35,#f7931e)}.performance-section{background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,.08);border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px #00000014;transition:all .3s ease}.performance-section:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000001f}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.stat-card{background:#fffc;border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:1rem;text-align:center;transition:all .3s ease;position:relative;overflow:hidden;animation:slideInUp .6s ease-out var(--delay, 0s) both}.stat-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ff6b350d 0% 100%);opacity:0;transition:opacity .3s ease}.stat-card:hover:before{opacity:1}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ff6b3526;border-color:#ff6b354d}.stat-value{font-size:1.5rem;font-weight:700;color:#ff6b35;margin-bottom:.25rem;display:flex;align-items:center;justify-content:center;gap:.25rem}.stat-unit{font-size:.875rem;font-weight:500;color:#64748b}.stat-label{font-size:.75rem;color:#64748b;font-weight:500;margin-bottom:.25rem}.stat-trend{font-size:.65rem;color:#ff6b35;font-weight:600}.features-section{background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,.08);border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px #00000014;transition:all .3s ease}.features-section:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000001f}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.feature-card{background:#fffc;border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:1rem;display:flex;align-items:center;gap:.75rem;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden;animation:slideInUp .6s ease-out var(--delay, 0s) both}.feature-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ff6b350d 0% 100%);opacity:0;transition:opacity .3s ease}.feature-card:hover:before{opacity:1}.feature-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ff6b351f;border-color:#ff6b354d}.feature-icon{width:36px;height:36px;background:#ff6b351a;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.25rem}.feature-content{flex:1}.feature-title{font-size:.875rem;font-weight:600;color:#1e293b;margin:0 0 .25rem}.feature-description{font-size:.75rem;color:#64748b;line-height:1.4;margin:0}.dental-visual{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;z-index:1}.tooth-icon{font-size:1.25rem;color:#ff6b35;animation:pulse 2s infinite;z-index:2;position:relative}.pulse-ring{position:absolute;border:1px solid rgba(255,107,53,.4);border-radius:50%;animation:pulseRing 2s infinite}.pulse-ring:nth-child(2){width:30px;height:30px;animation-delay:.5s}.pulse-ring:nth-child(3){width:35px;height:35px;animation-delay:1s}.pulse-ring:nth-child(4){width:40px;height:40px;animation-delay:1.5s}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes pulseRing{0%{transform:scale(.8);opacity:1}to{transform:scale(1.2);opacity:0}}.cloudtech{--primary-color: #28beeb;--accent-gradient: linear-gradient(135deg, #0d0d47, #28beeb)}.cloudtech .section-badge{background:var(--accent-gradient)!important;color:#fff}.cloudtech .project-accent{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cloudtech .project-category{background:var(--accent-gradient);box-shadow:0 2px 8px #0d0d4733}.cloudtech .project-category:hover{box-shadow:0 4px 12px #0d0d474d}.cloudtech .tech-item:hover{background:var(--accent-gradient);box-shadow:0 4px 12px #0d0d474d}.project-right{background-color:#fff}.cloudtech .project-right:before{background:radial-gradient(circle at 20% 80%,rgba(40,190,235,.05) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(13,13,71,.05) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(40,190,235,.03) 0%,transparent 50%)}.cloudtech .activity-timeline{background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:1.5rem;border:1px solid rgba(40,190,235,.1);box-shadow:0 8px 32px #0d0d471a;margin-bottom:1.5rem}.cloudtech .timeline-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.cloudtech .timeline-title{font-size:1.125rem;font-weight:700;color:#0d0d47;margin:0}.cloudtech .timeline-indicator{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#64748b}.cloudtech .timeline-dot{width:8px;height:8px;border-radius:50%;animation:pulse 2s ease-in-out infinite}.cloudtech .timeline-content{position:relative}.cloudtech .timeline-content:before{content:"";position:absolute;left:8px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,rgba(40,190,235,.3),transparent)}.cloudtech .timeline-item{position:relative;padding-left:2rem;margin-bottom:1rem}.cloudtech .timeline-item:last-child{margin-bottom:0}.cloudtech .timeline-marker{position:absolute;left:5px;top:.5rem;width:8px;height:8px;border-radius:50%;border:2px solid rgba(255,255,255,.9);box-shadow:0 0 0 2px #28beeb4d}.cloudtech .timeline-content-text{font-size:.875rem;color:#475569;line-height:1.5}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}@media (max-width: 768px){.cloudtech .contributions-grid{grid-template-columns:1fr;gap:1rem}}.cloudtech .contributions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.cloudtech .contribution-card{background:#fff;border:1px solid rgba(99,102,241,.2);border-radius:16px;padding:1rem;box-shadow:0 4px 6px #0000000d;transition:all .3s ease;animation:slideInUp .6s ease-out var(--delay, 0s) both}.cloudtech .contribution-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0000001a;border-color:#0000001a}.cloudtech .card-header{display:flex;align-items:center;margin-bottom:1rem}.cloudtech .card-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:1rem;font-size:1.5rem;color:#fff}.cloudtech .card-title{font-size:1.25rem;font-weight:600;color:#0d0d47;margin:0}.cloudtech .card-content{margin-bottom:1rem}.cloudtech .card-items{display:flex;flex-direction:column;gap:.5rem}.cloudtech .card-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#00000005;border-radius:8px;transition:all .3s ease}.cloudtech .card-item:hover{background:#0000000d;transform:translate(4px)}.cloudtech .item-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.cloudtech .item-text{font-size:.875rem;color:#475569;line-height:1.4;font-weight:500}.cloudtech .card-footer{border-top:1px solid rgba(0,0,0,.05);padding-top:1rem}.cloudtech .card-stats{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500}.cloudtech .stats-icon{font-size:1rem}.cloudtech .stats-text{font-size:.875rem}.topnotch{--primary-color: #6366f1;--accent-color: #4f46e5;--gradient: linear-gradient(135deg, #6366f1, #4f46e5);--pulse-color: rgba(99, 102, 241, .3);position:relative;overflow:hidden}.topnotch .project-category,.topnotch .section-badge{color:#fff!important}.topnotch .topnotch-background{position:absolute;inset:0;z-index:0;background:linear-gradient(135deg,#f8fafc,#e2e8f0,#cbd5e1,#94a3b8,#64748b)}.topnotch .particles-container{position:absolute;inset:0;overflow:hidden}.topnotch .particle{position:absolute;background:linear-gradient(45deg,#6366f1,#4f46e5,#8b5cf6);border-radius:50%;opacity:.6;animation:float 8s ease-in-out infinite;will-change:transform}.topnotch .particle-1{width:4px;height:4px;top:20%;left:10%;animation-delay:0s}.topnotch .particle-2{width:6px;height:6px;top:60%;left:20%;animation-delay:2s}.topnotch .particle-3{width:3px;height:3px;top:30%;left:80%;animation-delay:4s}.topnotch .particle-4{width:5px;height:5px;top:70%;left:70%;animation-delay:6s}.topnotch .particle-5{width:4px;height:4px;top:10%;left:50%;animation-delay:8s}@keyframes float{0%,to{transform:translateZ(0);opacity:.6}50%{transform:translate3d(10px,-20px,0);opacity:.8}}.topnotch .gradient-overlay{position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(99,102,241,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(79,70,229,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(139,92,246,.05) 0%,transparent 50%)}.topnotch .glassmorphism{background:#fffc!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border:1px solid rgba(255,255,255,.3)!important;box-shadow:0 8px 32px #0000001a!important;will-change:transform}.topnotch .project-left{background:#ffffffb3!important;-webkit-backdrop-filter:blur(25px)!important;backdrop-filter:blur(25px)!important;border:1px solid rgba(255,255,255,.2)!important}.topnotch .project-right{background:#fff9!important;-webkit-backdrop-filter:blur(30px)!important;backdrop-filter:blur(30px)!important;border:1px solid rgba(255,255,255,.15)!important}.topnotch .project-accent{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.topnotch .section-badge{background:var(--gradient)!important;color:var(--secondary-color)}.ai-visual{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.ai-icon{font-size:1.5rem;z-index:3;position:relative;animation:aiFloat 3s ease-in-out infinite}.pulse-ring{position:absolute;border:2px solid var(--pulse-color);border-radius:50%;animation:aiPulse 2s cubic-bezier(.455,.03,.515,.955) infinite}.pulse-ring:nth-child(2){width:40px;height:40px}.pulse-ring.delay-1{width:60px;height:60px;animation-delay:.5s;border-color:var(--accent-pulse)}.pulse-ring.delay-2{width:80px;height:80px;animation-delay:1s}@keyframes aiFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(5deg)}}@keyframes aiPulse{0%{transform:scale(.8);opacity:1}to{transform:scale(1.2);opacity:0}}.topnotch .contributions-section{background:#ffffffe6;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid rgba(99,102,241,.2);border-radius:20px;padding:2rem;box-shadow:0 8px 32px #0000001a;transition:all .3s ease;position:relative;z-index:2}.topnotch .contributions-section:hover{transform:translate3d(0,-4px,0);box-shadow:0 12px 40px #00000026;background:#fffffff2}.topnotch .contributions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:1.5rem}.topnotch .contribution-card{background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(99,102,241,.2);border-radius:16px;padding:1.5rem;transition:all .3s ease;position:relative;overflow:hidden;animation:slideInUp .6s ease-out var(--delay, 0s) both}.topnotch .contribution-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#6366f11a,#4f46e51a);opacity:0;transition:opacity .3s ease}.topnotch .contribution-card:hover:before{opacity:1}.topnotch .contribution-card:hover{transform:translate3d(0,-4px,0);box-shadow:0 12px 30px #6366f133;border-color:#6366f14d;background:#ffffffe6}.topnotch .contribution-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;position:relative;z-index:2}.topnotch .contribution-icon{width:36px;height:36px;background:#6366f11a;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.topnotch .contribution-category{font-size:1rem;font-weight:700;color:var(--text-color);margin:0;position:relative;z-index:2}.topnotch .contribution-items{display:flex;flex-direction:column;gap:.75rem;position:relative;z-index:2}.topnotch .contribution-item{display:flex;align-items:center;gap:.75rem;color:#64748b;font-size:.85rem;font-weight:500}.topnotch .item-dot{width:6px;height:6px;border-radius:50%;background:#6366f1!important;flex-shrink:0;box-shadow:0 0 8px #6366f180}.topnotch .achievements-section{background:#ffffffe6;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid rgba(99,102,241,.2);border-radius:20px;padding:2rem;margin-bottom:1.5rem;transition:all .3s ease;position:relative;z-index:2}.topnotch .achievements-section:hover{transform:translate3d(0,-2px,0);box-shadow:0 8px 25px #6366f126;background:#fffffff2}.topnotch .achievements-header{text-align:center;margin-bottom:2rem}.topnotch .achievements-title{font-size:1.5rem;font-weight:800;color:var(--text-color);margin:0 0 .5rem;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.topnotch .achievements-subtitle{font-size:.9rem;color:#64748b;margin:0;font-weight:500}.topnotch .achievements-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.topnotch .achievement-item{text-align:center;padding:1.5rem 1rem;background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;border:1px solid rgba(99,102,241,.2);transition:all .3s ease;animation:slideInUp .6s ease-out var(--delay, 0s) both}.topnotch .achievement-item:hover{transform:translate3d(0,-4px,0);box-shadow:0 8px 25px #6366f133;background:#ffffffe6}.topnotch .achievement-number{font-size:2rem;font-weight:800;color:#6366f1!important;margin-bottom:.5rem;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.topnotch .achievement-label{font-size:.8rem;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.topnotch .tech-item:hover{background:linear-gradient(135deg,#6366f1,#4f46e5)}@media (max-width: 1200px){.topnotch .contributions-grid{grid-template-columns:1fr;gap:1rem}.topnotch .achievements-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (max-width: 768px){.topnotch .contributions-section,.topnotch .achievements-section{padding:1.5rem}.topnotch .contribution-card{padding:1.25rem}.topnotch .achievement-item{padding:1.25rem .75rem}.topnotch .achievement-number{font-size:1.75rem}.topnotch .achievements-grid{grid-template-columns:1fr}}@media (max-width: 480px){.topnotch .contribution-header{flex-direction:column;gap:.75rem;align-items:flex-start}.topnotch .contribution-icon{width:36px;height:36px;font-size:1.25rem}.topnotch .achievement-number{font-size:1.5rem}}.k9tech{--primary-color: #032dac;--accent-color: #0ea5e9;--alert-color: #dc2626;--tech-color: #0ea5e9;--accent-gradient: linear-gradient(135deg, #032dac, #0ea5e9);--security-gradient: linear-gradient(135deg, #032dac, #0ea5e9, #dc2626)}.k9tech .section-badge{background:var(--accent-gradient)!important;color:#fff}.k9tech .project-accent{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.k9tech .project-category{background:var(--accent-gradient);box-shadow:0 2px 8px #032dac33}.k9tech .project-category:hover{box-shadow:0 4px 12px #032dac4d}.k9tech .tech-item:hover{background:var(--accent-gradient);box-shadow:0 4px 12px #032dac4d}.k9tech .challenges-list{display:grid;gap:1rem}.k9tech .challenge-card{background:#fffc;border:1px solid rgba(0,0,0,.08);border-radius:16px;padding:1.25rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.k9tech .challenge-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0000001a;background:#fffffff2;border-color:var(--accent-color)}.k9tech .challenge-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;gap:.75rem}.k9tech .challenge-title{font-size:1rem;font-weight:700;color:#0f172a;margin:0;line-height:1.3}.k9tech .challenge-impact{background:var(--accent-gradient);color:#fff;padding:.2rem .5rem;border-radius:6px;font-size:.7rem;font-weight:600;white-space:nowrap}.k9tech .challenge-solution{color:#475569;font-size:.9rem;line-height:1.5;margin:0}.k9tech .quality-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.k9tech .quality-item{display:flex;justify-content:space-between;align-items:center;background:#fffc;border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:1rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.k9tech .quality-item:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001a;background:#fffffff2;border-color:var(--accent-color)}.k9tech .quality-aspect{font-size:.9rem;color:#64748b;font-weight:600}.k9tech .quality-value{font-size:1rem;font-weight:700;color:#0f172a;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.k9tech .achievements-section{background:#ffffffe6;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid rgba(3,45,172,.2);border-radius:20px;padding:2rem;margin-bottom:1.5rem;transition:all .3s ease;position:relative;z-index:2}.k9tech .achievements-section:hover{transform:translate3d(0,-2px,0);box-shadow:0 8px 25px #032dac26;background:#fffffff2}.k9tech .achievements-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.k9tech .achievement-item{text-align:center;padding:1.5rem 1rem;background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;border:1px solid rgba(3,45,172,.2);transition:all .3s ease;animation:slideInUp .6s ease-out var(--delay, 0s) both}.k9tech .achievement-item:hover{transform:translate3d(0,-4px,0);box-shadow:0 8px 25px #032dac33;background:#ffffffe6}.k9tech .achievement-number{font-size:2rem;font-weight:800;color:#032dac!important;margin-bottom:.5rem;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.k9tech .achievement-label{font-size:.8rem;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.5px}@media (max-width: 1024px){.k9tech .quality-grid{grid-template-columns:1fr}.k9tech .achievements-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (max-width: 768px){.k9tech .challenge-header{flex-direction:column;align-items:flex-start;gap:.5rem}.k9tech .achievements-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.k9tech .achievement-item{padding:1rem .75rem}.k9tech .achievement-number{font-size:1.5rem}}@media (max-width: 480px){.k9tech .achievements-grid{grid-template-columns:1fr;gap:.75rem}}.kompasbeveiliging{--primary-color: #FF892B;--accent-color: #EA580C;--secondary-color: #F97316;--accent-gradient: linear-gradient(135deg, #FF892B, #EA580C);--security-gradient: linear-gradient(135deg, #FF892B, #EA580C, #F97316)}.kompasbeveiliging .section-badge{background:var(--accent-gradient)!important;color:#fff}.kompasbeveiliging .project-accent{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.kompasbeveiliging .project-category{background:var(--accent-gradient);box-shadow:0 2px 8px #ff892b33}.kompasbeveiliging .project-category:hover{box-shadow:0 4px 12px #ff892b4d}.kompasbeveiliging .tech-item:hover{background:var(--accent-gradient);box-shadow:0 4px 12px #ff892b4d}.kompasbeveiliging .solutions-container{height:100vh;padding:1.5rem 2rem;display:flex;flex-direction:column;justify-content:space-between;overflow-y:auto}.kompasbeveiliging .solutions-header{text-align:center;margin-bottom:1.5rem;flex-shrink:0}.kompasbeveiliging .solutions-title{font-size:1.8rem;font-weight:800;color:#0f172a;margin:0 0 .5rem;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.kompasbeveiliging .solutions-subtitle{font-size:.9rem;color:#64748b;margin:0;font-weight:500}.kompasbeveiliging .solutions-layout{display:flex;flex-direction:column;gap:1.25rem;max-width:1000px;margin:0 auto;flex:1}.kompasbeveiliging .challenges-section{flex:1}.kompasbeveiliging .challenges-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.kompasbeveiliging .bottom-section{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;align-items:stretch}.kompasbeveiliging .solution-card{background:#ffffffe6;border:1px solid rgba(255,137,43,.15);border-radius:20px;padding:1.25rem;transition:all .4s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden;animation:slideInUp .8s ease-out var(--delay, 0s) both}.kompasbeveiliging .solution-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--accent-gradient);transform:scaleX(0);transition:transform .3s ease}.kompasbeveiliging .solution-card:hover:before{transform:scaleX(1)}.kompasbeveiliging .solution-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #ff892b33;background:#fffffff2;border-color:#ff892b4d}.kompasbeveiliging .solution-icon{margin-bottom:1rem}.kompasbeveiliging .icon-circle{width:60px;height:60px;background:var(--accent-gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px #ff892b4d;transition:all .3s ease}.kompasbeveiliging .solution-card:hover .icon-circle{transform:scale(1.1);box-shadow:0 12px 25px #ff892b66}.kompasbeveiliging .icon-number{color:#fff;font-size:1.5rem;font-weight:800}.kompasbeveiliging .solution-content{position:relative;z-index:2}.kompasbeveiliging .solution-header{margin-bottom:1rem}.kompasbeveiliging .solution-title{font-size:1.1rem;font-weight:700;color:#0f172a;margin:0 0 .75rem;line-height:1.3}.kompasbeveiliging .solution-impact{background:var(--accent-gradient);color:#fff;padding:.4rem .8rem;border-radius:20px;font-size:.8rem;font-weight:600;display:inline-block;box-shadow:0 4px 12px #ff892b4d}.kompasbeveiliging .solution-description{color:#475569;font-size:.9rem;line-height:1.6;margin:0 0 1rem}.kompasbeveiliging .code-quality-section{background:#ffffffe6;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid rgba(255,137,43,.2);border-radius:20px;padding:1.25rem;transition:all .3s ease;position:relative;z-index:2;height:100%;display:flex;flex-direction:column}.kompasbeveiliging .code-quality-section:hover{transform:translate3d(0,-2px,0);box-shadow:0 8px 25px #ff892b26;background:#fffffff2}.kompasbeveiliging .achievements-section{background:#ffffffe6;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid rgba(255,137,43,.2);border-radius:20px;padding:1.25rem;transition:all .3s ease;position:relative;z-index:2;height:100%;display:flex;flex-direction:column}.kompasbeveiliging .achievements-section:hover{transform:translate3d(0,-2px,0);box-shadow:0 8px 25px #ff892b26;background:#fffffff2}.kompasbeveiliging .achievements-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;flex:1}.kompasbeveiliging .achievement-item{text-align:center;padding:1rem .75rem;background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;border:1px solid rgba(255,137,43,.2);transition:all .3s ease;animation:slideInUp .6s ease-out var(--delay, 0s) both}.kompasbeveiliging .achievement-item:hover{transform:translate3d(0,-4px,0);box-shadow:0 8px 25px #ff892b33;background:#ffffffe6}.kompasbeveiliging .achievement-number{font-size:1.5rem;font-weight:800;color:#ff892b!important;margin-bottom:.5rem;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.kompasbeveiliging .achievement-label{font-size:.7rem;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.kompasbeveiliging .quality-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;flex:1}.kompasbeveiliging .quality-item{background:#ff892b14;border:1px solid rgba(255,137,43,.15);border-radius:12px;padding:.75rem;text-align:center;transition:all .3s ease}.kompasbeveiliging .quality-item:hover{background:#ff892b1f;transform:translateY(-2px)}.kompasbeveiliging .quality-aspect{display:block;font-size:.7rem;color:#64748b;font-weight:600;margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.5px}.kompasbeveiliging .quality-value{display:block;font-size:1rem;font-weight:800;color:var(--primary-color);background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width: 1024px){.kompasbeveiliging .solutions-container{padding:1rem 1.5rem}.kompasbeveiliging .solutions-title{font-size:1.6rem}.kompasbeveiliging .challenges-grid,.kompasbeveiliging .bottom-section{grid-template-columns:1fr;gap:1rem}}@media (max-width: 768px){.kompasbeveiliging .solutions-container{padding:.75rem 1rem}.kompasbeveiliging .solutions-title{font-size:1.4rem}.kompasbeveiliging .solutions-subtitle{font-size:.8rem}.kompasbeveiliging .solution-card{padding:1rem}.kompasbeveiliging .icon-circle{width:50px;height:50px}.kompasbeveiliging .icon-number{font-size:1.2rem}.kompasbeveiliging .achievements-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.kompasbeveiliging .achievement-item{padding:.75rem .5rem}.kompasbeveiliging .achievement-number{font-size:1.2rem}.kompasbeveiliging .quality-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}}@media (max-width: 480px){.kompasbeveiliging .solutions-container{padding:.5rem .75rem}.kompasbeveiliging .solutions-title{font-size:1.2rem}.kompasbeveiliging .solution-card{padding:.875rem}.kompasbeveiliging .icon-circle{width:45px;height:45px}.kompasbeveiliging .icon-number{font-size:1rem}.kompasbeveiliging .achievements-grid,.kompasbeveiliging .quality-grid{grid-template-columns:1fr;gap:.5rem}}._cursor_1kd3q_1{pointer-events:none;position:fixed;display:block;transform-origin:center center;mix-blend-mode:difference;top:0;left:0;z-index:1000;filter:url(#goo)}._dot_1kd3q_13{position:absolute;display:block;width:26px;height:26px;border-radius:20px;background-color:#fff;transform-origin:center center;transform:translate(-50%,-50%)}html,body{cursor:none}._svgHidden_1kd3q_30{position:absolute;width:0;height:0;overflow:hidden}._loadingContainer_1ekxt_1{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#fff;display:flex;align-items:center;justify-content:center;z-index:999;transition:opacity .8s ease}._fadeOut_1ekxt_15{opacity:0}._loader_1ekxt_19{--size: 250px;--duration: 2s;--logo-color: grey;--background: linear-gradient(0deg, rgba(50, 50, 50, .2) 0%, rgba(100, 100, 100, .2) 100%);height:var(--size);aspect-ratio:1;position:relative}._box_1ekxt_29{position:absolute;background:#64646426;background:var(--background);border-radius:50%;border-top:1px solid rgba(100,100,100,1);box-shadow:#0000004d 0 10px 10px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:_ripple_1ekxt_1 var(--duration) infinite ease-in-out}._box_1ekxt_29:nth-child(1){inset:40%;z-index:99}._box_1ekxt_29:nth-child(2){inset:30%;z-index:98;border-color:#646464cc;animation-delay:.2s}._box_1ekxt_29:nth-child(3){inset:20%;z-index:97;border-color:#64646499;animation-delay:.4s}._box_1ekxt_29:nth-child(4){inset:10%;z-index:96;border-color:#64646466;animation-delay:.6s}._box_1ekxt_29:nth-child(5){inset:0%;z-index:95;border-color:#64646433;animation-delay:.8s}._loaderLogo_1ekxt_74{position:absolute;inset:0;display:grid;place-content:center;padding:30%;border-radius:50%;overflow:hidden}._loaderLogo_1ekxt_74 svg{fill:var(--logo-color);width:100%;animation:_color-change_1ekxt_1 var(--duration) infinite ease-in-out}@keyframes _ripple_1ekxt_1{0%{transform:scale(1);box-shadow:#0000004d 0 10px 10px}50%{transform:scale(1.3);box-shadow:#0000004d 0 30px 20px}to{transform:scale(1);box-shadow:#0000004d 0 10px 10px}}@keyframes _color-change_1ekxt_1{0%{fill:var(--logo-color)}50%{fill:#fff}to{fill:var(--logo-color)}}body.browser-checking,body.browser-checking *{cursor:default!important}.browser-check-container{position:fixed;bottom:20px;right:20px;width:400px;height:60px;background:#000c;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000004d;z-index:9999;overflow:hidden;transition:all .3s ease;animation:slideInUp .5s ease-out;pointer-events:none}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.browser-check-content{padding:16px;height:100%;display:flex;align-items:center}.browser-check-message{display:flex;align-items:center;justify-content:flex-start;gap:12px;width:100%;animation:fadeInUp .5s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.check-icon{width:20px;height:20px;color:#0f0;flex-shrink:0;display:flex;align-items:center;justify-content:center;animation:checkPulse .6s ease-out}@keyframes checkPulse{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.cross-icon{width:20px;height:20px;color:#f44;flex-shrink:0;display:flex;align-items:center;justify-content:center;animation:crossShake .6s ease-out}@keyframes crossShake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}.loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid #ffffff;border-radius:50%;animation:spin 1s linear infinite;flex-shrink:0;display:flex;align-items:center;justify-content:center}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.message-text{color:#fff;font-size:14px;font-weight:500;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.4;text-shadow:0 1px 2px rgba(0,0,0,.5);display:flex;align-items:center;flex:1}.message-cursor{color:#0f0;font-weight:700;animation:blink 1s infinite;margin-left:2px}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@media (max-width: 768px){.browser-check-container{width:320px;height:50px;bottom:15px;right:15px}.browser-check-content{padding:12px}.message-text{font-size:13px}.check-icon,.cross-icon,.loading-spinner{width:18px;height:18px}}@media (max-width: 480px){.browser-check-container{width:280px;height:45px;bottom:10px;right:10px}.browser-check-content{padding:10px}.message-text{font-size:12px}.check-icon,.cross-icon,.loading-spinner{width:16px;height:16px}}.mozilla-only-container{height:100vh;display:flex;align-items:center;justify-content:center;background:#fff;padding:2rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;cursor:default}.mozilla-only-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:3rem;max-width:700px;width:100%;text-align:center;box-shadow:0 25px 50px #00000026;border:1px solid rgba(0,0,0,.1);animation:slideInUp .8s ease-out;max-height:80vh;overflow-y:auto}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.mozilla-icon{margin:0 auto 2rem;display:flex;align-items:center;justify-content:center}.logo{cursor:pointer;background:#000;color:#fff;padding:6px 9px;font-size:21px;font-weight:bolder;border-radius:4px;text-transform:uppercase;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 12px 30px #ff892b4d}50%{transform:scale(1.05);box-shadow:0 15px 35px #ff892b66}}.mozilla-title{font-size:2rem;font-weight:800;color:#0f172a;margin:0 0 1.5rem;animation:fadeInUp .8s ease-out .2s both}.mozilla-description{font-size:1.1rem;color:#475569;line-height:1.7;margin:0 0 2rem;animation:fadeInUp .8s ease-out .4s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.mozilla-features{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:0 0 2.5rem;animation:fadeInUp .8s ease-out .6s both}.feature-item{display:flex;align-items:center;justify-content:start;gap:.75rem;padding:1rem;background:#0000000d;border:1px solid rgba(0,0,0,.1);border-radius:16px;font-weight:600;color:#0f172a;transition:all .3s ease;animation:slideInLeft .6s ease-out calc(.8s + var(--delay, 0s)) both}.feature-item:nth-child(1){--delay: 0s}.feature-item:nth-child(2){--delay: .1s}.feature-item:nth-child(3){--delay: .2s}.feature-item:nth-child(4){--delay: .3s}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.feature-item:hover{background:#00000014;transform:translateY(-2px);box-shadow:0 8px 20px #0000001a}.feature-icon{font-size:1.5rem;background:#0000001a;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.mozilla-cta{margin-top:1rem;animation:fadeInUp .8s ease-out 1s both}.mozilla-button{display:inline-block;background:linear-gradient(135deg,#373737,#000);color:#fff;padding:1rem 2rem;border-radius:25px;text-decoration:none;font-weight:700;font-size:1.1rem;transition:all .3s ease;box-shadow:0 8px 25px #3737374d;position:relative;overflow:hidden;cursor:pointer}.mozilla-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.mozilla-button:hover:before{left:100%}.mozilla-button:hover{transform:translateY(-3px);box-shadow:0 12px 35px #0006;background:linear-gradient(135deg,#000,#373737)}.mozilla-button:active{transform:translateY(-1px)}.hire-button{display:flex;align-items:center;gap:8px;position:relative}.button-text{transition:all .3s ease}.button-icon{width:20px;height:20px;transition:all .3s ease;opacity:0;transform:translate(-10px)}.hire-button:hover .button-text{transform:translate(-5px)}.hire-button:hover .button-icon{opacity:1;transform:translate(0);animation:starPulse .6s ease-in-out}@keyframes starPulse{0%{transform:scale(1) translate(0)}50%{transform:scale(1.2) translate(0)}to{transform:scale(1) translate(0)}}@media (max-width: 768px){.mozilla-only-container{padding:1rem}.mozilla-only-card{padding:2rem;max-width:90vw}.mozilla-title{font-size:1.6rem}.mozilla-description{font-size:1rem;line-height:1.6}.mozilla-features{gap:.75rem;grid-template-columns:1fr 1fr}.feature-item{padding:.75rem;font-size:.9rem}.mozilla-button{padding:.875rem 1.5rem;font-size:1rem}.button-icon{width:18px;height:18px}}@media (max-width: 480px){.mozilla-only-card{padding:1.5rem;max-width:95vw}.mozilla-title{font-size:1.4rem}.mozilla-description{font-size:.9rem;line-height:1.5}.mozilla-button{padding:.875rem 1.5rem;font-size:1rem}.feature-item{padding:.75rem .5rem;font-size:.85rem}.feature-icon{font-size:1.2rem}.mozilla-features{grid-template-columns:1fr;gap:.5rem}.button-icon{width:16px;height:16px}}.socials-header{position:absolute;top:0;right:0;z-index:1000;grid-column-gap:40px;grid-row-gap:40px;justify-content:end;align-items:end;width:auto;max-width:none;display:flex;margin:0;padding-top:20px;padding-left:40px;padding-right:40px;opacity:0;transform:translateY(-20px);transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1)}.socials-header.visible{opacity:1;transform:translateY(0)}.menu.menu-socials{-webkit-backdrop-filter:blur(12px);background-color:#0000001a;backdrop-filter:blur(12px);transition:transform .3s}.menu{grid-column-gap:12px;grid-row-gap:12px;background-color:#ffffff1a;border-radius:20px;justify-content:center;padding-left:12px;padding-right:12px;display:flex;height:62px;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a;pointer-events:auto}.menu-link-wrapper{grid-column-gap:9px;grid-row-gap:9px;flex-flow:column;align-items:center;padding-top:12px;text-decoration:none;display:flex}.menu-link{position:relative;background-color:#fff;border:1px solid #0000;border-radius:10px;flex-flow:column;justify-content:center;align-items:center;width:38px;height:38px;padding:9px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.menu-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.menu-link:hover:before{left:100%}.menu-link:hover{background-color:var(--hover-color);transform:translateY(-2px)}.menu-link-img{width:20px;max-width:none;height:20px;opacity:1;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);filter:brightness(0) saturate(100%)}.menu-link:hover .menu-link-img{filter:brightness(0) saturate(100%) invert(1) drop-shadow(0 0 6px var(--hover-color))}.menu-link-line{width:20px;height:3px;background-color:transparent;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:2px}.menu-link:hover .menu-link-line{background-color:var(--hover-color);box-shadow:0 0 6px var(--hover-color)}@media (max-width: 768px){.socials-header{padding-top:15px;padding-left:20px;padding-right:20px}}@media (max-width: 480px){.socials-header{padding-top:10px;padding-left:15px;padding-right:15px}}