.loading-wrapper,.site-header{position:fixed;width:100%;display:flex}body,html,main{scroll-behavior:smooth}main,section{height:100vh}.intro-actions button:hover,.scroll-down:hover{background:rgba(255,255,255,.18);transform:translateY(-3px)}.intro-actions button,.modal.active .modal-content,.scroll-down,.scroll-down:active{transform:translateY(0)}*{margin:0;padding:0;box-sizing:border-box;font-family:Peyda-Bold,sans-serif}body,html{height:100%;background:#000;color:#fff;overflow:hidden}.loading-wrapper{background:#000000cc;backdrop-filter:blur(8px);height:100%;z-index:9999;justify-content:center;align-items:center;direction:ltr}svg{width:3.25em;transform-origin:center;animation:2s linear infinite rotate4}circle{fill:none;stroke:hsl(214,97%,59%);stroke-width:2;stroke-dasharray:1,200;stroke-dashoffset:0;stroke-linecap:round;animation:1.5s ease-in-out infinite dash4}@keyframes rotate4{100%{transform:rotate(360deg)}}@keyframes dash4{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,200;stroke-dashoffset:-35px}100%{stroke-dashoffset:-125px}}.icon-adjust{padding:5px;margin:4px;color:#00b5ff}.site-header{top:0;left:0;align-items:center;justify-content:flex-end;padding:16px 40px;background:rgb(0 0 0 / 0%);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.08);z-index:1000}.logo{display:flex;align-items:center;gap:10px;font-weight:800;color:#fff;text-decoration:none}.logo-icon{width:60px!important;height:60px!important;object-fit:contain;filter:drop-shadow(0 0 6px rgba(0, 191, 255, .5))}.logo-text{font-size:1.4rem;letter-spacing:1.5px;text-transform:uppercase}main{width:100%;overflow-y:scroll;scroll-snap-type:y mandatory;-ms-overflow-style:none;scrollbar-width:none;touch-action:pan-y;overscroll-behavior:contain}main::-webkit-scrollbar{display:none}section{display:flex;flex-direction:column;align-items:center;justify-content:center;scroll-snap-align:start;text-align:center;padding:20px;position:relative}.intro{background:#000;--gap:5em;--line:1px;--color:rgba(255, 255, 255, 0.2);background-image:linear-gradient(-90deg,transparent calc(var(--gap) - var(--line)),var(--color) calc(var(--gap) - var(--line) + 1px),var(--color) var(--gap)),linear-gradient(0deg,transparent calc(var(--gap) - var(--line)),var(--color) calc(var(--gap) - var(--line) + 1px),var(--color) var(--gap));background-size:var(--gap) var(--gap)}.tagline{font-size:1.3rem;color:#ccc;min-height:1.5rem;opacity:0;transition:opacity .5s;font-family:moraba}.intro-actions button,.scroll-down{font-weight:500;font-size:1rem;cursor:pointer}.modal.active .modal-backdrop,.project-card:hover::after,.tagline.active{opacity:1}.cursor{display:inline-block;width:3px;height:1.2rem;background:#007bff;margin-right:2px;animation:.8s infinite blink;vertical-align:middle}@keyframes blink{0%,50%{opacity:1}100%,50.1%{opacity:0}}.scroll-down{color:#fff;font-family:Peyda-Black;border:1px solid;border-radius:40px;padding:12px 32px;background:rgba(255,255,255,.08);backdrop-filter:blur(8px);margin-top:2.5rem;transition:.3s;box-shadow:0 2px 10px rgb(62 118 121 / 36%)}.scroll-down:hover{border-color:rgba(255,255,255,.3);color:#fff;box-shadow:0 6px 20px rgba(0,123,255,.3)}.scroll-down:active{box-shadow:0 3px 10px rgba(0,123,255,.25);background:rgba(255,255,255,.12)}.intro-first-title{font-size:75px;font-family:Peyda-Black;padding:20px;text-shadow:2px 3px 18px #7a7a7a}.intro-actions{margin-top:2rem;display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.intro-actions button{padding:14px 32px;border-radius:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:#fff;transition:.25s;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 2px 8px rgba(255,255,255,.05)}.actions-img{width:30px;height:30px}.modal,.modal-backdrop,.modal-content{height:100%;width:100%}.intro-actions button:hover{border-color:rgba(255,255,255,.25);box-shadow:0 6px 20px rgba(0,0,0,.35)}.intro-actions button:active{transform:translateY(0);box-shadow:0 2px 6px rgba(0,0,0,.25);background:rgba(255,255,255,.12)}.contact{background:#000;--gap:5em;--line:1px;--color:rgba(255, 255, 255, 0.2);background-image:linear-gradient(-90deg,transparent calc(var(--gap) - var(--line)),var(--color) calc(var(--gap) - var(--line) + 1px),var(--color) var(--gap)),linear-gradient(0deg,transparent calc(var(--gap) - var(--line)),var(--color) calc(var(--gap) - var(--line) + 1px),var(--color) var(--gap));background-size:var(--gap) var(--gap);display:flex;flex-direction:column;justify-content:center}.content-box{background:rgba(255,255,255,.05);border-radius:20px;padding:40px 30px;width:90%;max-width:420px;animation:1.2s fadeIn;backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);box-shadow:0 8px 25px rgba(0,123,255,.15)}.innofy-social{position:absolute;bottom:0;display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;padding-bottom:15px}@media (max-width:340px){.innofy-social{position:absolute;bottom:0;display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;padding-bottom:0}}@media (min-height:670px){.innofy-social{position:absolute;bottom:0;display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;padding-bottom:40px}}@media (max-height:570px){.innofy-social{position:absolute;bottom:0;display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;padding-bottom:0}}.innofy-social a,.innofy-social-story a{padding:5px;transition:.23s}button.submit,input[type=tel],input[type=text]{padding:14px;transition:.3s;backdrop-filter:blur(8px)}.innofy-social a img,.innofy-social-story a img{margin:20px;width:30px;height:30px;cursor:pointer}.innofy-social a:hover,.innofy-social-story a:hover{transform:translateY(5px)}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.contact h2{font-size:1.6rem;color:#fff;margin-bottom:1rem}.contact p{color:#ccc;font-size:1rem;margin-bottom:2rem}.input-group{display:flex;flex-direction:column;gap:12px;width:100%;margin-bottom:1.8rem}input[type=tel],input[type=text]{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.15);border-radius:12px;color:#fff;text-align:center;font-size:1rem;outline:0}input[type=tel]:focus,input[type=text]:focus{border-color:#00bfff;box-shadow:0 0 12px rgba(0,191,255,.25);background:rgba(255,255,255,.1)}button.submit{border-radius:12px;background:rgba(0,191,255,.2);border:1px solid rgba(0,191,255,.4);color:#fff;font-weight:600;cursor:pointer}button.submit:hover{background:rgba(0,191,255,.3);transform:translateY(-2px);box-shadow:0 6px 15px rgba(0,191,255,.25)}footer{margin-top:2rem;color:rgba(255,255,255,.4);font-size:.8rem;letter-spacing:1px}.modal{position:fixed;top:0;left:0;display:none;justify-content:flex-end;align-items:flex-end;z-index:9999}.modal.active{display:flex}.modal-backdrop{position:absolute;background:rgba(0,0,0,.55);opacity:0;transition:opacity .3s}.modal-content{position:relative;background:#191919;box-shadow:0 -4px 20px rgba(0,0,0,.3);display:flex;flex-direction:column;transform:translateY(100%);transition:transform .35s cubic-bezier(.25, .8, .25, 1);will-change:transform;touch-action:none}.modal-inner{flex:1;overflow-y:auto;padding:20px;color:#fff;margin-top:35px}.drag-handle{width:60px;height:7px;background:#888;border-radius:6px;margin:12px auto;cursor:grab;padding:5px}.details-info h3,.portfolio-list{margin-bottom:10px}.modal-close{position:absolute;top:24px;right:20px;font-size:33px;background:0 0;border:none;color:#fff;cursor:pointer;z-index:10}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin-top:20px}.portfolio-list h3{font-size:37px;text-align:center;padding:10px}.portfolio-list p{font-size:20px;text-align:center;color:#aaa}.project-card{position:relative;background:rgba(255,255,255,.05);border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:.3s;backdrop-filter:blur(10px)}.project-card:hover{transform:translateY(-6px);background:rgba(255,255,255,.08)}.project-card img{width:100%;height:275px;object-fit:cover;border-bottom:1px solid rgba(255,255,255,.05)}@media (max-width:1020px){.project-card img{height:180px}}.project-card .info{padding:15px;text-align:center}.project-card .info h4{margin:5px 0;font-size:25px;color:#fff}.project-card .info p{font-size:.85rem;color:#aaa}.project-card::after{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.5);color:#fff;opacity:0;transition:opacity .3s;font-size:.9rem}.portfolio-details{position:absolute;width:100%;height:100%;top:100%;left:0;background:rgba(25,25,25,.95);backdrop-filter:blur(10px);padding:25px;border-radius:40px 40px 0 0;transition:top .45s cubic-bezier(.25, 1, .35, 1);overflow-y:auto;z-index:50}.back-btn,.next-btn,.prev-btn{transition:background .3s,transform .2s;color:#fff;cursor:pointer}.portfolio-details.active{top:55px}.back-btn{display:inline-block;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);padding:8px 16px;border-radius:12px;margin-bottom:15px}.back-btn:hover{background:rgba(255,255,255,.2);transform:translateY(-1px)}.details-container{display:flex;flex-direction:column;gap:20px}.details-image{position:relative;overflow:hidden;border-radius:16px}.pricing-modal,.pricing-modal-inner,.resume-inner,.resume-modal{scrollbar-width:none;-ms-overflow-style:none}.details-image .slides{position:relative;width:100%;height:100%}.details-image img{width:100%;height:400px;border-radius:14px;object-fit:cover;position:absolute;inset:0;opacity:0;transition:opacity .6s}.details-image img.active{opacity:1;position:relative}.next-btn,.prev-btn{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.1);border:none;font-size:2rem;padding:5px 12px;border-radius:10px;z-index:10}.next-btn:hover,.prev-btn:hover{background:rgba(255,255,255,.2);transform:translateY(-50%) scale(1.1)}.prev-btn{left:10px}.next-btn{right:10px}.details-info{background:rgba(255,255,255,.05);padding:16px;border-radius:14px;color:#eee;line-height:1.7}.details-info h3{font-size:1.3rem;color:#fff}.details-info p{opacity:.85}.details-contents{display:flex;flex-direction:column;width:50%;gap:20px}.details-items{background:rgba(255,255,255,.03);padding:15px 20px;border-radius:14px;backdrop-filter:blur(8px)}.details-items h5{font-weight:600;margin-bottom:12px;font-size:1.1rem;color:#fff}.items-list{list-style:disc;padding-left:20px;gap:4px;margin:0;color:#ccc;line-height:1.6;display:flex;flex-wrap:wrap}.items-list li{font-size:17px;margin:6px;position:relative;background:#414141;list-style:inside;padding:11px 20px;border-radius:12px;cursor:pointer;color:#f5f5f5;transition:.3s}.items-list li:hover{transform:translateY(-10px);background:#696969d9}.items-list li::marker{color:#fff;font-size:1rem}.resume-modal hr{border:none;height:1px;background:linear-gradient(to right,transparent,#13a1ffbf,transparent);margin:2em 0;opacity:.7}.innofy-social-story{display:flex;justify-content:center;align-items:center;flex-wrap:nowrap}.pricing-modal,.resume-modal{background:rgba(25,25,25,.95);backdrop-filter:blur(10px);padding:25px;border-radius:40px 40px 0 0;overflow-y:auto;display:flex;flex-direction:column;gap:25px}.resume-modal::-webkit-scrollbar{display:none}.resume-inner{background:radial-gradient(#91919112,#181818,#181818)}.resume-inner::-webkit-scrollbar{display:none}.resume-modal .resume-section{display:flex;flex-direction:column;gap:15px;padding:18px 0}.resume-modal .resume-section img{width:100%;max-height:200px;border-radius:12px;object-fit:cover}.resume-modal .contact-list,.resume-modal .skills-list{list-style:none;padding-left:0}.resume-modal .contact-list li,.resume-modal .skills-list li{margin-bottom:6px;padding-left:10px;position:relative}.resume-modal .contact-list li::before,.resume-modal .skills-list li::before{content:"\2022";position:absolute;left:0;color:#fff}.resume-modal h3{text-align:center;margin-bottom:10px;font-size:29px}.resume-modal h4{margin-bottom:6px;color:#f1f1f1;font-family:moraba;font-size:22px;margin-top:12px;font-weight:900}.resume-modal h4::before{content:"\25CF";color:#ff6b6b;margin-left:8px}.resume-modal p{color:#ddd;line-height:1.8;font-size:1rem;max-width:84%;margin:0 0 1.2em;word-wrap:break-word;letter-spacing:.5px}@media (max-width:900px){.resume-modal p{max-width:100%}}.subtitle-compnay-story{color:#aaa;font-size:20px;text-align:center;display:block;margin-bottom:10px}.team-wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:25px;margin-top:30px}.team-card{background:rgba(255,255,255,.06);backdrop-filter:blur(8px);border-radius:16px;padding:12px;text-align:center;transition:.25s;border:1px solid rgba(255,255,255,.08);cursor:pointer}.team-card:hover{border-color:rgba(255,255,255,.25);box-shadow:0 10px 25px rgba(0,0,0,.2)}.team-img{width:100%!important;height:200px!important;border-radius:50%;object-fit:cover;margin-bottom:18px;border:3px solid rgba(255,255,255,.35)}.team-name{margin:0;font-size:1.25rem;color:#fff;font-weight:600}.team-info{margin-top:8px!important;color:#ccc!important;font-size:15px!important;line-height:1.6!important}@media (max-width:600px){.logo-text{font-size:1.3rem;padding-top:7px}.tagline{font-size:1.1rem}.contact h2{font-size:1.4rem}.site-header{padding:10px 20px}.team-wrapper{grid-template-columns:repeat(2,1fr);gap:15px}.team-card{padding:15px 10px}.team-img{width:120px;height:120px}}@media (max-width:880px){.team-img{width:100%!important;height:141px!important}.team-name{font-size:20px}.team-info{font-size:14px!important}}.pricing-modal-inner{padding:0!important}.pricing-modal::-webkit-scrollbar{display:none}.pricing-modal-inner::-webkit-scrollbar{display:none}.pricing-modal h3{text-align:center;margin-bottom:10px;font-size:26px}.pricing-modal .subtitle{text-align:center;color:#aaa;margin-bottom:25px}.pricing-grid{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}.pricing-card{background:rgba(255,255,255,.05);border-radius:16px;padding:20px;width:220px;text-align:center;opacity:0;transform:translateY(30px);transition:.5s;cursor:pointer}.pricing-card:hover{transform:translateY(0) scale(1.05);background:rgba(255,255,255,.12);box-shadow:0 12px 30px rgba(0,0,0,.25)}.pricing-card img{width:160px;height:160px;border-radius:12px}@media (max-width:800px){.logo-icon{width:55px!important;height:55px!important}.intro-actions button{flex:1;min-width:120px;padding:12px;font-size:.9rem}.intro-actions{margin:5px;padding:25px}.intro-first-title{font-size:60px}.modal-content{width:100%;height:95%;top:5%;border-radius:40px 40px 0 0}.portfolio-list h3{font-size:25px;text-align:center}.portfolio-list p{font-size:17px;text-align:center;color:#aaa}.details-image img{height:245px}.details-contents{width:100%}.details-items{padding:12px 15px}.details-items h5{font-size:1rem}.items-list li{font-size:.9rem;list-style:none}.resume-modal h3{text-align:center;margin-bottom:8px;font-size:25px}.subtitle-compnay-story{font-size:17px}.pricing-card{width:100%;padding:15px}.pricing-card img{width:140px;height:140px;border-radius:10px}}.pricing-card.visible{opacity:1;transform:translateY(0)}.pricing-card .icon{font-size:40px;margin-bottom:10px}.pricing-card h4{margin-bottom:15px;font-size:25px;font-family:moraba;color:#fff}.pricing-card p{font-size:17px;color:#ccc;margin-bottom:12px;line-height:1.4}.pricing-card .price{font-weight:700;color:#1abc9c;font-size:21px}@media (min-width:992px){.portfolio-grid{grid-template-columns:repeat(3,1fr)}.portfolio-details{border-radius:0;top:0;left:100%;width:100%;transition:left .45s cubic-bezier(.25, 1, .35, 1)}.portfolio-details.active{left:0}.details-container{flex-direction:row;align-items:flex-start}.details-image,.details-info,.resume-modal .resume-section p,.resume-modal .resume-section ul{flex:1}.details-image{max-width:48%}.details-info{flex:1;padding:24px;border-radius:16px}.resume-modal .resume-section{flex-direction:column;gap:20px;padding:25px 200px}.resume-modal .resume-section img{flex:1;max-height:400px;border-radius:20px;border:1px solid;box-shadow:10px 10px 14px #9a9aa30a}.pricing-grid{justify-content:space-between;gap:25px}.pricing-card{width:22%}}.return-back-button{text-align:center;display:flex;justify-content:center;align-items:center;padding:8px;gap:10px;font-size:24px;color:#fff;text-decoration:none;background:#708090b5;border-radius:12px;box-shadow:10px 10px 10px #7080904a}