*{margin:0;padding:0;box-sizing:border-box}:root{--color-background: #0A0F0D;--color-surface: #111D1A;--color-primary: #1FE69C;--color-primary-hover: #17c68a;--color-secondary: #4F9CF9;--color-text: #FFFFFF;--color-text-secondary: #9CAFAA;--color-border: #1C2A28;--color-error: #F87171;--color-success: #10B981}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--color-background);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:var(--color-background);font-weight:600;padding:12px 24px;border-radius:12px;border:none;cursor:pointer;transition:all .2s ease-in-out;box-shadow:0 4px 20px #1fe69c4d;font-size:16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;min-width:120px}.btn-primary:hover{background:linear-gradient(135deg,var(--color-primary-hover) 0%,var(--color-secondary) 100%);transform:translateY(-2px);box-shadow:0 8px 30px #1fe69c66}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background:transparent;color:var(--color-primary);font-weight:600;padding:12px 24px;border-radius:12px;border:2px solid var(--color-primary);cursor:pointer;transition:all .2s ease-in-out;box-shadow:0 4px 20px #1fe69c1a;font-size:16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;min-width:120px}.btn-secondary:hover{background:var(--color-primary);color:var(--color-background);transform:translateY(-2px);box-shadow:0 8px 30px #1fe69c4d}.card{background:var(--color-surface);border-radius:16px;padding:24px;box-shadow:0 8px 32px #0000004d;border:1px solid var(--color-border);margin-bottom:24px}.status-success{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:var(--color-success);padding:12px 16px;border-radius:12px;display:flex;align-items:center;gap:8px;font-weight:500}.qr-placeholder{width:320px;height:320px;background:#1c2a2880;border:2px solid var(--color-border);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);font-size:14px;text-align:center;flex-direction:column;gap:16px}.container{max-width:1024px;margin:0 auto;padding:0 16px}.text-center{text-align:center}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-4{gap:16px}.gap-6{gap:24px}.gap-8{gap:32px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:32px}.mb-12{margin-bottom:48px}.mt-8{margin-top:32px}.mt-16{margin-top:64px}.py-6{padding-top:24px;padding-bottom:24px}.py-12{padding-top:48px;padding-bottom:48px}.py-16{padding-top:64px;padding-bottom:64px}.px-4{padding-left:16px;padding-right:16px}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-6xl{font-size:3.75rem;line-height:1}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.text-gray-900{color:var(--color-text)}.text-gray-600,.text-gray-500,.text-gray-400{color:var(--color-text-secondary)}.text-blue-500,.text-purple-500{color:var(--color-secondary)}.text-green-500{color:var(--color-success)}.bg-white{background-color:var(--color-surface)}.bg-gray-50{background-color:var(--color-background)}.header{background:var(--color-surface);box-shadow:0 4px 20px #0000004d;border-bottom:1px solid var(--color-border)}.logo{width:40px;height:40px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--color-background);font-weight:700;font-size:18px}.icon-container{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--color-background);font-weight:700}.icon-blue{background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-primary) 100%)}.icon-purple{background:linear-gradient(135deg,var(--color-secondary) 0%,#7c3aed 100%)}.icon-green{background:linear-gradient(135deg,var(--color-success) 0%,var(--color-primary) 100%)}.icon-orange{background:linear-gradient(135deg,#f59e0b 0%,var(--color-primary) 100%)}.gradient-text{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 50%,var(--color-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.main{position:relative;display:flex;align-items:center;height:calc(100dvh - var(--header-height))}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero-content h1,.hero-content p{text-align:left}.hero-buttons{display:flex;flex-direction:column;gap:16px;align-items:flex-start}.hero-image{position:relative}.hero-image[style*=background-image] .hero-image-fallback{display:none}.hero-star{animation:twinkle 3s ease-in-out infinite}.hero-star:nth-child(2){animation-delay:.5s}.hero-star:nth-child(3){animation-delay:1s}.hero-star:nth-child(4){animation-delay:1.5s}.hero-star:nth-child(5){animation-delay:2s}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@media (max-width: 768px){.text-5xl{font-size:2.5rem}.text-6xl{font-size:3rem}.container{padding:0 12px}.card{padding:20px}.qr-placeholder{width:280px;height:280px}.hero-grid{grid-template-columns:1fr!important;gap:2rem!important;text-align:center!important}.hero-content h1,.hero-content p{text-align:center!important}.hero-buttons{align-items:center!important}}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.opacity-50{opacity:.5}.cursor-not-allowed{cursor:not-allowed}.grid{display:grid}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width: 768px){.grid-cols-3{grid-template-columns:1fr}}