.landing-container{color:#fff;justify-content:center;align-items:center;display:flex}.hero-ui{flex-direction:column;justify-content:center;align-items:center;display:flex}.hero-image-shell{background:#0e2152b3;width:100%;height:100%;position:relative;overflow:hidden}.hero-image-skeleton{background:linear-gradient(105deg,#fff0 30%,#ffffff40 50%,#fff0 70%) 0 0/220% 100%,linear-gradient(145deg,#1f3577,#1a2b61 45%,#263f89 100%) 0 0/100% 100%;animation:1.25s linear infinite hero-image-shimmer;position:absolute;inset:0}.hero-image{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .28s ease-in;display:block}.hero-image.is-loaded{opacity:1}@keyframes hero-image-shimmer{0%{background-position:200% 0,0 0}to{background-position:-40% 0,0 0}}@media (prefers-reduced-motion:reduce){.hero-image-skeleton{animation:none}}.landing-ui h1{flex-direction:column;justify-content:center;align-items:center;margin-bottom:10px;font-size:3rem;font-weight:700;display:flex}.landing-ui h2{font-size:1rem;font-weight:500;line-height:4}.landing-ui p{text-align:center;color:#d4d4d4;margin-top:10px;font-size:1.2rem}.nav-bar{color:#e6e6e6e4;-webkit-backdrop-filter:blur(5px);z-index:1;background-color:#7d7d7d35;border:1px solid #8080806f;border-radius:20px;justify-content:space-around;align-items:center;width:20rem;height:50px;transition:transform .5s ease-in;animation:1.2s ease-out top-down;display:flex;position:fixed;top:1.5rem;right:5rem}.nav-hidden{transform:translateY(-200%)}.nav-bar a{color:#f0f8ff;text-decoration:none}.nav-bar a:hover{color:#000}@keyframes top-down{0%{opacity:0;transform:translateY(-100%)}to{opacity:1}}.nav-bar ul{gap:15px;display:flex}.nav-bar li{cursor:pointer;font-weight:700;list-style-type:none}.project{background:linear-gradient(90deg,#020024 0%,#090979 54%,#00d4ff 100%);grid-template-columns:1fr repeat(2,minmax(50px,1fr));justify-content:center;align-items:center;gap:1.5rem;width:100%;height:auto;padding:2rem 1rem;display:grid;overflow:hidden}.heading{grid-column:1/-1;width:100%}.project-container{color:#fff;border:1px solid #ffffff1f;border-radius:20px;flex-direction:column;width:auto;height:700px;min-height:540px;transition:transform .25s,box-shadow .25s;animation:5s ease-in-out scroll-view;animation-range:entry 0 cover 60%;display:flex;overflow:hidden;box-shadow:0 10px 30px #0000004d}.project-container:hover{transform:translateY(-6px);box-shadow:0 16px 35px #00000073}@keyframes scroll-view{0%{opacity:0}to{opacity:1}}.slideshow{width:100%;height:40%;overflow:hidden}.slide-track{width:200%;height:100%;animation:10s linear infinite scroll-left;display:flex}.slide-track img{object-fit:cover;width:100%;height:100%}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-50%)}}.single-img{object-fit:cover;width:100%;height:200px}.project-content{flex-direction:column;flex:1;gap:.8rem;padding:1rem 1rem 1.2rem;display:flex}.project-content>h2{margin:0;font-weight:700}.project-description{color:#ffffffe0;white-space:pre-line;margin:0;font-size:.8rem;line-height:1.45}.stack-section{margin-top:auto}.stack-title{letter-spacing:.04em;text-transform:uppercase;color:#ffffffbf;margin-bottom:.5rem;font-size:.8rem;font-weight:700;display:inline-block}.stack-list{flex-wrap:wrap;gap:.45rem;display:flex}.stack-badge{color:#e6f3ff;background:#5ca3ff1f;border:1px solid #5ca3ff66;border-radius:999px;padding:.35rem .6rem;font-size:.72rem}.contact{background:linear-gradient(90deg,#020024 0%,#090979 54%,#00d4ff 100%);flex-wrap:wrap;justify-content:center;align-items:center;width:100%;height:auto;padding:1em;display:flex;overflow:hidden}.contact-container{color:#fff;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;max-width:500px;height:auto;margin:.2em;padding:1em;font-family:Courier New,Courier,monospace;display:flex;overflow:hidden}.error{color:red;align-self:flex-start}.name-in,.email,.purpose,.phone-no{flex-direction:column;justify-content:space-around;align-items:flex-start;width:100%;height:auto;margin:.8em 0;display:flex}label{width:auto;height:auto;margin-right:2em}label:after{content:"*";color:red;position:relative;left:-1.8em}input{border:1.5px solid gray;border-radius:20px;width:100%;padding:.7em 1.5em}input:focus{border:2px solid #30f;outline:none}select{color:#000;border:2px solid gray;border-radius:10px;width:70%;padding:1em}textarea{resize:vertical;color:#000;border:2px solid gray;width:100%;height:120px;max-height:200px;margin-top:1.5em;padding:.5em 1em}.contact-container button{color:#000;letter-spacing:5px;cursor:pointer;background-color:#fff;border:0;border-radius:10px;width:100%;margin-top:1em;padding:.7em 1em;font-weight:600;overflow:hidden}.contact-container button:hover{color:#fff;background-color:#181818}.contact-container button:focus{background-color:#000;border:2px solid #30f;outline:none}.contact-container button:disabled{cursor:not-allowed;background-color:gray}.foot{color:#fff;text-align:center;background-color:#0f0f49;border-top:thin solid #6e6e6e43;flex-direction:column;justify-content:center;align-items:center;width:100%;height:auto;padding:.6em;display:flex}.footer{justify-content:space-around;align-items:center;width:100%;margin:1em;display:flex}.details,.nav-links,.social-links{flex-direction:column;justify-content:center;align-items:center;gap:10px;width:auto;padding:1em;display:flex}.details a,.nav-links a,.social-links a{color:#d4d4d4;text-underline-offset:5px;justify-content:center;align-items:center;gap:20px;width:auto;text-decoration-thickness:1px;display:flex}.link-p{align-self:flex-end;margin:1em;position:relative}.link-p:after{content:"";transform-origin:0;background:linear-gradient(90deg,#020024 0%,#090979 54%,#00d4ff 100%);width:100%;height:2px;animation:7s infinite forwards line;position:absolute;bottom:-3px;left:0;transform:scaleX(0)}.copyright{text-align:center}@keyframes line{to{transform:scaleX(1)}}@media (width>=320px) and (width<=480px){.landing-ui{margin:0 1em}.landing-ui p{font-size:.9rem}.project{grid-template-columns:repeat(1,minmax(50px,1fr));gap:1rem}.project-container{min-height:500px}.project-content>h2{font-size:1.1rem}.details p,.nav-links p,.social-links p{font-size:.4rem;font-weight:900}}@media (width>=451px) and (width<=767px){.project{grid-template-columns:repeat(1,minmax(50px,1fr));padding:1.6rem 1rem}.project-container{margin:.8em 2em}}@media (width>=768px) and (width<=1024px){.project{grid-template-columns:repeat(2,minmax(50px,1fr));padding:2rem 1.2rem}.project-container{margin:.8em 1em}}@media (width<=500px){.nav-bar{justify-content:center;align-items:center;width:80%;margin:0 2.5em;left:0;right:0}}