@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-30px,0)}70%{transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}.spin-animation{animation:spin 1s linear infinite}.pulse-animation{animation:pulse 2s ease-in-out infinite}.bounce-animation{animation:bounce 1s ease-in-out infinite}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:#fafafa;color:#1f2937;line-height:1.6}.btn-primary{background-color:#3b82f6;color:#fff;padding:12px 24px;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary:hover{background-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f640}.btn-secondary{background-color:#fff;color:#374151;padding:12px 24px;border:1px solid #d1d5db;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-secondary:hover{background-color:#f9fafb;border-color:#9ca3af;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.card{background-color:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;transition:all .2s ease}.card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.lotto-ball{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px;box-shadow:0 2px 4px #0000001a;transition:transform .2s ease}.lotto-ball:hover{transform:scale(1.1)}.lotto-ball-1-10{background-color:#f59e0b}.lotto-ball-11-20{background-color:#3b82f6}.lotto-ball-21-30{background-color:#ef4444}.lotto-ball-31-40{background-color:#6b7280}.lotto-ball-41-45{background-color:#10b981}.lotto-ball-bonus{background-color:#8b5cf6;position:relative}.lotto-ball-bonus:after{content:"+";position:absolute;top:-6px;right:-6px;background-color:#fbbf24;color:#fff;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}.input-field{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:all .2s ease;background-color:#fff}.input-field:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.gradient-text{background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}.text-gray-700{color:#374151}.text-gray-900{color:#111827}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:32px}.mb-12{margin-bottom:48px}.mt-4{margin-top:16px}.mt-8{margin-top:32px}.mt-12{margin-top:48px}.p-4{padding:16px}.p-6{padding:24px}.px-4{padding-left:16px;padding-right:16px}.py-8{padding-top:32px;padding-bottom:32px}.py-12{padding-top:48px;padding-bottom:48px}.space-y-8>*+*{margin-top:32px}.space-y-6>*+*{margin-top:24px}.space-y-4>*+*{margin-top:16px}.space-x-4>*+*{margin-left:16px}.space-x-2>*+*{margin-left:8px}.space-x-3>*+*{margin-left:12px}.flex{display:flex}.inline-flex{display:inline-flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.gap-6{gap:24px}.gap-8{gap:32px}.w-full{width:100%}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-7xl{max-width:80rem}.mx-auto{margin-left:auto;margin-right:auto}.min-h-screen{min-height:100vh}.rounded-lg{border-radius:8px}.rounded-xl{border-radius:12px}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow-lg{box-shadow:0 10px 15px #0000001a}.bg-white{background-color:#fff}.bg-gray-50{background-color:#f9fafb}.border{border-width:1px}.border-gray-200{border-color:#e5e7eb}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:text-4xl{font-size:2.25rem}}@media (min-width: 1024px){.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:px-8{padding-left:32px;padding-right:32px}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.02)}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateY(0) scale(1.1)}40%,43%{transform:translateY(-8px) scale(1.1)}70%{transform:translateY(-4px) scale(1.1)}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-10px) rotate(1deg)}66%{transform:translateY(-5px) rotate(-1deg)}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.animate-shimmer{background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);background-size:200px 100%;animation:shimmer 2s infinite}@keyframes bounce-in{0%{transform:scale(.3) translateY(-50px);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1) translateY(0);opacity:1}}.animate-bounce-in{animation:bounce-in .6s ease-out}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}