Contactgegevens · A.I. AM FUTURE @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap'); :root { --orange: #FF6A00; --black: #000000; --panel: #0d0d0d; --panel2: #141414; --line: #262626; --text: #ececec; --muted: #9a9a9a; } * { margin:0; padding:0; box-sizing:border-box; } html { scroll-behavior:smooth; } body { font-family:'Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; background:var(--black); color:var(--text); line-height:1.7; font-weight:300; -webkit-font-smoothing:antialiased; } a { color:var(--orange); text-decoration:none; transition:opacity .2s,color .2s; } a:hover { opacity:.75; } /* ---------- Header ---------- */ header { position:sticky; top:0; z-index:50; background:rgba(0,0,0,.9); backdrop-filter:blur(10px); border-bottom:1px solid var(--line); } .bar { max-width:1100px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; padding:18px 28px; gap:20px; flex-wrap:wrap; } .logo { font-weight:800; font-size:1.15rem; letter-spacing:.14em; text-transform:uppercase; color:#fff; white-space:nowrap; } .logo span { color:var(--orange); } nav { display:flex; flex-wrap:wrap; gap:6px 20px; font-size:.82rem; font-weight:500; } nav a { color:var(--muted); text-transform:uppercase; letter-spacing:.06em; } nav a:hover { color:#fff; opacity:1; } nav a.active { color:var(--orange); } /* ---------- Hero ---------- */ .hero { background:var(--black); border-bottom:3px solid var(--orange); padding:80px 28px 64px; } .hero-inner { max-width:820px; margin:0 auto; } .kicker { color:var(--orange); font-weight:600; font-size:.8rem; letter-spacing:.28em; text-transform:uppercase; margin-bottom:18px; } .hero h1 { font-size:clamp(2rem,5vw,3.2rem); font-weight:700; line-height:1.1; color:#fff; letter-spacing:-.01em; } .hero .updated { margin-top:20px; color:var(--muted); font-size:.85rem; } /* ---------- Content ---------- */ main { max-width:820px; margin:0 auto; padding:56px 28px 40px; } main h2 { font-size:1.35rem; font-weight:600; color:#fff; margin:44px 0 14px; padding-left:16px; border-left:3px solid var(--orange); } main h2:first-child { margin-top:0; } main h3 { font-size:1.02rem; font-weight:600; color:var(--orange); margin:28px 0 8px; } main p { margin:0 0 16px; color:var(--text); font-weight:300; } main ul { margin:0 0 18px; padding-left:0; list-style:none; } main li { position:relative; padding-left:26px; margin-bottom:10px; color:var(--text); font-weight:300; } main li::before { content:''; position:absolute; left:2px; top:12px; width:7px; height:7px; background:var(--orange); border-radius:50%; } strong { color:#fff; font-weight:600; } .lead { font-size:1.05rem; color:#cfcfcf; } .note { background:var(--panel2); border:1px solid var(--line); border-left:3px solid var(--orange); padding:18px 22px; border-radius:10px; margin:26px 0; font-size:.92rem; color:#cfcfcf; } /* contact card */ .cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:16px; margin:8px 0 28px; } .card { background:var(--panel2); border:1px solid var(--line); border-radius:12px; padding:22px 24px; } .card .lbl { color:var(--muted); font-size:.72rem; text-transform:uppercase; letter-spacing:.14em; margin-bottom:6px; } .card .val { color:#fff; font-weight:500; font-size:1.02rem; word-break:break-word; } /* index tiles */ .tiles { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:18px; margin-top:8px; } .tile { display:block; background:var(--panel2); border:1px solid var(--line); border-radius:14px; padding:28px 26px; transition:border-color .2s,transform .2s; } .tile:hover { border-color:var(--orange); transform:translateY(-3px); opacity:1; } .tile h3 { color:#fff; margin:0 0 8px; font-size:1.1rem; font-weight:600; } .tile p { color:var(--muted); font-size:.9rem; margin:0; } .tile .arrow { color:var(--orange); font-weight:600; margin-top:14px; display:inline-block; font-size:.85rem; letter-spacing:.05em; } /* ---------- Footer ---------- */ footer { background:var(--panel); border-top:1px solid var(--line); margin-top:40px; } .foot { max-width:1100px; margin:0 auto; padding:48px 28px 40px; display:grid; grid-template-columns:1.4fr 1fr; gap:36px; } .foot .logo { font-size:1.05rem; margin-bottom:14px; } .foot p { color:var(--muted); font-size:.86rem; margin-bottom:6px; } .foot h4 { color:#fff; font-size:.78rem; text-transform:uppercase; letter-spacing:.14em; margin-bottom:14px; font-weight:600; } .foot-links { display:flex; flex-direction:column; gap:8px; } .foot-links a { color:var(--muted); font-size:.86rem; } .foot-links a:hover { color:var(--orange); opacity:1; } .copyright { border-top:1px solid var(--line); text-align:center; padding:22px; color:#6b6b6b; font-size:.78rem; } @media(max-width:640px){ .foot { grid-template-columns:1fr; } .hero { padding:56px 24px 44px; } main { padding:40px 24px; } }

Heb je een vraag over onze cursussen, je bestelling of iets anders? Neem gerust contact met ons op — we helpen je graag.

Wij streven ernaar e-mails binnen 1 – 2 werkdagen te beantwoorden.