:root{--color-darkblue: #005a9c;--color-green: #2ebf68;--color-darkgray: #2c3e50;--color-softgray: #ecf0f1;--gradient-start: hsl(205, 90%, 37%);--gradient-end: hsl(153, 80%, 39%);--text-color: hsl(0, 0%, 100%);--shadow-alpha: .32;--shadow-blur: 3.75px;--text-shadow: 0 1px var(--shadow-blur) rgba(0, 0, 0, var(--shadow-alpha));--bg-overlay: radial-gradient(circle at 18% 18%, rgba(255, 255, 255, .12), transparent 36%), radial-gradient(circle at 80% 16%, rgba(255, 255, 255, .084), transparent 32%);--font-main: "Inter", system-ui, sans-serif;--radius-lg: 20px;--radius-md: 12px;--radius-sm: 8px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-main);line-height:1.6;color:var(--text-color);text-shadow:var(--text-shadow);background:var(--bg-overlay),linear-gradient(135deg,var(--gradient-start),var(--gradient-end));transition:background .4s ease,color .3s ease,text-shadow .4s ease-in-out;background-attachment:fixed;min-height:100vh}:where(h1,h2,h3,h4,h5,h6,p,a,li,label,span,small,strong,em,blockquote){transition:text-shadow .3s ease}@supports (-webkit-touch-callout: none){body{background-attachment:scroll}}