Tidepool
Sign in with Google
;stop-opacity:1'%20/%3e%3cstop%20offset='100%25'%20style='stop-color:oklch(0.55%200.18%20235);stop-opacity:1'%20/%3e%3c/linearGradient%3e%3clinearGradient%20id='glowGradient'%20x1='0%25'%20y1='0%25'%20x2='100%25'%20y2='100%25'%3e%3cstop%20offset='0%25'%20style='stop-color:oklch(0.65%200.15%20230);stop-opacity:0.3'%20/%3e%3cstop%20offset='100%25'%20style='stop-color:oklch(0.55%200.18%20235);stop-opacity:0.1'%20/%3e%3c/linearGradient%3e%3c/defs%3e%3c!--%20Outer%20glow%20circle%20--%3e%3ccircle%20cx='20'%20cy='20'%20r='18'%20fill='url(%23glowGradient)'%20opacity='0.4'%20/%3e%3c!--%20Main%20tidal%20pool%20rings%20-%20representing%20water%20ripples%20--%3e%3ccircle%20cx='20'%20cy='20'%20r='16'%20fill='none'%20stroke='url(%23blueGradient)'%20stroke-width='1.5'%20opacity='0.6'%20/%3e%3ccircle%20cx='20'%20cy='20'%20r='12'%20fill='none'%20stroke='url(%23blueGradient)'%20stroke-width='1.5'%20opacity='0.8'%20/%3e%3ccircle%20cx='20'%20cy='20'%20r='8'%20fill='none'%20stroke='url(%23blueGradient)'%20stroke-width='2'%20/%3e%3c!--%20Center%20dot%20-%20representing%20the%20tidal%20pool%20center%20--%3e%3ccircle%20cx='20'%20cy='20'%20r='3'%20fill='url(%23blueGradient)'%20/%3e%3c!--%20Dynamic%20wave%20cuts%20-%20creating%20the%20'tidepool'%20effect%20with%20strategic%20gaps%20--%3e%3cpath%20d='M%2020%204%20Q%2028%208,%2032%2016'%20fill='none'%20stroke='oklch(0.16%200.01%20270)'%20stroke-width='3'%20stroke-linecap='round'%20/%3e%3cpath%20d='M%2036%2020%20Q%2032%2028,%2024%2032'%20fill='none'%20stroke='oklch(0.16%200.01%20270)'%20stroke-width='3'%20stroke-linecap='round'%20/%3e%3cpath%20d='M%2020%2036%20Q%2012%2032,%208%2024'%20fill='none'%20stroke='oklch(0.16%200.01%20270)'%20stroke-width='3'%20stroke-linecap='round'%20/%3e%3c/svg%3e)