:root{--pro-green-50:240 253 244;--pro-green-100:220 252 231;--pro-green-200:187 247 208;--pro-green-300:134 239 172;--pro-green-400:74 222 128;--pro-green-500:34 197 94;--pro-green-600:22 163 74;--pro-green-700:21 128 61;--pro-green-800:22 101 52;--pro-green-900:20 83 45;--pro-gray-50:248 250 252;--pro-gray-100:241 245 249;--pro-gray-200:226 232 240;--pro-gray-300:203 213 225;--pro-gray-400:148 163 184;--pro-gray-500:100 116 139;--pro-gray-600:71 85 105;--pro-gray-700:51 65 85;--pro-gray-800:30 41 59;--pro-gray-900:15 23 42}@keyframes subtle-scale{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.pro-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;transition:all .2s ease}.pro-card:hover{border-color:#86efac;box-shadow:0 0 0 4px #f0fdf4,0 1px 2px 0 rgba(0,0,0,.05);transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;border-radius:8px;font-weight:500;transition:all .2s ease}.btn-primary:hover{background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 4px 12px rgba(34,197,94,.25)}.btn-secondary{background:#f8fafc;color:#1e293b;border:1px solid #e2e8f0;border-radius:8px;font-weight:500;transition:all .2s ease}.btn-secondary:hover{background:#f1f5f9;border-color:#cbd5e1}.smooth-transition{transition:all .2s cubic-bezier(.4,0,.2,1)}.shadow-sm-soft{box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1)}.shadow-md-soft{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}.shadow-lg-soft{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}.skeleton{background:linear-gradient(90deg,#f1f5f9,#e2e8f0 50%,#f1f5f9);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}.focus-ring{outline:none;box-shadow:0 0 0 3px rgba(134,239,172,.5)}.hover-lift{transition:transform .2s ease,box-shadow .2s ease}.hover-lift:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,0,0,.1)}