:root{--purple-dark: #6a0dad;--purple-light: #b57edc;--lavender: #f5e8ff;--soft-gray: #f9f9f9;--text-dark: #333;--text-light: #666;--white: #fff}body{font-family:Poppins,sans-serif;background:linear-gradient(135deg,#ffe6f2,#ffd6eb);margin:0;padding:0;display:flex;justify-content:center}.container{width:85%;max-width:900px;margin:2rem auto}.card{background:var(--beige);padding:1.5rem;margin-bottom:1.5rem;border-radius:15px;box-shadow:0 4px 12px #00000014;transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-3px);box-shadow:0 6px 18px #0000001f}h2,h3{margin-bottom:1rem;color:var(--purple-dark)}form select,form input{width:100%;padding:.7rem;margin-bottom:.8rem;border-radius:10px;border:1px solid #ddd;outline:none;transition:border-color .3s ease}form select:focus,form input:focus{border-color:var(--purple-dark)}button{background:var(--purple-dark);color:#fff;border:none;padding:.7rem 1.5rem;border-radius:10px;cursor:pointer;transition:background .3s ease,transform .2s ease}button:hover{background:var(--purple-light);transform:translateY(-2px)}ul{list-style:none;padding:0}ul li{background:var(--lavender);padding:1rem;margin:.5rem 0;border-radius:12px;display:flex;justify-content:space-between;align-items:center;color:var(--text-dark)}ul li button{margin-left:8px;padding:.4rem .7rem;font-size:.85rem}canvas{background:var(--lavender);padding:.5rem;border-radius:12px}