body > * {
    position: relative;
    z-index: 1;
}

body {
    text-align: center;
    margin: 0;
    padding: 0;
    min-height: 100vh;
    color: #fff;
    font-family: Arial, sans-serif;
    position: relative;
    overflow-x: hidden;
    background: linear-gradient(
        45deg,
        #01437b 0%,
        #23a6d5 38%,
        #00c6db 56%,
        #23d5ab 90%
    );
    background-size: 400% 400%;
    animation: Gradient 15s ease infinite;
}

body::before {
    content: "";
    position: fixed;
    inset: -50%;
    background-image: url("./fd.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 130% 130%; 
    opacity: 0.22;
    pointer-events: none;
    z-index: 0;
    animation: swayBg 12s ease-in-out infinite;
}
@keyframes swayBg {
    0% {
        background-position: 50% 50%;
    }
    25% {
        background-position: 52% 50%;
    }
    50% {
        background-position: 55% 50%;
    }
    75% {
        background-position: 52% 50%;
    }
    100% {
        background-position: 50% 50%;
    }
}

.vh {
    min-height: 100vh;        /* fallback */
    min-height: 100dvh;       /* mobile moderne (iOS / Android) */
    display: flex;
    align-items: center;      /* centré vertical */
    justify-content: center;  /* centré horizontal */
    text-align: center;
}
.vh > div { width: 100%; text-align: center; vertical-align: middle; }
img { max-width: 100%; }
.wrap {text-align: center;}
.wrap h1 {font-size: 30px;
  font-weight: 700;
  padding: 0;
  margin: -35px;}
.wrap h2 {font-size: 24px;font-weight: 400;line-height: 1.6;margin: 0 0 10px;}
@-webkit-keyframes Gradient {
0% {background-position: 0% 50%}
50% {background-position: 100% 50%}
100% {background-position: 0% 50%}
}
@-moz-keyframes Gradient {
0% {background-position: 0% 100%}
50% {background-position: 100% 50%}
100% {background-position: 0% 100%}
}
@keyframes Gradient {
0% {background-position: 0% 100%}
50% {background-position: 100% 50%}
100% {background-position: 0% 100%}
}
svg {
    width: 100%;
    height: auto;
    max-width: 620px;
	will-change: transform;
    transform-origin: center;
}
@keyframes animate-svg-stroke-1{0%{stroke-dashoffset:1800.2476349147976px;stroke-dasharray:1800.2476349147976px}100%{stroke-dashoffset:3600.495269829595px;stroke-dasharray:1800.2476349147976px}}@keyframes animate-svg-fill-1{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.teaito-logo-1{animation:animate-svg-stroke-1 1s ease-in-out 0s both,animate-svg-fill-1 0.8s linear 0.6s both}@keyframes animate-svg-stroke-2{0%{stroke-dashoffset:785.912109375px;stroke-dasharray:785.912109375px}100%{stroke-dashoffset:1571.82421875px;stroke-dasharray:785.912109375px}}@keyframes animate-svg-fill-2{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.teaito-logo-2{animation:animate-svg-stroke-2 1s ease-in-out 0.12s both,animate-svg-fill-2 0.8s linear 0.7s both}@keyframes animate-svg-stroke-3{0%{stroke-dashoffset:561.7080078125px;stroke-dasharray:561.7080078125px}100%{stroke-dashoffset:1123.416015625px;stroke-dasharray:561.7080078125px}}@keyframes animate-svg-fill-3{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.teaito-logo-3{animation:animate-svg-stroke-3 1s ease-in-out 0.24s both,animate-svg-fill-3 0.8s linear 0.8s both}@keyframes animate-svg-stroke-4{0%{stroke-dashoffset:317.3116760253906px;stroke-dasharray:317.3116760253906px}100%{stroke-dashoffset:634.6233520507812px;stroke-dasharray:317.3116760253906px}}@keyframes animate-svg-fill-4{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.teaito-logo-4{animation:animate-svg-stroke-4 1s ease-in-out 0.36s both,animate-svg-fill-4 0.8s linear 0.9s both}@keyframes animate-svg-stroke-5{0%{stroke-dashoffset:356.05975341796875px;stroke-dasharray:356.05975341796875px}100%{stroke-dashoffset:712.1195068359375px;stroke-dasharray:356.05975341796875px}}@keyframes animate-svg-fill-5{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.teaito-logo-5{animation:animate-svg-stroke-5 1s ease-in-out 0.48s both,animate-svg-fill-5 0.8s linear 1s both}@keyframes animate-svg-stroke-6{0%{stroke-dashoffset:167.59249877929688px;stroke-dasharray:167.59249877929688px}100%{stroke-dashoffset:335.18499755859375px;stroke-dasharray:167.59249877929688px}}@keyframes animate-svg-fill-6{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.teaito-logo-6{animation:animate-svg-stroke-6 1s ease-in-out 0.6s both,animate-svg-fill-6 0.8s linear 1.1s both}@keyframes animate-svg-stroke-7{0%{stroke-dashoffset:302.07550048828125px;stroke-dasharray:302.07550048828125px}100%{stroke-dashoffset:604.1510009765625px;stroke-dasharray:302.07550048828125px}}@keyframes animate-svg-fill-7{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.teaito-logo-7{animation:animate-svg-stroke-7 1s ease-in-out 0.72s both,animate-svg-fill-7 0.8s linear 1.2000000000000002s both}@keyframes animate-svg-stroke-8{0%{stroke-dashoffset:308.6034240722656px;stroke-dasharray:308.6034240722656px}100%{stroke-dashoffset:617.2068481445312px;stroke-dasharray:308.6034240722656px}}@keyframes animate-svg-fill-8{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.teaito-logo-8{animation:animate-svg-stroke-8 1s ease-in-out 0.84s both,animate-svg-fill-8 0.8s linear 1.3s both}@keyframes animate-svg-stroke-9{0%{stroke-dashoffset:195.34378051757812px;stroke-dasharray:195.34378051757812px}100%{stroke-dashoffset:390.68756103515625px;stroke-dasharray:195.34378051757812px}}@keyframes animate-svg-fill-9{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.teaito-logo-9{animation:animate-svg-stroke-9 1s ease-in-out 0.96s both,animate-svg-fill-9 0.8s linear 1.4s both}@keyframes animate-svg-stroke-10{0%{stroke-dashoffset:81.53089904785156px;stroke-dasharray:81.53089904785156px}100%{stroke-dashoffset:163.06179809570312px;stroke-dasharray:81.53089904785156px}}@keyframes animate-svg-fill-10{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.teaito-logo-10{animation:animate-svg-stroke-10 1s ease-in-out 1.08s both,animate-svg-fill-10 0.8s linear 1.5s both}@keyframes animate-svg-stroke-11{0%{stroke-dashoffset:32.28755760192871px;stroke-dasharray:32.28755760192871px}100%{stroke-dashoffset:64.57511520385742px;stroke-dasharray:32.28755760192871px}}@keyframes animate-svg-fill-11{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.teaito-logo-11{animation:animate-svg-stroke-11 1s ease-in-out 1.2s both,animate-svg-fill-11 0.8s linear 1.6s both}@keyframes animate-svg-stroke-12{0%{stroke-dashoffset:483.4735107421875px;stroke-dasharray:483.4735107421875px}100%{stroke-dashoffset:966.947021484375px;stroke-dasharray:483.4735107421875px}}@keyframes animate-svg-fill-12{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.teaito-logo-12{animation:animate-svg-stroke-12 1s ease-in-out 1.3199999999999998s both,animate-svg-fill-12 0.8s linear 1.7000000000000002s both}@keyframes animate-svg-stroke-13{0%{stroke-dashoffset:68.07540893554688px;stroke-dasharray:68.07540893554688px}100%{stroke-dashoffset:136.15081787109375px;stroke-dasharray:68.07540893554688px}}@keyframes animate-svg-fill-13{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.teaito-logo-13{animation:animate-svg-stroke-13 1s ease-in-out 1.44s both,animate-svg-fill-13 0.8s linear 1.8000000000000003s both}@keyframes animate-svg-stroke-14{0%{stroke-dashoffset:67.76312255859375px;stroke-dasharray:67.76312255859375px}100%{stroke-dashoffset:135.5262451171875px;stroke-dasharray:67.76312255859375px}}@keyframes animate-svg-fill-14{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.teaito-logo-14{animation:animate-svg-stroke-14 1s ease-in-out 1.56s both,animate-svg-fill-14 0.8s linear 1.9s both}@keyframes animate-svg-stroke-15{0%{stroke-dashoffset:67.50176239013672px;stroke-dasharray:67.50176239013672px}100%{stroke-dashoffset:135.00352478027344px;stroke-dasharray:67.50176239013672px}}@keyframes animate-svg-fill-15{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.teaito-logo-15{animation:animate-svg-stroke-15 1s ease-in-out 1.68s both,animate-svg-fill-15 0.8s linear 2s both}@keyframes animate-svg-stroke-16{0%{stroke-dashoffset:67.76314544677734px;stroke-dasharray:67.76314544677734px}100%{stroke-dashoffset:135.5262908935547px;stroke-dasharray:67.76314544677734px}}@keyframes animate-svg-fill-16{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.teaito-logo-16{animation:animate-svg-stroke-16 1s ease-in-out 1.7999999999999998s both,animate-svg-fill-16 0.8s linear 2.1s both}@keyframes animate-svg-stroke-17{0%{stroke-dashoffset:67.94296264648438px;stroke-dasharray:67.94296264648438px}100%{stroke-dashoffset:135.88592529296875px;stroke-dasharray:67.94296264648438px}}@keyframes animate-svg-fill-17{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.teaito-logo-17{animation:animate-svg-stroke-17 1s ease-in-out 1.92s both,animate-svg-fill-17 0.8s linear 2.2s both}@keyframes animate-svg-stroke-18{0%{stroke-dashoffset:3509.43798828125px;stroke-dasharray:3509.43798828125px}100%{stroke-dashoffset:7018.8759765625px;stroke-dasharray:3509.43798828125px}}@keyframes animate-svg-fill-18{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.teaito-logo-18{animation:animate-svg-stroke-18 1s ease-in-out 2.04s both,animate-svg-fill-18 0.8s linear 2.3000000000000003s both}@keyframes animate-svg-stroke-19{0%{stroke-dashoffset:407.42132568359375px;stroke-dasharray:407.42132568359375px}100%{stroke-dashoffset:814.8426513671875px;stroke-dasharray:407.42132568359375px}}@keyframes animate-svg-fill-19{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.teaito-logo-19{animation:animate-svg-stroke-19 1s ease-in-out 2.16s both,animate-svg-fill-19 0.8s linear 2.4s both}@keyframes animate-svg-stroke-20{0%{stroke-dashoffset:291.5906982421875px;stroke-dasharray:291.5906982421875px}100%{stroke-dashoffset:583.181396484375px;stroke-dasharray:291.5906982421875px}}@keyframes animate-svg-fill-20{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.teaito-logo-20{animation:animate-svg-stroke-20 1s ease-in-out 2.28s both,animate-svg-fill-20 0.8s linear 2.5s both}@keyframes animate-svg-stroke-21{0%{stroke-dashoffset:127.46356201171875px;stroke-dasharray:127.46356201171875px}100%{stroke-dashoffset:254.9271240234375px;stroke-dasharray:127.46356201171875px}}@keyframes animate-svg-fill-21{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.teaito-logo-21{animation:animate-svg-stroke-21 1s ease-in-out 2.4s both,animate-svg-fill-21 0.8s linear 2.6s both}@keyframes animate-svg-stroke-22{0%{stroke-dashoffset:221.7042694091797px;stroke-dasharray:221.7042694091797px}100%{stroke-dashoffset:443.4085388183594px;stroke-dasharray:221.7042694091797px}}@keyframes animate-svg-fill-22{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.teaito-logo-22{animation:animate-svg-stroke-22 1s ease-in-out 2.52s both,animate-svg-fill-22 0.8s linear 2.7s both}@keyframes animate-svg-stroke-23{0%{stroke-dashoffset:321.59405517578125px;stroke-dasharray:321.59405517578125px}100%{stroke-dashoffset:643.1881103515625px;stroke-dasharray:321.59405517578125px}}@keyframes animate-svg-fill-23{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.teaito-logo-23{animation:animate-svg-stroke-23 1s ease-in-out 2.6399999999999997s both,animate-svg-fill-23 0.8s linear 2.8000000000000003s both}@keyframes animate-svg-stroke-24{0%{stroke-dashoffset:240.86306762695312px;stroke-dasharray:240.86306762695312px}100%{stroke-dashoffset:481.72613525390625px;stroke-dasharray:240.86306762695312px}}@keyframes animate-svg-fill-24{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.teaito-logo-24{animation:animate-svg-stroke-24 1s ease-in-out 2.76s both,animate-svg-fill-24 0.8s linear 2.9000000000000004s both}@keyframes animate-svg-stroke-25{0%{stroke-dashoffset:113.49361419677734px;stroke-dasharray:113.49361419677734px}100%{stroke-dashoffset:226.9872283935547px;stroke-dasharray:113.49361419677734px}}@keyframes animate-svg-fill-25{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.teaito-logo-25{animation:animate-svg-stroke-25 1s ease-in-out 2.88s both,animate-svg-fill-25 0.8s linear 3.0000000000000004s both}@keyframes animate-svg-stroke-26{0%{stroke-dashoffset:77.20523071289062px;stroke-dasharray:77.20523071289062px}100%{stroke-dashoffset:154.41046142578125px;stroke-dasharray:77.20523071289062px}}@keyframes animate-svg-fill-26{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.teaito-logo-26{animation:animate-svg-stroke-26 1s ease-in-out 3s both,animate-svg-fill-26 0.8s linear 3.1s both}@keyframes animate-svg-stroke-27{0%{stroke-dashoffset:113.49365234375px;stroke-dasharray:113.49365234375px}100%{stroke-dashoffset:226.9873046875px;stroke-dasharray:113.49365234375px}}@keyframes animate-svg-fill-27{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.teaito-logo-27{animation:animate-svg-stroke-27 1s ease-in-out 3.12s both,animate-svg-fill-27 0.8s linear 3.2s both}@keyframes animate-svg-stroke-28{0%{stroke-dashoffset:97.98834991455078px;stroke-dasharray:97.98834991455078px}100%{stroke-dashoffset:195.97669982910156px;stroke-dasharray:97.98834991455078px}}@keyframes animate-svg-fill-28{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.teaito-logo-28{animation:animate-svg-stroke-28 1s ease-in-out 3.2399999999999998s both,animate-svg-fill-28 0.8s linear 3.3000000000000003s both}@keyframes animate-svg-stroke-29{0%{stroke-dashoffset:69.4000244140625px;stroke-dasharray:69.4000244140625px}100%{stroke-dashoffset:138.800048828125px;stroke-dasharray:69.4000244140625px}}@keyframes animate-svg-fill-29{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.teaito-logo-29{animation:animate-svg-stroke-29 1s ease-in-out 3.36s both,animate-svg-fill-29 0.8s linear 3.4000000000000004s both}@keyframes animate-svg-stroke-30{0%{stroke-dashoffset:109.74230194091797px;stroke-dasharray:109.74230194091797px}100%{stroke-dashoffset:219.48460388183594px;stroke-dasharray:109.74230194091797px}}@keyframes animate-svg-fill-30{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.teaito-logo-30{animation:animate-svg-stroke-30 1s ease-in-out 3.48s both,animate-svg-fill-30 0.8s linear 3.5000000000000004s both}@keyframes animate-svg-stroke-31{0%{stroke-dashoffset:1096.7193603515625px;stroke-dasharray:1096.7193603515625px}100%{stroke-dashoffset:2193.438720703125px;stroke-dasharray:1096.7193603515625px}}@keyframes animate-svg-fill-31{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.teaito-logo-31{animation:animate-svg-stroke-31 1s ease-in-out 3.5999999999999996s both,animate-svg-fill-31 0.8s linear 3.6s both}