body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.mainnav{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#030c19f2;border-bottom:1px solid #ffffff14;box-sizing:border-box;display:flex;height:72px;left:0;padding:0 7%;position:fixed;top:0;width:100%;z-index:1000}.KImage{filter:drop-shadow(0 0 8px rgba(0,153,255,.35));height:38px;margin-right:10px;object-fit:contain;transition:.3s ease;width:38px}.KImage:hover{filter:drop-shadow(0 0 14px rgba(0,153,255,.65));transform:scale(1.08)}.mainnav h2{color:#fff;font-size:17px;font-weight:600;letter-spacing:-.3px;margin:0;white-space:nowrap}.mainnav ul{align-items:center;display:flex;gap:34px;list-style:none;margin:0 auto;padding:0}.mainnav ul li{color:#b8c4d6;cursor:pointer;font-size:14px;font-weight:500;padding:27px 0;position:relative;transition:color .3s ease}.mainnav ul li a{color:#b8c4d6;text-decoration:none}.mainnav ul li a :hover{color:#168cff}.mainnav ul li:after{background:#18a8ff;border-radius:10px;bottom:17px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:width .3s ease;width:0}.mainnav ul li:hover:after{width:100%}.mainnav button{background:#0000;border:1px solid #168cff;border-radius:22px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;height:38px;padding:0 20px;transition:all .3s ease;white-space:nowrap}.mainnav button:hover{background:#168cff;box-shadow:0 0 12px #168cff73,0 0 25px #168cff26;color:#fff;transform:translateY(-1px)}.mainnav button:active{transform:translateY(0)}@media (max-width:1100px){.mainnav{padding:0 4%}.mainnav ul{gap:22px}.mainnav ul li{font-size:13px}.mainnav h2{font-size:16px}.mainnav button{padding:0 15px}}@media (max-width:850px){.mainnav{height:65px}.KImage{height:34px;width:34px}.mainnav h2{font-size:15px}.mainnav ul{gap:15px}.mainnav ul li{font-size:12px}.mainnav button{font-size:12px;height:34px;padding:0 12px}}@media (max-width:700px){.mainnav{height:65px;padding:0 20px}.mainnav h2{font-size:15px}.mainnav ul{display:none}.mainnav button{margin-left:auto}}@media (max-width:400px){.mainnav{padding:0 14px}.KImage{height:32px;margin-right:7px;width:32px}.mainnav h2{font-size:13px}.mainnav button{font-size:11px;padding:0 11px}}.homemain{align-items:center;background:radial-gradient(circle at 72% 48%,#0084ff2e,#0000 38%),linear-gradient(135deg,#020914,#041326 55%,#020914);box-sizing:border-box;display:flex;min-height:100vh;overflow:hidden;padding:72px 7% 40px;position:relative;width:100%}.homemain:before{content:"";height:600px;position:absolute;right:3%;top:10%;width:600px}.homemainleft{padding-left:2%;position:relative;width:52%;z-index:3}.homepara{max-width:650px}.homepara p{color:#c4d0df;font-size:17px;font-weight:400;line-height:1.8;margin:0}.homepara h2{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#fff 48%,#159cff 72%,#00c6ff);-webkit-background-clip:text;background-clip:text;font-size:clamp(42px,5vw,68px);font-weight:700;letter-spacing:-2px;line-height:1.05;margin:8px 0}.homepara h3{color:#18a8ff;font-size:clamp(21px,2.2vw,30px);font-weight:600;letter-spacing:-.5px;margin:0 0 22px}.homepara .description{color:#aebdce;font-size:16px;line-height:1.8;margin-top:12px;max-width:590px}.homebutton{align-items:center;display:flex;gap:15px;margin-top:32px}.homebutton button{border-radius:25px;cursor:pointer;font-size:14px;font-weight:600;height:48px;min-width:145px;padding:0 24px;transition:transform .3s ease,box-shadow .3s ease,background .3s ease,border-color .3s ease,color .3s ease}.homebutton button:first-child{background:linear-gradient(135deg,#0d8cff,#0874e8);border:1px solid #168cff;box-shadow:0 8px 25px #008cff33;color:#fff}.homebutton button:first-child:hover{box-shadow:0 10px 30px #008cff66;transform:translateY(-3px)}.homebutton button a{color:#fff;text-decoration:none}.homebutton button:last-child{background:#0000;border:1px solid #ffffff59}.homebutton button:last-child:hover{border-color:#168cff;box-shadow:0 8px 20px #008cff1f;color:#18a8ff;transform:translateY(-3px)}.homeicon{gap:20px;margin-top:28px}.homeicon,.homeicon a{align-items:center;display:flex}.homeicon a{background:hsla(0,0%,100%,.025);border:1px solid #ffffff1f;border-radius:50%;color:#c5d1df;font-size:21px;height:38px;justify-content:center;text-decoration:none;transition:color .3s ease,border-color .3s ease,background .3s ease,transform .3s ease,box-shadow .3s ease;width:38px}.homeicon a:hover{background:#18a8ff14;border-color:#18a8ff;box-shadow:0 5px 18px #18a8ff33;color:#18a8ff;transform:translateY(-4px)}.homemainright{align-items:flex-end;display:flex;justify-content:center;margin-left:-3%;width:48%}.homeimage,.homemainright{position:relative;z-index:2}.homeimage{border-radius:35px;display:block;height:auto;max-width:600px;mix-blend-mode:screen;object-fit:contain;transition:transform .5s ease,filter .5s ease;width:100%}.homeimage:hover{filter:drop-shadow(0 0 40px rgba(0,150,255,.25)) drop-shadow(0 25px 45px rgba(0,0,0,.25));transform:scale(1.02)}.homemainleft:before{background:linear-gradient(180deg,#00c6ff,#087cff);border-radius:5px;content:"";height:80px;left:-2px;opacity:.9;position:absolute;top:15px;width:4px}@media (max-width:1100px){.homemain{padding-left:5%;padding-right:5%}.homemainleft{width:55%}.homemainright{margin-left:-2%;width:45%}.homepara h2{font-size:48px}.homepara h3{font-size:23px}.homepara p{font-size:15px}.homeimage{max-height:600px;width:115%}.homemainright:before{height:400px;width:400px}}@media (max-width:850px){.homemain{flex-direction:column;min-height:auto;padding-bottom:70px;padding-top:120px;text-align:center}.homemainleft{align-items:center;display:flex;flex-direction:column;padding-left:0;width:100%}.homemainleft:before{display:none}.homepara{max-width:700px}.homepara p{font-size:15px}.homebutton,.homeicon{justify-content:center}.homemainright{margin-left:0;margin-top:30px;width:100%}.homeimage{max-height:550px;width:min(550px,95%)}.homemainright:before{filter:blur(100px);height:420px;width:420px}}@media (max-width:600px){.homemain{padding:105px 20px 50px}.homepara h2{font-size:40px;letter-spacing:-1.5px}.homepara h3{font-size:20px;margin-bottom:18px}.homepara .description,.homepara p{font-size:14px;line-height:1.7}.homebutton{gap:10px;margin-top:25px;width:100%}.homebutton button{flex:1 1;font-size:13px;height:45px;min-width:0;padding:0 15px}.homeicon{gap:15px;margin-top:23px}.homeicon a{font-size:19px;height:36px;width:36px}.homemainright{margin-top:20px}.homeimage{max-height:480px;max-width:450px;width:100%}.homemainright:before{filter:blur(90px);height:350px;width:350px}}@media (max-width:400px){.homepara h2{font-size:34px}.homepara h3{font-size:18px}.homebutton{flex-direction:column;width:100%}.homebutton button{width:100%}.homeimage{max-height:420px;max-width:380px}}.aboutmain{align-items:center;background:radial-gradient(circle at 20% 30%,#0077ff14,#0000 32%),radial-gradient(circle at 80% 70%,#00b4ff12,#0000 30%),linear-gradient(135deg,#020914,#041326 55%,#020914);box-sizing:border-box;display:flex;flex-direction:column;min-height:100vh;overflow:hidden;padding:100px 8% 80px;position:relative;width:100%}.aboutmain:before{background:#0084ff14;height:500px;left:-180px;top:15%;width:500px}.aboutmain:after,.aboutmain:before{border-radius:50%;content:"";filter:blur(120px);pointer-events:none;position:absolute}.aboutmain:after{background:#00aeff12;bottom:5%;height:450px;right:-150px;width:450px}.aboutmain>svg{background:#18a8ff12;border:1px solid #18a8ff2e;border-radius:50%;box-shadow:0 0 25px #18a8ff1a;color:#18a8ff;height:42px;margin-bottom:15px;padding:14px;position:relative;width:42px;z-index:2}.aboutmain>h2{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#fff 45%,#159cff 75%,#00c6ff);-webkit-background-clip:text;background-clip:text;font-size:clamp(36px,4vw,52px);font-weight:700;letter-spacing:-1.5px;line-height:1.1;margin:0 0 25px;position:relative;text-align:center;z-index:2}.aboutmain>h2:after{background:linear-gradient(90deg,#087cff,#00c6ff);border-radius:10px;box-shadow:0 0 12px #00a0ff59;content:"";display:block;height:3px;margin:14px auto 0;width:55px}.aboutmain>p{color:#aebdce;font-size:16px;font-weight:400;line-height:1.9;margin:0 auto;max-width:900px;position:relative;text-align:center;width:100%;z-index:2}.aboutmain>p span{color:#18a8ff;font-weight:500}.abouticon{grid-gap:22px;display:grid;gap:22px;grid-template-columns:repeat(3,1fr);margin-top:50px;max-width:1000px;position:relative;width:100%;z-index:2}.aboutlocation,.aboutstudy,.aboutwork{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(145deg,hsla(0,0%,100%,.045),hsla(0,0%,100%,.015));border:1px solid #ffffff1a;border-radius:18px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;min-height:145px;padding:28px 20px;text-align:center;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease,background .3s ease}.aboutlocation svg,.aboutstudy svg,.aboutwork svg{color:#18a8ff;height:24px;margin-bottom:15px;transition:transform .3s ease,color .3s ease;width:24px}.aboutlocation p,.aboutstudy p,.aboutwork p{color:#d2dce8;font-size:14px;font-weight:500;line-height:1.6;margin:0}.aboutlocation:hover,.aboutstudy:hover,.aboutwork:hover{background:linear-gradient(145deg,#18a8ff14,#ffffff05);border-color:#18a8ff66;box-shadow:0 12px 35px #0077ff1f;transform:translateY(-7px)}.aboutlocation:hover svg,.aboutstudy:hover svg,.aboutwork:hover svg{color:#00c6ff;transform:translateY(-3px) scale(1.08)}@media (max-width:900px){.aboutmain{padding:90px 6% 70px}.aboutmain>p{font-size:15px;line-height:1.8;max-width:750px}.abouticon{gap:15px;grid-template-columns:repeat(3,1fr)}.aboutlocation,.aboutstudy,.aboutwork{min-height:140px;padding:22px 15px}}@media (max-width:700px){.aboutmain{padding:85px 25px 65px}.aboutmain>h2{font-size:38px}.aboutmain>p{font-size:15px;line-height:1.8}.abouticon{gap:15px;grid-template-columns:1fr;margin-top:40px;max-width:500px}.aboutlocation,.aboutstudy,.aboutwork{min-height:115px;padding:20px}}@media (max-width:500px){.aboutmain{min-height:auto;padding:85px 20px 55px}.aboutmain>svg{height:32px;margin-bottom:12px;padding:11px;width:32px}.aboutmain>h2{font-size:34px;letter-spacing:-1px;margin-bottom:22px}.aboutmain>p{font-size:14px;line-height:1.75}.abouticon{gap:12px;margin-top:32px}.aboutlocation,.aboutstudy,.aboutwork{border-radius:15px;min-height:105px;padding:18px}.aboutlocation svg,.aboutstudy svg,.aboutwork svg{height:21px;margin-bottom:10px;width:21px}.aboutlocation p,.aboutstudy p,.aboutwork p{font-size:13px}}@media (max-width:380px){.aboutmain{padding-left:16px;padding-right:16px}.aboutmain>h2{font-size:30px}.aboutmain>p{font-size:13px}.aboutlocation,.aboutstudy,.aboutwork{min-height:100px}}.mainskill{align-items:center;background:radial-gradient(circle at 20% 30%,#0077ff14,#0000 32%),radial-gradient(circle at 80% 70%,#00b4ff12,#0000 30%),linear-gradient(135deg,#020914,#041326 55%,#020914);box-sizing:border-box;display:flex;flex-direction:column;min-height:100vh;overflow:hidden;padding:50px 8% 80px;position:relative;width:100%}.mainskill>svg{background:#18a8ff12;border:1px solid #18a8ff2e;border-radius:50%;box-shadow:0 0 25px #18a8ff1a;color:#18a8ff;height:42px;margin-bottom:15px;padding:14px;position:relative;width:42px;z-index:2}.mainskill>h2{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#fff 45%,#159cff 75%,#00c6ff);-webkit-background-clip:text;background-clip:text;font-size:clamp(36px,4vw,52px);font-weight:700;letter-spacing:-1.5px;line-height:1.1;margin:0 0 25px;position:relative;text-align:center;z-index:2}.mainskill>h2:after{background:linear-gradient(90deg,#087cff,#00c6ff);border-radius:10px;box-shadow:0 0 12px #00a0ff59;content:"";display:block;height:3px;margin:14px auto 0;width:55px}.skillai,.skillback,.skillfront,.skillprogram,.tools{margin-bottom:35px;padding:2px;position:relative}.skillai h3,.skillback h3,.skillfront h3,.skillprogram h3,.tools h3{color:#dfe9f5;font-size:16px;font-weight:600;letter-spacing:.2px;margin:0 0 20px}.skillai h3:before,.skillback h3:before,.skillfront h3:before,.skillprogram h3:before,.tools h3:before{background:#18a8ff;border-radius:5px;box-shadow:0 0 7px #18a8ff80;content:"";display:inline-block;height:17px;margin-right:9px;vertical-align:-3px;width:4px}.aicv,.aiopen,.backexpress,.backmongo,.backnode,.backsql,.frontcss,.fronthtml,.frontjavascript,.frontnext,.frontreact,.frontreactnative,.projava,.propython,.tooldocker,.toolgit,.toolgithub,.toolpost,.toolvs{align-items:center;background:#0a192da6;border:1px solid #ffffff17;border-radius:25px;box-sizing:border-box;cursor:default;display:inline-flex;gap:10px;margin:5px 7px 5px 0;min-height:42px;padding:6px 14px 6px 8px;transition:all .3s ease}.aicv img,.aiopen img,.backexpress img,.backmongo img,.backnode img,.backsql img,.frontcss img,.fronthtml img,.frontjavascript img,.frontnext img,.frontreact img,.frontreactnative img,.projava img,.propython img,.tooldocker img,.toolgit img,.toolgithub img,.toolpost img,.toolvs img{border-radius:6px;flex-shrink:0;height:27px;object-fit:contain;width:27px}.aicv p,.aiopen p,.backexpress p,.backmongo p,.backnode p,.backsql p,.frontcss p,.fronthtml p,.frontjavascript p,.frontnext p,.frontreact p,.frontreactnative p,.projava p,.propython p,.tooldocker p,.toolgit p,.toolgithub p,.toolpost p,.toolvs p{color:#c7d4e4;font-size:13px;font-weight:500;margin:0;white-space:nowrap}.aicv:hover,.aiopen:hover,.backexpress:hover,.backmongo:hover,.backnode:hover,.backsql:hover,.frontcss:hover,.fronthtml:hover,.frontjavascript:hover,.frontnext:hover,.frontreact:hover,.frontreactnative:hover,.projava:hover,.propython:hover,.tooldocker:hover,.toolgit:hover,.toolgithub:hover,.toolpost:hover,.toolvs:hover{background:#18a8ff14;border-color:#18a8ffa6;box-shadow:0 8px 20px #0082ff26;transform:translateY(-3px)}.aicv:hover p,.aiopen:hover p,.backexpress:hover p,.backmongo:hover p,.backnode:hover p,.backsql:hover p,.frontcss:hover p,.fronthtml:hover p,.frontjavascript:hover p,.frontnext:hover p,.frontreact:hover p,.frontreactnative:hover p,.projava:hover p,.propython:hover p,.tooldocker:hover p,.toolgit:hover p,.toolgithub:hover p,.toolpost:hover p,.toolvs:hover p{color:#fff}.aicv:hover img,.aiopen:hover img,.backexpress:hover img,.backmongo:hover img,.backnode:hover img,.backsql:hover img,.frontcss:hover img,.fronthtml:hover img,.frontjavascript:hover img,.frontnext:hover img,.frontreact:hover img,.frontreactnative:hover img,.projava:hover img,.propython:hover img,.tooldocker:hover img,.toolgit:hover img,.toolgithub:hover img,.toolpost:hover img,.toolvs:hover img{transform:scale(1.08)}.skillai,.skillback,.skillfront,.skillprogram{box-sizing:border-box;display:inline-block;vertical-align:top;width:calc(50% - 12px)}.tools{box-sizing:border-box;width:100%}@media (max-width:1000px){.mainskill{padding:90px 5% 70px}.skillai,.skillback,.skillfront,.skillprogram{display:block;width:100%}.tools{width:100%}}@media (max-width:600px){.mainskill{padding:85px 20px 60px}.mainskill>h2{font-size:26px;margin-bottom:35px}.mainskill>svg{font-size:21px}.skillai,.skillback,.skillfront,.skillprogram,.tools{border-radius:12px;margin-bottom:22px;padding:18px}.skillai h3,.skillback h3,.skillfront h3,.skillprogram h3,.tools h3{font-size:15px;margin-bottom:15px}.aicv,.aiopen,.backexpress,.backmongo,.backnode,.backsql,.frontcss,.fronthtml,.frontjavascript,.frontnext,.frontreact,.frontreactnative,.projava,.propython,.tooldocker,.toolgit,.toolgithub,.toolpost,.toolvs{margin:4px 4px 4px 0;min-height:40px;padding:5px 11px 5px 7px}.aicv img,.aiopen img,.backexpress img,.backmongo img,.backnode img,.backsql img,.frontcss img,.fronthtml img,.frontjavascript img,.frontnext img,.frontreact img,.frontreactnative img,.projava img,.propython img,.tooldocker img,.toolgit img,.toolgithub img,.toolpost img,.toolvs img{height:24px;width:24px}.aicv p,.aiopen p,.backexpress p,.backmongo p,.backnode p,.backsql p,.frontcss p,.fronthtml p,.frontjavascript p,.frontnext p,.frontreact p,.frontreactnative p,.projava p,.propython p,.tooldocker p,.toolgit p,.toolgithub p,.toolpost p,.toolvs p{font-size:12px}}@media (max-width:400px){.mainskill{padding-left:15px;padding-right:15px}.skillai,.skillback,.skillfront,.skillprogram,.tools{padding:15px}.aicv,.aiopen,.backexpress,.backmongo,.backnode,.backsql,.frontcss,.fronthtml,.frontjavascript,.frontnext,.frontreact,.frontreactnative,.projava,.propython,.tooldocker,.toolgit,.toolgithub,.toolpost,.toolvs{margin-right:2px}}.mainproject{background:radial-gradient(circle at 15% 25%,#0077ff14,#0000 32%),radial-gradient(circle at 85% 75%,#00b4ff12,#0000 30%),linear-gradient(135deg,#020914,#041326 55%,#020914);box-sizing:border-box;min-height:100vh;overflow:hidden;padding:100px 7% 80px;position:relative;width:100%}.mainproject:before{background:#0084ff12;height:500px;left:-220px;top:10%;width:500px}.mainproject:after,.mainproject:before{border-radius:50%;content:"";filter:blur(120px);pointer-events:none;position:absolute}.mainproject:after{background:#00aeff0f;bottom:5%;height:450px;right:-180px;width:450px}.featproject{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto;max-width:1250px;position:relative;width:100%;z-index:2}.featproject>img{align-self:flex-start;background:#18a8ff12;border:1px solid #18a8ff2e;border-radius:50%;box-shadow:0 0 25px #18a8ff1a;box-sizing:border-box;height:82px;margin-right:14px;object-fit:contain;padding:10px;width:82px}.featproject>h2{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#fff 45%,#159cff 55%,#00c6ff);-webkit-background-clip:text;background-clip:text;display:flex;font-size:3rem;font-weight:700;justify-content:center;letter-spacing:.5px;line-height:1.4;margin:2px 0 35px;position:relative;text-align:center;width:100%;z-index:2}.project1,.project2,.project3{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(145deg,hsla(0,0%,100%,.045),hsla(0,0%,100%,.012));border:1px solid #ffffff1a;border-radius:18px;box-shadow:0 10px 35px #0000002e;box-sizing:border-box;display:flex;flex-direction:column;margin:0 24px 30px 0;min-height:475px;padding:14px;transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease,background .35s ease;width:calc(33.33333% - 16px)}.project3{margin-right:0}.project1:hover,.project2:hover,.project3:hover{background:linear-gradient(145deg,#18a8ff12,hsla(0,0%,100%,.018));border-color:#18a8ff66;box-shadow:0 18px 45px #0077ff24,0 0 25px #008cff0f;transform:translateY(-8px)}.project1>img,.project2>img,.project3>img{border:1px solid #ffffff14;border-radius:12px;display:block;height:205px;object-fit:cover;transition:transform .4s ease,filter .4s ease;width:100%}.project1:hover>img,.project2:hover>img,.project3:hover>img{filter:brightness(1.08) saturate(1.08);transform:scale(1.015)}.project1 h4,.project2 h4,.project3 h4{color:#fff;font-size:20px;font-weight:600;letter-spacing:-.3px;line-height:1.3;margin:20px 5px 8px}.project1 p,.project2 p,.project3 p{color:#aebdce;font-size:14px;line-height:1.7;margin:0 5px 12px}.project1 p:nth-of-type(2),.project2 p:nth-of-type(2),.project3 p:nth-of-type(2){color:#18a8ff;font-size:13px;font-weight:500;line-height:1.6;margin-bottom:18px;margin-top:auto}.project1>a,.project2>a,.project3>a{text-decoration:none;width:fit-content}.livedemo{background:linear-gradient(135deg,#0d8cff,#0874e8);border:1px solid #168cff;border-radius:22px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;height:40px;min-width:110px;padding:0 20px;transition:transform .3s ease,box-shadow .3s ease,background .3s ease}.livedemo:hover{box-shadow:0 8px 22px #008cff4d;transform:translateY(-2px)}.gitbutton{align-items:center;display:flex;gap:9px;margin-top:12px}.gitbutton img{border:1px solid #ffffff1a;border-radius:50%;height:25px;object-fit:cover;width:25px}.gitbutton a{text-decoration:none}.git{background:#0000;border:1px solid #fff3;border-radius:20px;color:#dbe7f3;cursor:pointer;font-size:13px;font-weight:500;height:36px;padding:0 18px;transition:color .3s ease,border-color .3s ease,background .3s ease,transform .3s ease}.git:hover{background:#18a8ff12;border-color:#18a8ff;color:#18a8ff;transform:translateY(-2px)}.featproject>a:last-child{color:#18a8ff;display:block;font-size:15px;font-weight:600;margin-top:18px;text-align:center;text-decoration:none;transition:color .3s ease,transform .3s ease;width:100%}.featproject>a:last-child:hover{color:#00c6ff;transform:translateY(-2px)}@media (max-width:1050px){.mainproject{padding:90px 5% 70px}.featproject{max-width:850px}.project1,.project2,.project3{margin-right:24px;width:calc(50% - 12px)}.project2,.project3{margin-right:0}.project1,.project2,.project3{min-height:470px}}@media (max-width:750px){.mainproject{padding:85px 25px 65px}.featproject{max-width:550px}.featproject>img{height:36px;margin-right:10px;padding:8px;width:36px}.featproject>h2{font-size:38px;margin-bottom:35px;margin-top:2px;width:calc(100% - 46px)}.project1,.project2,.project3{margin-bottom:22px;margin-right:0;min-height:auto;width:100%}.project1>img,.project2>img,.project3>img{height:230px}}@media (max-width:500px){.mainproject{min-height:auto;padding:85px 20px 55px}.featproject>img{height:72px;margin-right:18px;padding:7px;width:72px}.featproject>h2{font-size:34px;letter-spacing:-1px;margin-bottom:30px;width:calc(100% - 40px)}.project1,.project2,.project3{border-radius:15px;padding:12px}.project1>img,.project2>img,.project3>img{border-radius:10px;height:200px}.project1 h4,.project2 h4,.project3 h4{font-size:18px;margin-top:17px}.project1 p,.project2 p,.project3 p{font-size:13px;line-height:1.7}.livedemo{font-size:12px;height:38px;min-width:105px;padding:0 17px}.gitbutton{margin-top:10px}.gitbutton img{height:23px;width:23px}.git{font-size:12px;height:34px;padding:0 16px}.featproject>a:last-child{font-size:14px;margin-top:12px}}@media (max-width:380px){.mainproject{padding-left:16px;padding-right:16px}.featproject>h2{font-size:30px}.project1>img,.project2>img,.project3>img{height:180px}.project1 h4,.project2 h4,.project3 h4{font-size:17px}}.mainexperience{background:radial-gradient(circle at 15% 20%,#008cff1f,#0000 35%),radial-gradient(circle at 85% 80%,#00c6ff1a,#0000 35%),linear-gradient(135deg,#020914,#041326 50%,#020914);box-sizing:border-box;min-height:100vh;overflow:hidden;padding:100px 7% 90px;position:relative;width:100%}.mainexpe1{align-items:center;display:flex;gap:14px;justify-content:center;margin:0 auto 60px;max-width:1250px;width:100%}.mainexpe1 svg{background:#18a8ff14;border:1px solid #18a8ff40;border-radius:50%;box-shadow:0 0 20px #18a8ff2e;color:#18a8ff;height:27px;padding:12px;transition:.3s ease;width:27px}.mainexpe1 svg:hover{box-shadow:0 0 30px #18a8ff59;transform:translateY(-3px)}.mainexpe1 h2{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#fff 45%,#159cff 75%,#00c6ff);background-clip:text;-webkit-background-clip:text;color:#0000;font-size:32px;font-weight:700;line-height:1.2;margin:0}.mainexpe2{display:flex;flex-direction:column;gap:30px;margin:0 auto;max-width:1100px;position:relative;width:100%}.mainexpe2:before{background:linear-gradient(180deg,#0000,#159cff 10%,#00c6ff 50%,#159cff 90%,#0000);bottom:10px;box-shadow:0 0 12px #159cff59;content:"";left:190px;position:absolute;top:10px;width:2px}.expe1,.expe2,.expe3,.expe4,.expe5{grid-column-gap:60px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:linear-gradient(135deg,hsla(0,0%,100%,.055),hsla(0,0%,100%,.018));border:1px solid #ffffff17;border-radius:18px;box-shadow:0 15px 35px #0003;box-sizing:border-box;column-gap:60px;display:grid;grid-template-columns:160px 1fr;min-height:120px;padding:25px 30px;position:relative;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;width:100%}.expe1:hover,.expe2:hover,.expe3:hover,.expe4:hover,.expe5:hover{border-color:#18a8ff59;box-shadow:0 18px 40px #0000004d,0 0 25px #18a8ff1a;transform:translateX(6px)}.expe1>span,.expe2>span,.expe3>span,.expe4>span,.expe5>span{align-self:center;color:#18a8ff;font-size:14px;font-weight:600;letter-spacing:.3px;line-height:1.5;white-space:nowrap}.expe1:before,.expe2:before,.expe3:before,.expe4:before,.expe5:before{background:#18a8ff;border:3px solid #041326;border-radius:50%;box-shadow:0 0 0 3px #18a8ff2e,0 0 18px #18a8ffa6;content:"";height:12px;left:183px;position:absolute;top:50%;transform:translate(-50%,-50%);width:12px;z-index:2}.expe1 p,.expe2 p,.expe3 p,.expe4 p,.expe5 p{color:#b7c1ce;font-size:15px;font-weight:400;line-height:1.8;margin:0}.expe1 p>span,.expe2 p>span,.expe3 p>span,.expe4 p>span,.expe5 p>span{color:#fff;display:block;font-size:18px;font-weight:600;line-height:1.4;margin-bottom:8px}.expe1:hover p>span,.expe2:hover p>span,.expe3:hover p>span,.expe4:hover p>span,.expe5:hover p>span{color:#18a8ff;transition:.3s ease}@media (max-width:900px){.mainexperience{padding:90px 5% 70px}.mainexpe2{max-width:750px}.mainexpe2:before{left:155px}.expe1,.expe2,.expe3,.expe4,.expe5{column-gap:55px;grid-template-columns:125px 1fr;padding:23px}.expe1:before,.expe2:before,.expe3:before,.expe4:before,.expe5:before{left:148px}}@media (max-width:700px){.mainexperience{padding:80px 5% 60px}.mainexpe1{margin-bottom:45px}.mainexpe1 h2{font-size:28px}.mainexpe1 svg{height:22px;padding:10px;width:22px}.mainexpe2{gap:22px}.mainexpe2:before{left:17px}.expe1,.expe2,.expe3,.expe4,.expe5{display:block;min-height:auto;padding:25px 22px 25px 45px}.expe1:before,.expe2:before,.expe3:before,.expe4:before,.expe5:before{height:10px;left:17px;top:28px;width:10px}.expe1>span,.expe2>span,.expe3>span,.expe4>span,.expe5>span{display:block;font-size:13px;margin-bottom:10px}.expe1 p,.expe2 p,.expe3 p,.expe4 p,.expe5 p{font-size:14px;line-height:1.75}.expe1 p>span,.expe2 p>span,.expe3 p>span,.expe4 p>span,.expe5 p>span{font-size:17px;margin-bottom:7px}}@media (max-width:450px){.mainexperience{padding:70px 4% 50px}.mainexpe1{gap:10px}.mainexpe1 h2{font-size:25px}.mainexpe1 svg{height:20px;padding:9px;width:20px}.expe1,.expe2,.expe3,.expe4,.expe5{border-radius:15px;padding:22px 18px 22px 40px}.expe1:before,.expe2:before,.expe3:before,.expe4:before,.expe5:before,.mainexpe2:before{left:14px}}.mainservice{background:radial-gradient(circle at 15% 20%,#008cff1f,#0000 35%),radial-gradient(circle at 85% 75%,#00c6ff1a,#0000 35%),linear-gradient(135deg,#020914,#041326 50%,#020914);box-sizing:border-box;min-height:100vh;overflow:hidden;padding:100px 7% 90px;position:relative;width:100%}.mainservice1{align-items:center;display:flex;gap:14px;justify-content:center;margin:0 auto 60px;max-width:1250px;width:100%}.mainservice1 svg{background:#18a8ff14;border:1px solid #18a8ff40;border-radius:50%;box-shadow:0 0 20px #18a8ff2e;color:#18a8ff;height:27px;padding:12px;transition:.3s ease;width:27px}.mainservice1 svg:hover{box-shadow:0 0 30px #18a8ff59;transform:translateY(-3px)}.mainservice1 h2{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#fff 45%,#159cff 75%,#00c6ff);background-clip:text;-webkit-background-clip:text;color:#0000;font-size:32px;font-weight:700;line-height:1.2;margin:0}.mainservice2{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1150px;width:100%}.service1,.service2,.service3,.service4,.service5,.service6{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:linear-gradient(135deg,hsla(0,0%,100%,.055),hsla(0,0%,100%,.015));border:1px solid #ffffff17;border-radius:20px;box-shadow:0 15px 35px #0003;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;min-height:230px;padding:30px 26px;text-align:center;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease,background .3s ease}.service1:hover,.service2:hover,.service3:hover,.service4:hover,.service5:hover,.service6:hover{background:linear-gradient(135deg,#18a8ff14,hsla(0,0%,100%,.025));border-color:#18a8ff59;box-shadow:0 20px 45px #0000004d,0 0 30px #18a8ff1a;transform:translateY(-8px)}.service1 img,.service2 img,.service3 img,.service4 img,.service5 img,.service6 img{background:#18a8ff14;border:1px solid #18a8ff2e;border-radius:16px;box-shadow:0 0 18px #18a8ff14;box-sizing:border-box;height:65px;margin-bottom:22px;object-fit:contain;padding:13px;transition:transform .3s ease,box-shadow .3s ease,background .3s ease;width:65px}.service1:hover img,.service2:hover img,.service3:hover img,.service4:hover img,.service5:hover img,.service6:hover img{background:#18a8ff21;box-shadow:0 0 25px #18a8ff33;transform:translateY(-4px) scale(1.05)}.service1 p,.service2 p,.service3 p,.service4 p,.service5 p,.service6 p{color:#aeb9c7;font-size:14px;font-weight:400;line-height:1.75;margin:0}.service1 p span,.service2 p span,.service3 p span,.service4 p span,.service5 p span,.service6 p span{color:#fff;display:block;font-size:18px;font-weight:600;line-height:1.4;margin-bottom:10px;transition:color .3s ease}.service1:hover p span,.service2:hover p span,.service3:hover p span,.service4:hover p span,.service5:hover p span,.service6:hover p span{color:#18a8ff}@media (max-width:1050px){.mainservice{padding:90px 6% 80px}.mainservice2{gap:22px;grid-template-columns:repeat(2,1fr)}.service1,.service2,.service3,.service4,.service5,.service6{min-height:225px}}@media (max-width:750px){.mainservice{padding:80px 5% 70px}.mainservice1{margin-bottom:45px}.mainservice1 h2{font-size:28px}.mainservice1 svg{height:23px;padding:10px;width:23px}.mainservice2{gap:20px;grid-template-columns:1fr;max-width:550px}.service1,.service2,.service3,.service4,.service5,.service6{min-height:215px;padding:28px 25px}}@media (max-width:500px){.mainservice{padding:70px 5% 60px}.mainservice1{gap:10px;margin-bottom:38px}.mainservice1 h2{font-size:25px}.mainservice1 svg{height:20px;padding:9px;width:20px}.service1,.service2,.service3,.service4,.service5,.service6{border-radius:17px;min-height:205px;padding:25px 20px}.service1 img,.service2 img,.service3 img,.service4 img,.service5 img,.service6 img{height:58px;margin-bottom:18px;padding:11px;width:58px}.service1 p,.service2 p,.service3 p,.service4 p,.service5 p,.service6 p{font-size:13.5px;line-height:1.7}.service1 p span,.service2 p span,.service3 p span,.service4 p span,.service5 p span,.service6 p span{font-size:17px;margin-bottom:8px}}@media (max-width:380px){.mainservice{padding:65px 4% 50px}.mainservice2{gap:17px}.service1,.service2,.service3,.service4,.service5,.service6{min-height:200px;padding:23px 17px}.service1 p span,.service2 p span,.service3 p span,.service4 p span,.service5 p span,.service6 p span{font-size:16px}}.maincontact{background:radial-gradient(circle at 15% 20%,#008cff1f,#0000 35%),radial-gradient(circle at 85% 75%,#00c6ff1a,#0000 35%),linear-gradient(135deg,#020914,#041326 50%,#020914);box-sizing:border-box;min-height:100vh;overflow:hidden;padding:100px 7% 90px;position:relative;width:100%}.maincontact1{align-items:center;display:flex;gap:14px;justify-content:center;margin:0 auto 25px;max-width:1200px;width:100%}.maincontact1 svg{background:#18a8ff14;border:1px solid #18a8ff40;border-radius:50%;box-shadow:0 0 20px #18a8ff2e;color:#18a8ff;height:27px;padding:12px;transition:.3s ease;width:27px}.maincontact1 svg:hover{box-shadow:0 0 30px #18a8ff59;transform:translateY(-3px)}.maincontact1 h2{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#fff 45%,#159cff 75%,#00c6ff);background-clip:text;-webkit-background-clip:text;color:#0000;font-size:32px;font-weight:700;line-height:1.2;margin:0}.maincontact2{margin:0 auto 45px;max-width:850px;text-align:center;width:100%}.maincontact2 h3{color:#fff;font-size:25px;font-weight:600;margin:0 0 12px}.maincontact2 p{color:#aeb9c7;font-size:15px;line-height:1.8;margin:0}.maincontact3,.maincontact4{box-sizing:border-box}.maincontact3{grid-gap:18px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:linear-gradient(135deg,hsla(0,0%,100%,.055),hsla(0,0%,100%,.015));border:1px solid #ffffff17;border-radius:20px;box-shadow:0 15px 40px #00000040;display:grid;gap:18px;grid-template-columns:1fr 1fr;margin:0 auto 35px;max-width:750px;padding:32px;width:100%}.maincontact3 input,.maincontact3 textarea{background:rgba(2,29,69,.221);border:1px solid #ffffff1a;border-radius:10px;box-sizing:border-box;color:#fff;font-family:inherit;font-size:14px;outline:none;padding:14px 16px;transition:border-color .3s ease,box-shadow .3s ease,background .3s ease;width:100%}.maincontact3 input{height:50px}.maincontact3 textarea{grid-column:1/3;min-height:160px;resize:vertical}.maincontact3 input::placeholder,.maincontact3 textarea::placeholder{color:#718096;opacity:1}.maincontact3 input:focus,.maincontact3 textarea:focus{background:rgba(2,13,28,.377);border-color:#18a8ffa6;box-shadow:0 0 0 3px #18a8ff14,0 0 18px #18a8ff14}.maincontact3 button{background:linear-gradient(90deg,#087ed9,#18a8ff,#00c6ff);border:none;border-radius:9px;box-shadow:0 8px 20px #009cff33;color:#fff;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;grid-column:1/3;justify-self:center;min-width:170px;padding:13px 25px;transition:transform .3s ease,box-shadow .3s ease,filter .3s ease}.maincontact3 button:hover{box-shadow:0 12px 28px #009cff59;filter:brightness(1.08);transform:translateY(-3px)}.maincontact3 button:active{transform:translateY(0)}.maincontact4{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:900px;width:100%}.contact41,.contact42{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff0d,hsla(0,0%,100%,.015));border:1px solid #ffffff14;border-radius:16px;box-sizing:border-box;display:flex;flex-direction:column;gap:10px;justify-content:center;min-height:90px;padding:20px;text-align:center;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.contact41:hover,.contact42:hover{border-color:#18a8ff4d;box-shadow:0 12px 30px #00000040,0 0 20px #18a8ff14;transform:translateY(-5px)}.contact41 svg,.contact42 svg{color:#18a8ff;filter:drop-shadow(0 0 8px rgba(24,168,255,.3));height:22px;width:22px}.contact41 p,.contact42 p{color:#b8c2cf;font-size:13px;line-height:1.5;margin:0;word-break:break-word}.contact41:hover p,.contact42:hover p{color:#18a8ff;transition:.3s ease}@media (max-width:900px){.maincontact{padding:90px 6% 80px}.maincontact4{grid-template-columns:repeat(2,1fr)}.contact41{grid-column:1/3}}@media (max-width:650px){.maincontact{padding:80px 5% 65px}.maincontact1{margin-bottom:22px}.maincontact1 h2{font-size:28px}.maincontact1 svg{height:23px;padding:10px;width:23px}.maincontact2{margin-bottom:35px}.maincontact2 h3{font-size:22px}.maincontact2 p{font-size:14px}.maincontact3{border-radius:17px;gap:15px;grid-template-columns:1fr;padding:24px}.maincontact3 textarea{grid-column:auto}.maincontact3 button{grid-column:auto;width:100%}.maincontact4{gap:15px;grid-template-columns:1fr}.contact41{grid-column:auto}.contact41,.contact42{min-height:85px}}@media (max-width:400px){.maincontact{padding:70px 4% 55px}.maincontact1{gap:10px}.maincontact1 h2{font-size:25px}.maincontact1 svg{height:20px;padding:9px;width:20px}.maincontact3{padding:20px}.maincontact3 input,.maincontact3 textarea{font-size:13px}.maincontact3 textarea{min-height:140px}.contact41 p,.contact42 p{font-size:12.5px}}.mainfooter{grid-gap:30px;align-items:center;background:radial-gradient(circle at 50% 0,#008cff1a,#0000 45%),linear-gradient(180deg,#041326,#020914);border-top:1px solid #18a8ff26;box-shadow:0 -10px 30px #00000026;box-sizing:border-box;display:grid;gap:30px;grid-template-columns:1fr auto 1fr;min-height:70px;padding:2px 7%;position:relative;width:100%}.footer1{align-items:center;display:flex;justify-content:flex-start}.footer1 img{display:block;filter:drop-shadow(0 0 12px rgba(24,168,255,.2));height:50px;object-fit:contain;transition:transform .3s ease,filter .3s ease;width:50px}.footer1 img:hover{filter:drop-shadow(0 0 20px rgba(24,168,255,.4));transform:translateY(-3px) scale(1.05)}.footer2{align-items:center;display:flex;gap:8px;justify-content:center;white-space:nowrap}.footer2 svg{color:#18a8ff;flex-shrink:0;height:15px;width:15px}.footer2 p{color:#8f9baa;font-size:13px;line-height:1.5;margin:0}.footer3{align-items:center;display:flex;gap:25px;justify-content:flex-end;list-style:none;margin:0;padding:0}.footer3 li{color:#aeb9c7;cursor:default;font-size:13px;font-weight:500;letter-spacing:.5px;position:relative;transition:color .3s ease,transform .3s ease}.footer3 li:hover{color:#18a8ff;transform:translateY(-2px)}.footer3 li:not(:last-child):after{color:#18a8ff;content:"•";opacity:.6;position:absolute;right:-17px}.mainfooter:before{background:#18a8ff;box-shadow:0 0 15px #18a8ff99;content:"";height:1px;left:50%;position:absolute;top:-1px;transform:translateX(-50%);width:120px}@media (max-width:850px){.mainfooter{grid-template-columns:1fr 1fr;padding:25px 5%;row-gap:20px}.footer1{justify-content:flex-start}.footer2{justify-content:flex-end}.footer3{grid-column:1/3;justify-content:center;padding-top:5px}}@media (max-width:600px){.mainfooter{display:flex;flex-direction:column;gap:18px;min-height:200px;padding:30px 5%}.footer1,.mainfooter{justify-content:center}.footer1 img{height:65px;width:65px}.footer2{gap:7px;text-align:center;white-space:normal}.footer2 p{font-size:12px;text-align:center}.footer3{gap:22px;justify-content:center}.footer3 li{font-size:12px}.footer3 li:not(:last-child):after{right:-14px}}@media (max-width:400px){.mainfooter{gap:15px;padding:25px 4%}.footer1 img{height:58px;width:58px}.footer2 p{font-size:11.5px}.footer3{gap:18px}.footer3 li{font-size:11px}.footer3 li:not(:last-child):after{right:-12px}}
/*# sourceMappingURL=main.9ff8ccc5.css.map*/