html{scroll-behavior:smooth;background:#08090d}
body{margin:0;background:#08090d;color:#ecebf5;font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
*{box-sizing:border-box}
a{color:#b9b3ff;text-decoration:none}
a:hover{color:#ffffff}
::selection{background:#7c6ff7;color:#fff}
input,textarea,button{font:inherit}
input::placeholder,textarea::placeholder{color:#76748c}
:focus-visible{outline:2px solid #9d93ff;outline-offset:3px}

@keyframes clspin{from{transform:rotateX(-24deg) rotateY(0)}to{transform:rotateX(-24deg) rotateY(360deg)}}
@keyframes clorbit{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes clcounter{from{transform:rotate(0)}to{transform:rotate(-360deg)}}

.nav-link{padding:8px 12px;border-radius:999px;font-size:14px;color:#b4b2c8;white-space:nowrap;transition:color .2s,background .2s}
.nav-link:hover{color:#fff;background:rgba(255,255,255,.06)}

.social-link{padding:10px 16px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);color:#fff;font-size:14px;transition:border-color .2s}
.social-link:hover{border-color:rgba(157,147,255,.6)}

.form-input{padding:14px 16px;border-radius:12px;background:rgba(8,9,13,.6);border:1px solid rgba(255,255,255,.12);color:#fff;font-size:15px;outline:none;transition:border-color .2s,box-shadow .2s}
.form-input:focus{border-color:#7c6ff7;box-shadow:0 0 0 3px rgba(124,111,247,.25)}

.service-card{position:relative;height:100%;padding:32px 28px;border-radius:22px;background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.09);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);overflow:hidden;transition:transform .3s ease-out,border-color .3s}
.service-card:hover{border-color:rgba(157,147,255,.4)}

.project-card{position:relative;height:100%;border-radius:22px;background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.09);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);overflow:hidden;transition:transform .3s ease-out,box-shadow .3s;display:flex;flex-direction:column}
.project-card:hover{box-shadow:0 30px 70px -20px rgba(124,111,247,.4)}

.featured-card{position:relative;border-radius:26px;background:linear-gradient(160deg,rgba(124,111,247,.16),rgba(255,255,255,.02));border:1px solid rgba(157,147,255,.25);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);overflow:hidden;transition:transform .3s ease-out,box-shadow .3s;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr))}
.featured-card:hover{box-shadow:0 30px 80px -20px rgba(124,111,247,.45)}

.legal-content h2{font-family:'Space Grotesk',sans-serif;font-size:24px;font-weight:600;letter-spacing:-.02em;margin:48px 0 16px;color:#ecebf5}
.legal-content h2:first-child{margin-top:0}
.legal-content h3{font-family:'Space Grotesk',sans-serif;font-size:18px;font-weight:600;margin:28px 0 10px;color:#d4d2e8}
.legal-content p{color:#a6a4bc;font-size:16px;line-height:1.7;margin:0 0 16px}
.legal-content ul{color:#a6a4bc;font-size:16px;line-height:1.7;margin:0 0 16px;padding-left:24px}
.legal-content li{margin-bottom:8px}
.legal-content a{color:#b9b3ff;border-bottom:1px solid rgba(157,147,255,.3);padding-bottom:1px;transition:color .2s,border-color .2s}
.legal-content a:hover{color:#fff;border-color:rgba(157,147,255,.7)}
.legal-content strong{color:#d4d2e8}