:root{font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary-color: #3a7bd5;--primary-light: #00d2ff;--secondary-color: #00c9b7}body{margin:0;min-width:320px;min-height:100vh;background-color:#f8fafc;background-image:radial-gradient(at 0% 0%,rgba(58,123,213,.1) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(0,210,255,.1) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(0,201,183,.1) 0px,transparent 50%),radial-gradient(at 0% 100%,rgba(58,123,213,.1) 0px,transparent 50%)}#root{width:100%;height:100vh}.gradient-text{background:linear-gradient(45deg,var(--primary-color) 30%,var(--primary-light) 90%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card-gradient{background:linear-gradient(135deg,#fff,#f8fafc);box-shadow:0 4px 20px #0000000d;border-radius:12px;transition:transform .3s ease,box-shadow .3s ease}.card-gradient:hover{transform:translateY(-5px);box-shadow:0 8px 30px #0000001a}