*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto,Helvetica,Arial,sans-serif}html,body{height:100%;width:100%;overflow-x:hidden}body{background:#fff;background-image:radial-gradient(circle at 2% 5%,rgba(208,160,153,.05) 0%,transparent 25%),radial-gradient(circle at 95% 15%,rgba(173,125,87,.05) 0%,transparent 20%),radial-gradient(circle at 50% 70%,rgba(208,160,153,.03) 0%,transparent 30%);background-attachment:fixed;min-height:100%;overflow-x:hidden}.HeroSection{text-align:center;padding:8% 2%;position:relative;overflow:hidden}.HeroSection:before{content:'""';position:absolute;top:0;left:"-10%";width:120%;height:100%;background:linear-gradient(90deg,#d0a0990d,#ad7d570d);transform:skewY(-3deg);transform-origin:top left;z-index:-1}.MainImage{width:100%;max-width:1000px;height:auto;transition:transform .8s ease}.MainImage:hover{transform:scale(1.02)}.FormSection{margin-top:0;margin-bottom:8%;display:flex;justify-content:center;align-items:center;position:relative}.FormSection:before{content:'""';position:absolute;width:100%;height:100%;background:radial-gradient(circle,#d0a0991a,#fff0 70%);pointer-events:none;z-index:-1}.WaterRippleEffect{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:-2;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/svg" width="100%" height="100%"><defs><radialGradient id="a" cx="50%" cy="50%" r="50%" fx="50%" fy="50%"><stop offset="0%" stop-color="rgba(173, 125, 87, 0.1)"/><stop offset="100%" stop-color="rgba(255, 255, 255, 0)"/></radialGradient></defs><rect width="100%" height="100%" fill="url(%23a)"/></svg>');opacity:0;transition:opacity .5s ease}.WaterRippleEffect.active{opacity:1}@media (max-width: 600px){.MainImage{max-width:90%}}