*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Arial,Helvetica,sans-serif;background:#08090c;color:#f5f5f5;line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.container{width:min(1120px,90%);margin:0 auto}.header{position:fixed;top:0;left:0;width:100%;z-index:1000;background:rgba(8,9,12,.75);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}.nav-container{height:80px;display:flex;align-items:center;justify-content:space-between}.logo{font-size:1.5rem;font-weight:800;letter-spacing:2px}.logo span,h1 span,h2 span{color:#7c5cff}.navigation{display:flex;align-items:center;gap:35px}.navigation a{color:#c7c7cc;font-size:.95rem;transition:.3s}.navigation a:hover{color:white}.nav-button{border:1px solid #7c5cff;padding:10px 20px;border-radius:100px}.menu-toggle{display:none;border:0;background:none;color:white;font-size:1.8rem;cursor:pointer}.hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;padding-top:80px}.hero-glow{position:absolute;width:700px;height:700px;right:-200px;top:10%;background:radial-gradient(circle,rgba(124,92,255,.22),transparent 65%);pointer-events:none}.hero-content{position:relative;z-index:2}.eyebrow{color:#7c5cff;font-weight:700;font-size:.8rem;letter-spacing:3px;margin-bottom:20px}.hero h1{max-width:900px;font-size:clamp(3.5rem,8vw,7.5rem);line-height:.95;letter-spacing:-5px;margin-bottom:35px}.hero-text{max-width:600px;color:#9d9da5;font-size:1.2rem;margin-bottom:40px}.hero-buttons{display:flex;gap:15px;flex-wrap:wrap}.button{display:inline-flex;justify-content:center;align-items:center;padding:15px 27px;border-radius:100px;transition:.3s;cursor:pointer}.primary{background:#7c5cff;color:white;border:1px solid #7c5cff}.primary:hover{background:#937cff;transform:translateY(-2px)}.secondary{border:1px solid #303038;color:white}.secondary:hover{border-color:#7c5cff}.scroll-indicator{position:absolute;bottom:35px;right:5%;color:#65656c;font-size:.7rem;letter-spacing:2px}.scroll-indicator span{margin-left:10px}.section{padding:130px 0}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:70px}.section-heading h2,.contact-text h2{font-size:clamp(2.5rem,5vw,4.5rem);line-height:1;letter-spacing:-3px}.section-heading>p{max-width:420px;color:#898991}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{position:relative;min-height:330px;padding:35px;background:#101116;border:1px solid #1c1d24;border-radius:18px;transition:.35s}.service-card:hover{transform:translateY(-8px);border-color:#7c5cff}.number{position:absolute;top:25px;right:25px;color:#555560}.icon{font-size:2rem;color:#7c5cff;margin:45px 0 35px}.service-card h3{font-size:1.6rem;margin-bottom:15px}.service-card p{color:#8e8e97}.projects-section{background:#0c0d11}.projects-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.project-card{min-height:480px;position:relative;overflow:hidden;border-radius:20px;background-size:cover;background-position:center;transition:.4s}.project-one{background:linear-gradient(135deg,#242438,#7c5cff)}.project-two{background:linear-gradient(135deg,#14252b,#21b9a2)}.project-three{background:linear-gradient(135deg,#301b29,#d64d83)}.project-four{background:linear-gradient(135deg,#302815,#dcae43)}.project-card:hover{transform:scale(.985)}.project-overlay{position:absolute;inset:0;padding:35px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(transparent 30%,rgba(0,0,0,.75))}.project-overlay p{font-size:.75rem;letter-spacing:2px;color:rgba(255,255,255,.7)}.project-overlay h3{font-size:3rem;margin:5px 0}.project-overlay span{color:#ddd}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.contact-text>p:not(.eyebrow){color:#909098;max-width:450px;margin-top:30px}.contact-info{margin-top:50px;display:flex;gap:50px}.contact-info p{color:#8e8e97}.contact-info strong{color:white}.contact-form{background:#101116;padding:40px;border-radius:20px;border:1px solid #1c1d24}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-size:.85rem;color:#b6b6bd}.form-group input,.form-group textarea{width:100%;background:#08090c;border:1px solid #292a31;border-radius:10px;color:white;padding:14px 16px;outline:none;transition:.3s}.form-group textarea{resize:vertical}.form-group input:focus,.form-group textarea:focus{border-color:#7c5cff}.submit-button{width:100%}.form-message{margin-top:15px;text-align:center;color:#8fe6b1}footer{border-top:1px solid #1c1d24;padding:35px 0}.footer-content{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-content p,.back-top{color:#696971;font-size:.85rem}@media(max-width:900px){.menu-toggle{display:block}.navigation{position:absolute;top:80px;left:0;width:100%;padding:30px 5%;background:#0c0d11;flex-direction:column;align-items:flex-start;opacity:0;visibility:hidden;transform:translateY(-15px);transition:.3s}.navigation.active{opacity:1;visibility:visible;transform:translateY(0)}.services-grid{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr;gap:60px}.section-heading{flex-direction:column;align-items:flex-start}}@media(max-width:650px){.hero h1{letter-spacing:-3px}.section{padding:90px 0}.projects-grid{grid-template-columns:1fr}.project-card{min-height:360px}.form-row{grid-template-columns:1fr;gap:0}.contact-form{padding:25px}.contact-info{flex-direction:column;gap:20px}.footer-content{flex-direction:column;text-align:center}}
.project-link{display:inline-block;color:#ddd;margin-top:4px;transition:.25s}.project-link:hover{color:#fff;transform:translateX(5px)}

.form-message.error{color:#ff8f8f;}
