/* M-Technics 2025 — Dark Theme */

html { scroll-behavior: smooth; }
body { margin: 0; }

/* Scroll-fade animation */
.mt-animate {
    opacity: 0;
    transform: translateY(28px);
    transition: opacity 0.7s ease, transform 0.7s ease;
}
.mt-animate.is-visible {
    opacity: 1;
    transform: translateY(0);
}

/* Tailwind v4 CDN — allow arbitrary values in CSS */
@layer base {
    * { box-sizing: border-box; }
}

/* Admin bar offset für fixed header */
.admin-bar header {
    top: 32px;
}
@media screen and (max-width: 782px) {
    .admin-bar header { top: 46px; }
}

/* Hero card — erscheint nach 2 Sekunden */
@keyframes heroCardIn {
    from { opacity: 0; transform: translateY(20px); }
    to   { opacity: 1; transform: translateY(0); }
}
.hero-card-reveal {
    opacity: 0;
    animation: heroCardIn 0.7s ease forwards;
    animation-delay: 2s;
}

/* Logo — Originalfarbe mit leichtem sky-blue Glow */
.logo-img {
    filter:
        brightness(1.3)
        drop-shadow(0 0 8px rgba(14,165,233,0.8))
        drop-shadow(0 0 20px rgba(14,165,233,0.4));
    transition: filter 0.3s ease;
}
.logo-img:hover {
    filter:
        brightness(1.4)
        drop-shadow(0 0 12px rgba(14,165,233,1))
        drop-shadow(0 0 28px rgba(14,165,233,0.55));
}


/* Smooth scrollbar */
::-webkit-scrollbar        { width: 6px; }
::-webkit-scrollbar-track  { background: #020817; }
::-webkit-scrollbar-thumb  { background: #0ea5e9; border-radius: 3px; }