:root{--dark--blue: #05041f;--primary-color: #FFFFFF;--secondary-color: #FAFAFA;--tertiary-color: #E4ECFF;--purple: #CBACF9;--nav-color: linear-gradient(90deg, #161a31, #06091f);--btn-bg-color: #020617;--border-color: #303246;--max-width: 1300px}::selection{color:#0bc5b3;background-color:#04201b}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background-color:#fafafa}::-webkit-scrollbar-thumb{background-color:#8c8c8c}::-webkit-scrollbar-thumb:hover{background-color:#787878}*{margin:0;padding:0;box-sizing:border-box}body{width:100%;background-color:#000319;font-family:Inter,sans-serif;color:var(--text-color)}a{text-decoration:none;color:var(--purple)}main{width:100%;background-color:var(--dark-blue)}.hero-section{position:relative;width:100%;min-height:93vh;overflow:hidden;background-image:url(/assets/icons/top-grid.svg);display:flex;align-items:center;justify-content:center;padding-inline:1rem}header{position:absolute;left:50%;top:50px;transform:translate(-50%);-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);background:var(--nav-color);border-radius:12px;border:1px solid var(--border-color);padding:clamp(.9rem,4vw,1.2rem) clamp(1.2rem,5vw,2.8rem);font-size:14px}nav{display:flex;align-items:center;justify-content:center;gap:2rem}nav a{cursor:pointer;color:var(--secondary-color);transition:color .4s ease}nav a:hover{color:var(--purple)}.beam-svg{position:absolute;top:0;left:0;width:100%;height:60%;pointer-events:none;transform:translate(-120px,50px);overflow:visible}@keyframes beam-slide{0%{stroke-dashoffset:3000;opacity:0}to{stroke-dashoffset:0;opacity:1}}.beam-animate{animation:beam-slide 3s cubic-bezier(.25,.46,.45,.94) forwards;stroke-dasharray:3000;opacity:0}.beam-1,.beam-2{animation-delay:1s}.beam-22{position:absolute;top:0%;right:0%;width:1600px;height:400px;border-radius:999px;transform-origin:left center;pointer-events:none;opacity:0;animation:beam-rise 3s cubic-bezier(.22,1,.36,1) forwards,beam-float 10s ease-in-out infinite}.beam-white{height:200px;width:1200px;top:50px;right:0;background:radial-gradient(ellipse at left center,rgba(199,17,236,.164),rgba(199,17,236,.12) 35%,rgba(199,17,236,.05) 60%,transparent 80%);filter:blur(20px);animation-delay:1s;animation-duration:3s;transform:rotate(152deg) translate(-1791px,-468px)}@keyframes beam-rise{0%{transform:rotate(152deg) translate(-1791px,-468px)}to{opacity:1;transform:rotate(152deg) translate(-1216px,-468px)}}.hero-text-container{width:100%;max-width:1000px;display:flex;align-items:center;flex-direction:column;justify-content:center;margin-top:5rem;gap:clamp(1.8rem,1.2vw,3rem)}.hero-first-text{text-transform:uppercase;color:var(--tertiary-color);font-size:.9rem;margin-bottom:-25px;text-align:center}.hero-second-text{color:var(--primary-color);text-align:center;font-size:clamp(2rem,4vw,4rem)}.hero-second-text span{color:var(--purple)}.hero-third-text{font-size:clamp(1rem,3vw,1.5rem);color:var(--secondary-color);text-align:center}.hero-button{--angle: 0deg;width:100%;max-width:clamp(200px,40vw,250px);padding:.8rem 0;font-size:.875rem;line-height:1.25rem;letter-spacing:.5px;font-weight:600;cursor:pointer;border-radius:.5rem;color:var(--primary-color);background:linear-gradient(var(--btn-bg-color)) padding-box,conic-gradient(from var(--angle),transparent 20%,#6a5cff,white,#6a5cff,transparent 80%) border-box;border:1px solid transparent;animation:rotate-border 4s linear infinite;display:flex;justify-content:center;gap:.7rem}.hero-button span+span{margin-top:2px}.skills-container{width:100%;display:flex;flex-direction:column;align-items:center;padding:5rem 0}.skills-heading{display:flex;align-items:center;gap:1rem;text-shadow:0 0 6px rgba(230,233,255,.4),0 0 12px rgba(111,214,255,.3);display:none;padding-bottom:4rem}.skills-heading h1{font-size:clamp(2rem,5vw,3rem);text-transform:uppercase;letter-spacing:2px;color:var(--primary-color)}.skills-small-icon{width:20px;margin-top:3px}.skills-small-icon img{width:100%;object-fit:contain}.skills-svg-container{width:100%;max-width:var(--max-width);height:455px;margin-inline:auto;display:flex;justify-content:center;overflow:hidden}.main-svg-container{width:100%;height:100%;max-width:var(--max-width);max-height:500px;display:block;overflow:hidden}.chip{fill:#1a1a1a;stroke:#3a3a3a;stroke-width:3.5;rx:14}.chip-text{fill:var(--primary-color);font-size:34px;font-family:Arial,sans-serif;text-anchor:middle;dominant-baseline:middle;letter-spacing:1px}.pin{stroke:var(--primary-color);stroke-width:5;stroke-linecap:round}.trace-static{fill:none;stroke:#3a3a3a;stroke-width:3;stroke-linecap:round;filter:drop-shadow(0 0 6px rgba(255,255,255,.15))}.endpoint{fill:#474747;stroke:#ffffff59;stroke-width:4}.signal{fill:none;stroke-width:2.5;stroke-linecap:round;animation-timing-function:ease}.left-pin1{stroke:url(#gradLeftPin1);filter:drop-shadow(0 0 20px rgba(255,107,53,1));stroke-dasharray:100 1500;animation:flow 6s infinite}.bottom-line1{stroke:url(#gradBottomLine1);stroke-dasharray:100 1500;animation:flow 6s infinite .8s}.right-pin1{stroke:url(#gradRightPin1);filter:drop-shadow(0 0 20px rgba(0,188,212,1));stroke-dasharray:100 1500;animation:flow 6s infinite 1.6s}.right-pin2{stroke:url(#gradRightPin2);filter:drop-shadow(0 0 20px rgba(156,39,176,1));stroke-dasharray:100 1500;animation:flow 6s infinite 2.4s}.top-pin6{stroke:url(#gradTopPin6);filter:drop-shadow(0 0 20px rgba(255,235,59,1));stroke-dasharray:100 1500;animation:flow 6s infinite 3.2s}.bottom-line2{stroke:url(#gradBottomLine2);filter:drop-shadow(0 0 20px rgba(0,137,123,1));stroke-dasharray:100 1500;animation:flow 6s infinite 4s}@keyframes flow{0%{stroke-dashoffset:1600}to{stroke-dashoffset:0}}.skills-tools-and-technology-section{width:100%;max-width:var(--max-width);display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.5rem,3vw,2.5rem);padding:0 clamp(.75rem,2vw,2rem)}.skills-card{width:100%;border-radius:clamp(16px,2vw,24px);padding:clamp(1.25rem,2.5vw,2.5rem) clamp(1.5rem,3vw,2.5rem);box-shadow:0 8px 32px #0006;transition:all .3s ease;cursor:pointer}.skills-card:hover{border-color:#01c3a880;box-shadow:0 12px 48px #01c3a833;transform:translateY(2px)}.skills-card-one{background:radial-gradient(ellipse at right top,#107667ed,#000 47% 100%);border:1px solid rgba(1,195,168,.15)}.skills-card-one:hover{border-color:#01c3a880;box-shadow:0 12px 48px #01c3a833;transform:translateY(2px)}.skills-card-two{background:radial-gradient(ellipse at right top,#3b83f699,#000 47% 100%);border:1px solid rgba(59,130,246,.15)}.skills-card-two:hover{border-color:#3b82f680;box-shadow:0 12px 48px #3b82f633;transform:translateY(2px)}.skills-card-three{background:radial-gradient(ellipse at right top,#a955f799,#000 47% 100%);border:1px solid rgba(168,85,247,.15)}.skills-card-three:hover{border-color:#a855f780;box-shadow:0 12px 48px #a855f733}.skills-header{margin-bottom:clamp(.75rem,1.5vw,1rem)}.skills-header h2{color:var(--primary-color);font-size:clamp(1.5rem,2vw,1.75rem);font-weight:700;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.skill-description{color:var(--tertiary-color);font-size:clamp(.9rem,1.2vw,1rem);line-height:1.5;margin-bottom:clamp(1.25rem,2vw,2rem)}.tech-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(.75rem,1.5vw,1.25rem)}.tech-item{display:flex;flex-direction:column;align-items:center;gap:clamp(.375rem,.75vw,.5rem);padding:clamp(.625rem,1.5vw,1rem);background:#ffffff08;border-radius:clamp(8px,1.5vw,12px);border:1px solid rgba(255,255,255,.05);transition:all .3s ease;cursor:pointer}.tech-item:hover{background:#ffffff0f;border-color:#3b82f666;transform:translateY(-4px)}.tech-icon{width:clamp(28px,5vw,40px);height:clamp(28px,5vw,40px);display:flex;align-items:center;justify-content:center}.tech-icon img{width:100%;height:100%;object-fit:contain}.tech-name{color:var(--secondary-color);font-size:clamp(.625rem,1vw,.75rem);font-weight:500;text-align:center}@media(max-width:1200px){.skills-tools-and-technology-section{grid-template-columns:repeat(2,1fr)}.skills-card:nth-child(3){grid-column:1 / -1;max-width:500px;margin:0 auto}}@media(max-width:768px){.skills-tools-and-technology-section{grid-template-columns:1fr}.skills-card:nth-child(1),.skills-card:nth-child(2),.skills-card:nth-child(3){grid-column:1;max-width:100%}.tech-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.skills-svg-container{display:none}.skills-heading{display:inline-flex}}.project-section{width:100%;padding:5rem 1rem}.project-section h1{text-align:center;font-size:clamp(2rem,5vw,3rem);margin-bottom:3rem;color:var(--primary-color)}.project-section h1 span{color:var(--purple)}.project-section-container{max-width:var(--max-width);margin-inline:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:3rem;margin-top:clamp(5rem,5vw,10rem)}.project-card{width:100%;background-color:var(--card-color);border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:1.2rem;display:flex;flex-direction:column;gap:1.5rem;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.project-card:hover{transform:translateY(-4px);border-color:#cbacf94d;box-shadow:0 10px 24px #00000073,0 20px 40px #00000059}.third-row-second{transition:transform .2s ease}.project-card:hover .third-row-second{transform:translate(4px)}.card-first-row{width:100%;aspect-ratio:16 / 9;background-color:#06091f;background-image:url(/assets/images/bg.png);background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:1rem;overflow:hidden;display:flex;justify-content:center;align-items:flex-end}.card-image-container{width:90%;max-width:700px;border-radius:5px}.card-first-row img{width:100%;height:auto;object-fit:contain;display:block;border-radius:5px}.card-second-row{display:flex;flex-direction:column;gap:.5rem}.card-second-row h1{font-size:clamp(1.2rem,2.5vw,1.5rem);margin:0;line-height:1.5;color:#fafafa;text-align:start}.card-second-row p{font-size:clamp(.9rem,2.2vw,1.1rem);line-height:1.4;color:#bec1ddc9}.card-third-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.third-row-first{display:flex;align-items:center}.third-row-image-container+.third-row-image-container{margin-left:-10px}.third-row-image-container{width:2.5rem;height:2.5rem;background:linear-gradient(90deg,#161a31,#06091f);border:1px solid rgba(255,255,255,.2);border-radius:9999px;display:flex;justify-content:center;align-items:center}.third-row-image-container img{width:100%;height:100%;padding:.5rem;border-radius:9999px}.third-row-second{display:flex;align-items:center;gap:.4rem;font-size:clamp(.95rem,2vw,1.2rem);cursor:pointer;white-space:nowrap}@media(max-width:1024px){.project-section-container{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.project-section{padding:2.5rem 1rem}.card-third-row{flex-direction:column;align-items:flex-start}.third-row-second{margin-top:.5rem}}@media(max-width:640px){.project-section-container{grid-template-columns:1fr}}@media(max-width:480px){.project-section h1{margin-bottom:2rem}.project-card{padding:.8rem}.third-row-image-container{width:2.2rem;height:2.2rem}.third-row-image-container+.third-row-image-container{margin-left:-8px}}.about-main-container{width:100%;min-height:85vh;padding:5rem 1rem;display:flex;align-items:center;justify-content:flex-start;flex-direction:column;gap:clamp(2rem,6vw,4rem)}.about-main-container h1{color:var(--primary-color);font-size:clamp(2rem,5vw,3rem);text-align:center;margin-bottom:clamp(2rem,6vw,3.5rem)}.about-main-container h1 span{color:var(--purple)}.about-second-row{width:100%;max-width:var(--max-width);display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.card{position:relative;height:520px;background:var(--dark-blue);border-radius:20px;border:1px solid rgba(255,255,255,.12);cursor:pointer}.canvas-wrap{position:absolute;inset:0;z-index:1;border-radius:20px;overflow:hidden;pointer-events:none}.card-canvas{width:100%;height:100%;display:block;mix-blend-mode:screen}.inner-shadow{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(to bottom,#0000,#00000059 55%,#000000f2)}.corner{position:absolute;width:26px;height:26px;z-index:5}.corner img{width:100%;height:100%}.corner.tl{top:-5px;left:-5px}.corner.tr{top:-5px;right:-5px}.corner.bl{bottom:-5px;left:-5px}.corner.br{bottom:-5px;right:-5px}.center{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;padding:32px;text-align:center}.phase-btn{--angle: 0deg;color:var(--primary-color);padding:14px 42px;border-radius:999px;font-size:1rem;letter-spacing:.6px;font-weight:700;cursor:pointer;border:1px solid transparent;animation:rotate-border 4s linear infinite;display:flex;justify-content:center;gap:.7rem;background:linear-gradient(#020617) padding-box,conic-gradient(from var(--angle),transparent 20%,#005f9e,#9ffcff,#005f9e,transparent 80%) border-box}.phase-btn span+span{margin-top:2px}.phase-text{max-width:350px;animation:fadeUp 2s ease forwards}.phase-text h1{color:var(--primary-color);font-size:clamp(1.9rem,4rem,2rem);font-weight:600;margin-bottom:14px;line-height:2.1rem;user-select:none;-moz-user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.phase-text p{font-size:1rem;line-height:1.2rem;letter-spacing:.5px;color:var(--tertiary-color);-webkit-user-select:none;user-select:none}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes gradientShift{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}@media(max-width:1024px){.about-second-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.about-second-row{grid-template-columns:1fr}}.contact-main-container{width:100%;min-height:85vh;position:relative;overflow:hidden}.contact-main-svg-container{position:absolute;inset:0;width:100%;height:100%}.contact-inner-svg-container{width:100%;height:100%;display:block;opacity:.5}.contact-child-second{position:relative;z-index:100;width:100%;max-width:var(--max-width);height:80vh;margin-inline:auto;padding:3rem 1rem;display:flex;flex-direction:column;justify-content:space-between}.contact-child-second-heading h1{text-align:center;color:var(--primary-color);font-size:clamp(2rem,5vw,3rem)}.contact-form{width:100%;display:flex;justify-content:space-between;align-items:flex-start;gap:3rem}.contact-text{width:100%;max-width:600px;display:flex;flex-direction:column;gap:1rem}.contact-text h1{color:var(--primary-color);font-size:var(1.5, 4vw, 2rem)}.contact-text-first{text-transform:uppercase;letter-spacing:2px}.contact-text p{font-size:clamp(1rem,2vw,1.2rem);color:var(--tertiary-color);line-height:1.6rem}.form{width:100%;max-width:550px;display:flex;flex-direction:column;gap:1.8rem}.contact__control{width:100%}.contact__control input,.contact__control textarea{width:100%;padding:15px;font-size:1rem;color:var(--primary-color);background:transparent;border:none;border-bottom:2px solid gray;letter-spacing:1px}.contact__control textarea{min-height:120px;resize:none}.contact__control input:focus,.contact__control textarea:focus{outline:none;border-bottom-color:#9f6bed}.contact__control.align-right{display:flex;justify-content:flex-end}.contact__control button{max-width:150px;padding:10px;font-size:1.2rem;background:transparent;border:none;border-bottom:2px solid #9f6bed;color:var(--primary-color);cursor:pointer;transition:all .3s ease}.contact__control button:hover{color:#9f6bed;transform:translateY(-2px)}@media(max-width:800px){.contact-form{flex-direction:column;gap:3rem;align-items:center}.contact-text{max-width:100%;text-align:center;align-items:center}.form{align-items:center}.contact__control.align-right{justify-content:right}}@media(max-width:570px){.contact-child-second{padding:2.5rem 1rem}.contact-text h1{font-size:2rem}}footer{width:100%;height:52vh;max-width:var(--max-width);margin-inline:auto;background-image:url(/assets/icons/footer-grid.svg);background-size:cover;background-position:center;background-repeat:no-repeat;padding:3rem 1rem;display:flex;flex-direction:column;justify-content:space-between}.Footer-heading{display:flex;flex-direction:column;align-items:center;gap:40px}.Footer-heading h1{text-align:center;max-width:650px;font-size:clamp(2rem,5vw,3rem);color:var(--primary-color);line-height:4rem}.Footer-heading h1 span{color:var(--purple)}.Footer-heading p{color:var(--tertiary-color);font-size:clamp(.9rem,2vw,1.1rem)}.footer-button{--angle: 0deg;width:100%;max-width:250px;padding:.8rem 0;font-size:.875rem;line-height:1.25rem;letter-spacing:.5px;font-weight:600;cursor:pointer;border-radius:.5rem;color:var(--light-white);background:linear-gradient(#020617) padding-box,conic-gradient(from var(--angle),transparent 20%,#6a5cff,white,#6a5cff,transparent 80%) border-box;border:1px solid transparent;animation:rotate-border 4s linear infinite;display:flex;justify-content:center;gap:.7rem;color:var(--primary-color)}.footer-button span+span{margin-top:2px}@property --angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@keyframes rotate-border{to{--angle: 360deg}}.text-side p{color:var(--secondary-color);letter-spacing:.5px}.footer-icons{display:flex;align-items:center;justify-content:space-between}.social-icons{display:flex;gap:12px;align-items:center}.social-icons a{width:40px;height:40px;background-color:#0d1424;display:flex;justify-content:center;align-items:center;border:1.2px solid #2B323F;border-radius:.72rem}.social-icons a:hover{background-color:#080c16}.sociol-icons img{width:100%;height:100%}@media(max-width:520px){.footer-icons{align-items:center;flex-wrap:wrap;gap:1rem;margin-block:2rem;justify-content:center;padding-bottom:2rem}}.error-page{min-height:90vh;width:100%;background-color:var(--dark--blue);display:flex;align-items:center;justify-content:center;padding:clamp(1.5rem,5vw,4rem)}.error-container{width:100%;max-width:600px;margin:0 auto}.error-content{display:flex;flex-direction:column;align-items:center;gap:clamp(1.5rem,4vw,3rem);text-align:center}.error-image{display:flex;align-items:center;justify-content:center}.error-image h1{font-size:clamp(3rem,8vw,5rem);font-weight:800;color:#fff;line-height:1;letter-spacing:.05em}.Error-image-container{width:100%}.Error-image-container img{width:100%;height:auto;display:block;object-fit:contain}.error-text{max-width:600px}.error-text h2{font-size:clamp(1.6rem,4vw,2.6rem);font-weight:600;color:#fff;margin-bottom:clamp(.5rem,1.5vw,1rem)}.error-text p{font-size:clamp(1rem,2.5vw,1.2rem);color:#ffffffbf;margin-bottom:clamp(1.5rem,3vw,2.5rem);line-height:1.6}.btn-home{display:inline-block;padding:clamp(.7rem,1.5vw,1rem) clamp(1.4rem,3vw,2.4rem);font-size:clamp(1rem,2.2vw,1.2rem);font-weight:500;color:#fff;background-color:#39ac31;border-radius:.6rem;text-decoration:none;transition:background-color .3s ease,transform .2s ease}.btn-home:hover{background-color:#2f8a27;transform:translateY(-2px)}@media(max-width:480px){.error-page{padding:1.5rem}.error-content{gap:1.5rem}.error-text p{line-height:1.5}}