/* AsTiks - Design System */
:root{
  --astiks-dark:#071426;
  --astiks-dark-2:#0b1e36;
  --astiks-blue:#0b5cff;
  --astiks-cyan:#18c8ff;
  --astiks-white:#fff;
  --astiks-gray:#9aaac0;
  --astiks-light:#f5f8fc;
  --shadow:0 20px 60px rgba(4,20,42,.14);
}
*{box-sizing:border-box;scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;color:#17243a;background:var(--astiks-light);overflow-x:hidden}
a{text-decoration:none}
#preloader{position:fixed;inset:0;background:var(--astiks-dark);z-index:9999;display:grid;place-items:center;transition:.5s}
.loader{width:46px;height:46px;border:3px solid rgba(255,255,255,.2);border-top-color:var(--astiks-cyan);border-radius:50%;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.astiks-navbar{padding:16px 0;transition:.3s;background:rgba(7,20,38,.45);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.06)}
.astiks-navbar.scrolled{background:rgba(7,20,38,.95);padding:10px 0}
.navbar-brand{color:#fff;font-size:1.5rem;font-weight:800;display:flex;align-items:center;gap:9px}
.navbar-brand span span{color:var(--astiks-cyan)}
.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,var(--astiks-blue),var(--astiks-cyan));color:#fff;font-size:1.1rem}
.nav-link{color:#d7e2f0!important;font-weight:500;padding:9px 13px!important}
.nav-link:hover,.nav-link.active{color:#fff!important}
.btn-login{background:#fff;color:var(--astiks-dark);border-radius:9px;padding:10px 16px;font-weight:700}
.btn-login:hover{background:var(--astiks-cyan);color:#fff}
.hero{min-height:100vh;color:#fff;background:radial-gradient(circle at 80% 30%,rgba(11,92,255,.25),transparent 28%),linear-gradient(135deg,#061222,#0a1d35);position:relative;overflow:hidden}
.hero-grid{position:absolute;inset:0;opacity:.22;background-image:linear-gradient(rgba(24,200,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(24,200,255,.1) 1px,transparent 1px);background-size:55px 55px;mask-image:linear-gradient(to bottom,black,transparent)}
.hero-badge,.eyebrow{display:inline-flex;gap:8px;align-items:center;color:var(--astiks-cyan);font-size:.78rem;font-weight:800;letter-spacing:.15em}
.hero-badge{padding:9px 14px;border:1px solid rgba(24,200,255,.25);background:rgba(24,200,255,.06);border-radius:50px}
.hero-title{font-size:clamp(2.7rem,6vw,5.5rem);line-height:1.02;font-weight:800;letter-spacing:-.05em;margin:24px 0}
.hero-title span{background:linear-gradient(90deg,#fff,var(--astiks-cyan));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-text{max-width:690px;color:#b6c6d9;font-size:1.1rem;line-height:1.8}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.btn-primary-astiks{background:linear-gradient(135deg,var(--astiks-blue),#168bff);border:0;color:#fff;padding:13px 21px;border-radius:10px;font-weight:700;box-shadow:0 12px 30px rgba(11,92,255,.25)}
.btn-primary-astiks:hover{transform:translateY(-2px);color:#fff;box-shadow:0 16px 35px rgba(11,92,255,.35)}
.btn-outline-astiks{border:1px solid rgba(255,255,255,.2);color:#fff;padding:12px 21px;border-radius:10px;font-weight:700}
.btn-outline-astiks:hover{border-color:var(--astiks-cyan);color:var(--astiks-cyan)}
.hero-stats{display:flex;gap:40px;margin-top:55px}.hero-stats strong{display:block;font-size:1.5rem}.hero-stats small{color:#8fa3bb}
.hero-visual{height:560px;position:relative;display:grid;place-items:center}
.core-shield{width:180px;height:180px;border-radius:50%;display:grid;place-items:center;font-size:5rem;color:#fff;background:radial-gradient(circle,var(--astiks-blue),#082550 65%,transparent 66%);filter:drop-shadow(0 0 35px rgba(24,200,255,.35));z-index:2}
.orbit{position:absolute;border:1px solid rgba(24,200,255,.22);border-radius:50%;animation:rotate 15s linear infinite}
.orbit-one{width:390px;height:390px}.orbit-two{width:500px;height:500px;animation-direction:reverse;animation-duration:22s}
@keyframes rotate{to{transform:rotate(360deg)}}
.floating-card{position:absolute;padding:14px 17px;border-radius:13px;background:rgba(11,30,54,.82);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(10px);display:flex;align-items:center;gap:10px;font-size:.8rem;box-shadow:var(--shadow);animation:float 4s ease-in-out infinite}
.floating-card i{color:var(--astiks-cyan);font-size:1.2rem}.card-one{top:20%;right:0}.card-two{bottom:22%;left:0;animation-delay:1s}.card-three{bottom:7%;right:7%;animation-delay:2s}
@keyframes float{50%{transform:translateY(-12px)}}
.section{padding:100px 0}.section-dark{background:var(--astiks-dark);color:#fff}
.section-heading{max-width:760px}.section-heading.text-center{margin:auto}.section-heading h2{font-size:clamp(2rem,4vw,3.4rem);font-weight:800;letter-spacing:-.04em;margin:12px 0}.section-heading p{color:#778aa4;line-height:1.8}
.section-dark .section-heading p{color:#9badc3}
.feature-card{height:100%;padding:32px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);border-radius:18px;transition:.3s}.feature-card:hover{transform:translateY(-7px);border-color:rgba(24,200,255,.35)}
.icon-box{width:54px;height:54px;border-radius:14px;display:grid;place-items:center;background:rgba(24,200,255,.1);color:var(--astiks-cyan);font-size:1.5rem;margin-bottom:22px}.feature-card h3,.service-card h3{font-weight:750}.feature-card p,.service-card p{color:#8091a8;line-height:1.7}
.service-card{height:100%;padding:30px;background:#fff;border:1px solid #e4eaf2;border-radius:18px;box-shadow:0 10px 30px rgba(10,30,60,.04);transition:.3s}.service-card:hover{transform:translateY(-8px);box-shadow:var(--shadow);border-color:#cbdcf5}.service-card>i{font-size:2rem;color:var(--astiks-blue)}.service-card h3{margin:20px 0 10px}.service-card a{font-weight:700;color:var(--astiks-blue)}
.project-showcase{min-height:430px;border-radius:25px;overflow:hidden;position:relative;background:linear-gradient(90deg,rgba(3,15,31,.95),rgba(3,15,31,.45)),radial-gradient(circle at 80% 30%,#0b5cff,transparent 20%),linear-gradient(135deg,#0b1e36,#071426);border:1px solid rgba(255,255,255,.08);display:flex;align-items:end}.project-overlay{padding:45px;max-width:700px}.project-tag{font-size:.75rem;color:var(--astiks-cyan);font-weight:800;letter-spacing:.14em}.project-overlay h3{font-size:clamp(2rem,4vw,3.2rem);font-weight:800;margin:12px 0}.project-overlay p{color:#a9bbd0;line-height:1.8}
.contact-section{background:#fff}.contact-section h2{font-size:clamp(2rem,4vw,3.4rem);font-weight:800;letter-spacing:-.04em}.contact-section>p{color:#778aa4}.contact-item{display:flex;gap:15px;align-items:center;margin-top:25px}.contact-item>i{width:44px;height:44px;border-radius:12px;background:#edf5ff;color:var(--astiks-blue);display:grid;place-items:center}.contact-item small{display:block;color:#8392a6}.contact-item strong{display:block;margin-top:2px}
.contact-form{padding:35px;background:#f7f9fc;border:1px solid #e4eaf2;border-radius:20px}.form-control{border:1px solid #dce4ef;border-radius:10px;padding:13px 15px}.form-control:focus{border-color:var(--astiks-blue);box-shadow:0 0 0 4px rgba(11,92,255,.08)}
.footer{padding:28px 0;background:#04101f;color:#7e91a9;font-size:.85rem}.footer strong{color:#fff}
.chatbot-btn{position:fixed;right:25px;bottom:25px;z-index:1000;border:0;border-radius:50px;padding:14px 18px;background:linear-gradient(135deg,var(--astiks-blue),var(--astiks-cyan));color:#fff;font-weight:700;box-shadow:0 15px 35px rgba(11,92,255,.35);display:flex;align-items:center;gap:9px}
.chatbot{position:fixed;right:25px;bottom:88px;width:350px;max-width:calc(100vw - 30px);background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 25px 80px rgba(0,0,0,.25);z-index:1001;display:none;border:1px solid #e4eaf2}.chatbot.open{display:block;animation:pop .25s ease}
@keyframes pop{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}
.chat-header{background:var(--astiks-dark);color:#fff;padding:16px;display:flex;justify-content:space-between;font-weight:700}.chat-header button{border:0;background:none;color:#fff}.chat-body{height:270px;padding:16px;background:#f7f9fc;overflow:auto}.bot-msg{background:#fff;border-radius:12px 12px 12px 3px;padding:11px 13px;display:inline-block;box-shadow:0 5px 15px rgba(0,0,0,.05);max-width:90%}.user-msg{background:var(--astiks-blue);color:#fff;border-radius:12px 12px 3px 12px;padding:11px 13px;margin:10px 0 10px auto;max-width:90%;width:max-content}.chat-footer{padding:10px;border-top:1px solid #e8edf4;display:flex;gap:7px}.chat-footer input{border:0;outline:0;flex:1;padding:8px}.chat-footer button{border:0;background:var(--astiks-blue);color:#fff;width:40px;border-radius:9px}
.astiks-toast{position:fixed;top:90px;right:20px;z-index:2000;background:#0c1d34;color:#fff;padding:14px 18px;border-radius:11px;box-shadow:var(--shadow);display:flex;align-items:center;gap:10px;transform:translateX(130%);transition:.35s}.astiks-toast.show{transform:none}.astiks-toast i{color:#36d39a}
.reveal{opacity:0;transform:translateY(25px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:991px){.hero{padding-top:80px}.hero-title{font-size:3.3rem}.section{padding:75px 0}.navbar-collapse{background:rgba(7,20,38,.98);padding:15px;border-radius:12px;margin-top:10px}.btn-login{display:inline-block;margin-top:8px}}
@media(max-width:575px){.hero-title{font-size:2.65rem}.hero-stats{gap:20px}.hero-stats strong{font-size:1.2rem}.chatbot-btn{right:15px;bottom:15px}.chatbot{right:15px;bottom:80px}.project-overlay{padding:28px}}