body  { 
	/*background-color: #FFFFFF; */
	background: linear-gradient(135deg, #e0f7fa 0%, #80deea 100%);
	color: #000000; 
	font-family: arial; 
	text-align:justify; 
	font-weight:bold; 
	margin: 30px 30px 0px !important; 
	padding-top: 10px;
}

div.header {
	height: 100px;
	text-align: center;
}

span.group {
	width: 20%;
	display: inline-block;	
	font-size: 1.6em;
	color: rgb(30, 64, 175);
}

img.logo {
	float: left;
}

span.titre {
	/*font-size: 2.4em;*/
	margin-left: 30px;
	font-size: 3rem;
	line-height: 1;
	color: #2563eb;
}

p.intro {
	font-size: 1.2em;
	margin: 15px 0px 25px !important;
	color: rgb(30, 64, 175);
}

div.buttons {
	margin: 30px 0px;
	text-align: center;
}

div.buttons input {
	margin-right: 10px;
	opacity: 0.7;
	border-radius: 0.5rem;
	color: white;
	background-color: rgb(29, 78, 216);
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	padding-left: 1.5rem;
    padding-right: 1.5rem;
}

div.no_data {
	font-size: 1.8em;
	font-weight: bold;
	color: red;
}

div.found_data {
	font-size: 1.8em;
	font-weight: bold;
	color: green;
}

div.results {
	margin-top: 30px;
	padding:0px 60px;
}

.card {
  border: 2px solid #54b7f9 !important;
}

.pool-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -2;
	opacity: 0.1;
	background-image: radial-gradient(circle at 10% 20%, rgba(0, 176, 255, 0.4) 0%, rgba(0, 176, 255, 0.01) 90%), radial-gradient(circle at 90% 80%, rgba(0, 176, 255, 0.4) 0%, rgba(0, 176, 255, 0.01) 90%);
}

.links {
	text-align: center;
	height: 40px;
}
.links a {
	margin-right: 10px;
	opacity: 0.7;
	border-radius: 0.5rem;
	color: white;
	background-color: rgb(29, 78, 216);
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	padding-left: 1.5rem;
	padding-right: 1.5rem;	
}
.links a span {
}

/*anim*/
        .result-animation {
            animation: fadeIn 0.8s ease-in-out;
        }
        
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(20px); }
            to { opacity: 1; transform: translateY(0); }
        }
        
        .wave-bg {
            position: fixed;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 15vh;
            z-index: -1;
            opacity: 0.6;
        }
        
        .bubble {
            position: absolute;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.3);
            animation: float 8s infinite ease-in-out;
            z-index: -1;
        }
        
        @keyframes float {
            0% { transform: translateY(0) rotate(0deg); opacity: 0.8; }
            50% { transform: translateY(-60px) rotate(180deg); opacity: 0.4; }
            100% { transform: translateY(-120px) rotate(360deg); opacity: 0; }
        }
        
        .water-ripple {
            position: absolute;
            border-radius: 50%;
            background: transparent;
            border: 2px solid rgba(255, 255, 255, 0.3);
            transform: scale(0);
            animation: ripple 4s infinite ease-out;
            z-index: -1;
        }
        
        @keyframes ripple {
            0% { transform: scale(0); opacity: 1; }
            100% { transform: scale(4); opacity: 0; }
        }
        
        .pool-bg {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: -2;
            opacity: 0.1;
            background-image: radial-gradient(circle at 10% 20%, rgba(0, 176, 255, 0.4) 0%, rgba(0, 176, 255, 0.01) 90%),
                              radial-gradient(circle at 90% 80%, rgba(0, 176, 255, 0.4) 0%, rgba(0, 176, 255, 0.01) 90%);
        }
        
        .water-pattern {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: url("data:image/svg+xml,%3Csvg width='100' height='20' viewBox='0 0 100 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.184 20c.357-.13.72-.264.888-.14 1.24.19 1.64.39 1.84.39.194 0 .43-.15.606-.28l.01-.01c2.67-.54 5.484-.15 8.18.37 1.88.38 3.43.9 5.09 1.23 1.68.34 3.87.34 5.3.13 1.4-.21 2.96-.55 3.96-1.28 1-.73 1.6-1.84 2.08-2.76.45-.89.86-1.83 1.83-2.45.86-.57 1.74-.31 2.9.08 1.04.33 2.16.72 3.06.45l.17-.07c.9-.35 1.86-.85 2.58-1.59.78-.79 1.26-1.72 1.21-3.17-.03-1.03-.33-2.32-.73-3.41-.4-1.1-.72-2.07-.95-3.28-.24-1.23-.4-2.43-.34-3.67.05-.95.34-1.87.87-2.66.58-.85 1.36-1.51 2.74-1.36.13.01.26.04.37.07 2.76.8 4.69 1.84 6.9 2.16 2.07.3 3.35-.2 4.96-.6l.5-.14c.6-.16 1.4-.4 1.96-.04.45.28.53.95.47 1.48-.07.5-.24 1.06-.08 1.53.15.44.6.7 1.36.58.17-.02.33-.07.5-.13 1.04-.39 1.92-.82 3.25-.77.6.02 1.3.12 2.4.34.38.08.76.19 1.13.3 1.4.43 2.46.96 4.03 1.97 1.16.74 2.38 1.52 3.7 2.15 1.33.62 2.73 1.1 4.08 1.14.13.01.26.01.4.01.84 0 1.7-.16 2.33-.6.64-.43 1.06-1.24 1.14-2.03.1-.92-.14-1.72-.5-2.43-.38-.7-.86-1.31-1.3-1.86-.43-.54-.85-1.05-1.18-1.63-.33-.56-.6-1.2-.6-1.77 0-.3.07-.61.3-.92.22-.32.58-.6 1.05-.7.47-.1 1.03-.05 1.53.08.5.12.96.3 1.34.5.76.4 1.15.88 1.12 1.53-.02.5-.33.96-.78 1.21-.4.22-.85.32-1.25.29-.42-.03-.83-.2-1.22-.5-.38-.32-.75-.76-1.08-1.17-.33-.42-.6-.8-.77-1.06-.17-.28-.23-.33-.23-.33-.1-.1-.2-.17-.31-.17-.12 0-.24.07-.34.17l-.17.17c-.1.1-.17.22-.17.34 0 .1.04.2.1.27.16.18.32.34.5.5.18.16.38.3.56.45.19.15.35.3.5.44.15.15.26.26.35.37.1.1.15.18.2.28.05.1.08.2.08.3 0 .1-.02.22-.08.3-.06.08-.15.17-.28.22-.13.05-.3.05-.45.03-.16-.02-.32-.07-.48-.12-.16-.05-.3-.13-.44-.2-.13-.08-.25-.17-.37-.25-.12-.08-.24-.17-.36-.23-.12-.06-.24-.1-.36-.1-.1 0-.2.02-.3.08-.1.05-.17.12-.23.2-.05.1-.1.2-.1.3 0 .13.05.26.15.36.1.1.21.18.33.24.12.05.25.1.37.13.12.04.25.06.37.06.13 0 .25-.02.37-.06.12-.04.23-.1.33-.17.1-.07.2-.15.28-.24.08-.1.13-.2.16-.32.03-.1.05-.23.05-.34 0-.1-.02-.22-.06-.32-.04-.1-.1-.2-.17-.28-.08-.08-.17-.17-.27-.23-.1-.06-.2-.1-.32-.13-.12-.03-.25-.04-.37-.04z' fill='%230288d1' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E");
            z-index: -3;
        }
        
        .header-wave {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            z-index: -1;
        }

	.bg-blue-100 {
	  --tw-bg-opacity:1;
	  background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))
	}
	.bg-gray-200 {
	  --tw-bg-opacity:1;
	  background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))
	}
	.bg-gray-300 {
	  --tw-bg-opacity:1;
	  background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))
	}
	.bg-white {
	  --tw-bg-opacity:1;
	  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))
	}
	.bg-gradient-to-r {
	  background-image:linear-gradient(to right, var(--tw-gradient-stops))
	}
	.from-blue-400 {
	  --tw-gradient-from:#60a5fa var(--tw-gradient-from-position);
	  --tw-gradient-to:rgb(96 165 250 / 0) var(--tw-gradient-to-position);
	  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
	}
	.from-blue-50 {
	  --tw-gradient-from:#eff6ff var(--tw-gradient-from-position);
	  --tw-gradient-to:rgb(239 246 255 / 0) var(--tw-gradient-to-position);
	  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
	}
	.from-blue-600 {
	  --tw-gradient-from:#2563eb var(--tw-gradient-from-position);
	  --tw-gradient-to:rgb(37 99 235 / 0) var(--tw-gradient-to-position);
	  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
	}
	.to-blue-700 {
	  --tw-gradient-to:#1d4ed8 var(--tw-gradient-to-position)
	}
	.to-cyan-300 {
	  --tw-gradient-to:#67e8f9 var(--tw-gradient-to-position)
	}
	.to-cyan-50 {
	  --tw-gradient-to:#ecfeff var(--tw-gradient-to-position)
	}
	.to-cyan-500 {
	  --tw-gradient-to:#06b6d4 var(--tw-gradient-to-position);
	}
	.bg-clip-text {
	  -webkit-background-clip:text;
	  background-clip:text
	}		

	.text-transparent {
	  color:transparent;
	}

form {
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 1rem;
  box-shadow: 0 8px 32px rgba(31, 38, 135, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.18);	
  padding: 20px 30px 0px 30px;
  margin: 70px 50px 40px 50px;
}

@media screen and (max-width: 1100px) {
    .water-ripple {
        animation: none !important;
    }
}