@import"https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&family=Work+Sans:wght@100;200;300;400;500;600;700;800;900&display=swap";@tailwind base;@tailwind components;@tailwind utilities;:root{--blue-rgb: 237 245 255;--green-rgb: 125 161 35;--background-color: #ffffff;--text-color: #1a202c;--primary-accent: #0072ff;--secondary-accent: #00c6ff;--card-bg: #ffffff;--card-shadow: 0px 10px 35px -4px rgba(67, 83, 255, .15), 0px 1.5px 4px -1px rgba(67, 83, 255, .2);--input-bg: #ffffff;--input-border-color: #e2e8f0;--input-text-color: #1a202c;--btn-text-color: #ffffff;--btn-gradient-from: #00c6ff;--btn-gradient-to: #0072ff;--glass-bg: rgba(8, 116, 239, .07);--glass-border-color: rgba(255, 255, 255, .18);--neo-blue-bg: #2b77e7;--neo-blue-shadow-primary-color: #336cc1;--neo-blue-shadow-secondary-color: #0092db;--text-black-500: #374151;--header-text-color: #1a202c;--blue-gradient-text-from: #00c6ff;--blue-gradient-text-to: #0072ff;--info-box-text-color: #ffffff;--neo-btn-text-color: #2b77e7}:root[data-theme=dark]{--background-color: #000000;--text-color: #e2e8f0;--primary-accent: #0072ff;--secondary-accent: #00c6ff;--card-bg: #111111;--card-shadow: 0px 10px 35px -4px rgba(0, 114, 255, .1), 0px 1.5px 4px -1px rgba(0, 114, 255, .15);--input-bg: #181818;--input-border-color: #0072ff;--input-text-color: #e2e8f0;--btn-text-color: #ffffff;--btn-gradient-from: #00c6ff;--btn-gradient-to: #0072ff;--glass-bg: rgba(0, 114, 255, .07);--glass-border-color: rgba( 0, 114, 255, .18 );--neo-blue-bg: #0072ff;--neo-blue-shadow-primary-color: #005bb5;--neo-blue-shadow-secondary-color: #008cff;--text-black-500: #d1d5db;--header-text-color: #00c6ff;--blue-gradient-text-from: #00c6ff;--blue-gradient-text-to: #0072ff;--info-box-text-color: #e2e8f0;--neo-btn-text-color: #ffffff}body{font-family:Work Sans,sans-serif;background-color:var(--background-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease}body:has(.card[data-color=blue]:hover){background-color:rgb(var(--blue-rgb) / 25%)}body:has(.card[data-color=green]:hover){background-color:rgb(var(--green-rgb) / 25%)}@layer utilities{.max-container{@apply max-w-5xl mx-auto sm:p-16 pb-12 !pt-[126px] px-8 min-h-[100vh-80px];}.head-text{@apply sm:text-5xl text-3xl font-semibold sm:leading-snug font-poppins;color:var(--header-text-color)}.subhead-text{@apply font-semibold sm:text-3xl text-xl relative font-poppins;color:var(--header-text-color)}.blue-gradient_text{@apply bg-gradient-to-r bg-clip-text text-transparent;--tw-gradient-from: var(--blue-gradient-text-from) var(--tw-gradient-from-position);--tw-gradient-to: var(--blue-gradient-text-to) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.input{@apply border text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 mt-2.5 font-normal shadow-card;background-color:var(--input-bg);border-color:var(--input-border-color);color:var(--input-text-color)}.textarea{@apply block p-2.5 w-full text-sm rounded-lg border focus:ring-blue-500 focus:border-blue-500 mt-2.5 font-normal shadow-card;background-color:var(--input-bg);border-color:var(--input-border-color);color:var(--input-text-color)}.btn{@apply bg-gradient-to-r focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm w-full sm:w-auto px-5 py-2.5 text-center;color:var(--btn-text-color);--tw-gradient-from: var(--btn-gradient-from) var(--tw-gradient-from-position);--tw-gradient-to: var(--btn-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.header{@apply flex justify-between items-center sm:px-16 px-8 py-4 max-w-5xl mx-auto absolute top-0 bg-transparent z-10 right-0 left-0;}.footer{@apply max-w-5xl mx-auto sm:px-16 pb-6 px-8 flex flex-col gap-7;}.footer-container{@apply flex flex-wrap gap-7 items-center justify-between;}.info-box{@apply mx-5 relative flex flex-col gap-3 max-w-2xl neo-brutalism-blue pt-4 pb-12 px-8;color:var(--info-box-text-color)}.neo-btn{@apply py-3 px-6 rounded-lg text-center font-semibold sm:w-1/2 w-[90%] -bottom-5 absolute mx-auto right-0 left-0 flex justify-center items-center gap-3;color:var(--neo-btn-text-color)}.cta{@apply w-full flex items-center md:flex-row flex-col sm:mt-16 mt-8 gap-7;}.cta-text{@apply font-extrabold flex-1 text-3xl max-md:text-center;color:var(--text-black-500)}}.glassmorphism{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:10px;background:var(--glass-bg);border:1px solid var(--glass-border-color)}.logo{border-radius:8.889px;background:#fff;box-shadow:var(--card-shadow)}.block-container{position:relative;transition:.25s;perspective:500px}.block-container .btn-back{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;width:inherit;height:inherit;transition:.25s;transform-style:preserve-3d;transform-origin:bottom right;transform:rotate(15deg);will-change:transform;box-shadow:16px 0 40px #e4e4e4}.block-container .btn-back-red{background:linear-gradient(135deg,#ff4b1f -20%,#ff9068 120%)}.block-container .btn-back-green{background:linear-gradient(135deg,#adfda2 -20%,#11d3f3 120%)}.block-container .btn-back-yellow{background:linear-gradient(135deg,#f7971e -20%,#ffd200 120%)}.block-container .btn-back-blue{background:linear-gradient(135deg,#0061ff -20%,#60efff 120%)}.block-container .btn-back-orange{background:linear-gradient(135deg,#ff0f7b -20%,#f89b29 120%)}.block-container .btn-back-pink{background:linear-gradient(135deg,#e81cff -20%,#40c9ff 120%)}.block-container .btn-back-black{background:linear-gradient(135deg,#0a1647 -20%,#e4e7e4 120%)}.block-container .btn-front{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:inherit;height:inherit;background-color:#fff3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:.25s;transform-style:preserve-3d;transform-origin:top left;overflow:hidden}.block-container:hover>.btn-back{transform:translateZ(20px) rotate(15deg) rotateX(-20deg) rotateY(-20deg)}.block-container:hover>.btn-front{transform:translateZ(80px) translateY(-5px) rotateX(15deg) rotateY(15deg)}.neo-brutalism-blue{position:relative;border-radius:10px;background:var(--neo-blue-bg);border:var(--neo-blue-bg);box-shadow:.6vmin .6vmin var(--neo-blue-shadow-primary-color),1vmin 1vmin var(--neo-blue-shadow-secondary-color),1vmin 1vmin var(--neo-blue-shadow-secondary-color),.65vmin 1vmin var(--neo-blue-shadow-secondary-color),1vmin .65vmin var(--neo-blue-shadow-secondary-color)}.neo-brutalism-white{background:var(--card-bg);border:var(--card-bg);box-shadow:.6vmin .6vmin var(--card-bg),1vmin 1vmin #4a5568,1vmin 1vmin #4a5568,.65vmin 1vmin #4a5568,1vmin .65vmin #4a5568}:root[data-theme=dark] .neo-brutalism-white{box-shadow:.6vmin .6vmin var(--card-bg),1vmin 1vmin #718096,1vmin 1vmin #718096,.65vmin 1vmin #718096,1vmin .65vmin #718096}