/* Small visual refresh: keeps the original page structure and imagery intact. */
:root { --accent: #9f6dff; --accent-soft: #d6ff65; --ink: #11131c; }
body { background: #11131c; }
.navbar-top-default { height: 82px; }
.navbar-simple .navbar-nav .nav-link { font-size: 14px; letter-spacing: .02em; padding: .45rem 1.05rem; border: 1px solid transparent; border-radius: 100px; }
.navbar-simple .navbar-nav .nav-link:hover { border-color: rgba(255,255,255,.42); color: #fff; }
.header-appear .navbar-top-default { background: rgba(255,255,255,.96); backdrop-filter: blur(12px); }
.header-appear .navbar-simple .navbar-nav .nav-link:hover { border-color: rgba(74,45,137,.2); color: #6b39c9; }
.sidemenu_btn { border: 1px solid rgba(255,255,255,.35); border-radius: 50%; width: 43px; padding: 9px; right: 18px; }
.sidemenu_btn span { width: 100%; }
.header-appear .sidemenu_btn { border-color: rgba(27,28,33,.22); }
.single-items:before { content: ''; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(110deg, rgba(6,8,13,.78) 0%, rgba(8,10,15,.42) 52%, rgba(49,20,93,.38) 100%); }
.single-items .container, .contact-sec > .row { position: relative; z-index: 1; }
#home .area-heading { max-width: 810px; margin: auto; padding: 28px 36px 33px; border: 1px solid rgba(255,255,255,.19); background: rgba(12,14,22,.19); box-shadow: 0 22px 70px rgba(0,0,0,.22); backdrop-filter: blur(4px); }
.hero-kicker, .contact-kicker { display: block; margin-bottom: 17px; color: var(--accent-soft); font: 500 11px/1.2 'Montserrat', sans-serif; letter-spacing: .16em; }
.single-items h3 { font-size: clamp(2.8rem, 5vw, 4.7rem); line-height: 1.05; letter-spacing: -.055em; margin-bottom: 1rem; }
.single-items h3 strong { color: var(--accent-soft); font-weight: 600; }
.single-items p { max-width: 660px; margin: auto; color: rgba(255,255,255,.92) !important; font-size: 17px; line-height: 1.65; text-shadow: 0 1px 16px rgba(0,0,0,.45); }
.hero-link { display: inline-flex; gap: 14px; margin-top: 25px; padding-bottom: 5px; border-bottom: 1px solid rgba(214,255,101,.72); color: var(--accent-soft); font-weight: 500; }
.hero-link:hover { color: #fff; border-color: #fff; }
.hero-link span { font-size: 20px; line-height: .7; }
.contact-sec { min-height: 100vh; height: auto; padding: 130px 0 0; }
.contact-sec:before { background: linear-gradient(120deg, rgba(10,11,17,.88), rgba(13,11,25,.76)); }
.contact-sec .heading { font-size: clamp(2.55rem, 4vw, 3.5rem); letter-spacing: -.055em; margin-bottom: 28px; }
.contact-sec .contact-form { width: 100%; padding: 27px; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.17); backdrop-filter: blur(5px); }
.contact-sec .contact-form .form-control { border: 1px solid rgba(255,255,255,.24); background: rgba(6,7,11,.36); color: #fff; transition: border-color .2s, background .2s; }
.contact-sec .contact-form input, .contact-sec .contact-form textarea { color: #fff; }
.contact-sec .contact-form input::placeholder, .contact-sec .contact-form textarea::placeholder { color: rgba(255,255,255,.56); }
.contact-sec .contact-form .form-control:focus { border-color: var(--accent-soft); box-shadow: 0 0 0 3px rgba(214,255,101,.1); background: rgba(6,7,11,.58); }
.contact-sec .contact-form .btn-red { display: flex; align-items: center; justify-content: center; gap: 12px; min-height: 50px; border: 0; background: var(--accent-soft); color: #12141b; font-size: 14px; letter-spacing: .01em; }
.contact-sec .contact-form .btn-red:hover { background: #fff !important; color: #15171e !important; }
.send-arrow { font-size: 19px; line-height: 0; }
.contact-sec .contact-details { width: 100%; margin: 0; padding: 31px 34px; border-left: 1px solid rgba(214,255,101,.58); background: rgba(8,9,15,.34); }
.contact-sec .contact-details .heading { color: #fff; margin-bottom: 24px; }
.contact-sec .contact-details ul { margin-top: 0; }
.contact-sec .contact-details ul li { display: block; position: relative; margin-bottom: 15px; padding: 0 0 15px 21px; border-bottom: 1px solid rgba(255,255,255,.17); color: rgba(255,255,255,.92) !important; font-size: 15px; line-height: 1.5; overflow-wrap: normal; word-break: normal; }
.contact-sec .contact-details ul li:before { content: '✦'; position: absolute; top: 2px; left: 0; color: var(--accent-soft); font-size: 11px; }
.contact-sec .contact-details ul li:first-child { width: auto; }
.footer-social a { color: var(--accent-soft); border-color: rgba(214,255,101,.4); }
.footer-social li a:hover { background: var(--accent-soft); color: #11131c; }
.company-about, .company-about a { color: rgba(255,255,255,.7); }
.company-about a:hover { color: var(--accent-soft); }
.scroll-top-arrow { background: var(--accent); border-radius: 50%; right: 24px; }
@media (max-width: 991px) { .contact-sec { padding-top: 110px; } .contact-sec .contact-details { margin-top: 35px; } }
@media (max-width: 767px) { .navbar-top-default { height: 72px; } header a.logo img { max-width: 122px; } .sidemenu_btn { right: 13px; width: 39px; } #home .area-heading { margin-inline: 6px; padding: 25px 19px 28px; } .single-items h3 { font-size: 2.75rem; } .single-items p { font-size: 15px; line-height: 1.6; } .contact-sec { padding-top: 95px; } .contact-sec .contact-form, .contact-sec .contact-details { padding: 21px; } .contact-sec .heading { font-size: 2.55rem; } }