:root{--primary: rgba(200, 214, 255, .8);--primary-solid: #c8d6ff;--soft-lavender: rgba(215, 203, 255, .8);--soft-peach: rgba(255, 218, 201, .85);--soft-mint: rgba(203, 255, 235, .8);--soft-powder: rgba(236, 242, 255, .9);--soft-blush: rgba(255, 225, 230, .85);--primary-hover: rgba(180, 200, 240, .9);--lavender-hover: rgba(195, 183, 235, .9);--peach-hover: rgba(235, 198, 181, .9);--text-dark: rgba(31, 41, 55, .85);--text-medium: rgba(71, 81, 95, .8);--text-light: rgba(107, 114, 128, .7);--glass-border: rgba(255, 255, 255, .25);--glass-highlight: rgba(255, 255, 255, .4);--transition-slow: all .6s cubic-bezier(.22, 1, .36, 1);--transition-medium: all .4s cubic-bezier(.16, 1, .3, 1);--transition-fast: all .2s ease-out}body{background:linear-gradient(-15deg,var(--soft-powder) 0%,var(--soft-mint) 40%,var(--soft-lavender) 80%);background-size:200% 200%;animation:gradient 25s ease infinite}.blob-4{background:var(--soft-peach);width:450px;height:450px;left:30%;bottom:-100px;animation-delay:4s;filter:blur(70px)}.blob-5{background:var(--soft-blush);width:350px;height:350px;left:10%;top:60%;animation-delay:12s;filter:blur(60px)}.card-lavender{background:linear-gradient(135deg,#d7cbff33,#d7cbff1a);border-color:#d7cbff66}.card-peach{background:linear-gradient(135deg,#ffdac933,#ffdac91a);border-color:#ffdac966}.card-mint{background:linear-gradient(135deg,#cbffeb33,#cbffeb1a);border-color:#cbffeb66}.btn-soft{border:none;background:linear-gradient(135deg,#ffffff4d,#fff3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--transition-medium)}.btn-lavender{box-shadow:0 4px 20px #d7cbff4d}.btn-peach{box-shadow:0 4px 20px #ffdac94d}.btn-mint{box-shadow:0 4px 20px #cbffeb4d}.btn-lavender:hover{background:linear-gradient(135deg,#d7cbff66,#d7cbff4d)}.btn-peach:hover{background:linear-gradient(135deg,#ffdac966,#ffdac94d)}.accent-peach{background:var(--soft-peach);width:100px;height:100px;border-radius:50%;filter:blur(40px);position:absolute;opacity:.7}.accent-mint{background:var(--soft-mint);width:80px;height:80px;border-radius:50%;filter:blur(30px);position:absolute;opacity:.6}@keyframes gradient{0%{background-position:0% 0%}50%{background-position:100% 100%}to{background-position:0% 0%}}.floating{animation:floating 8s ease-in-out infinite}@keyframes floating{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}to{transform:translateY(0) rotate(0)}}