:root{--color-primary:#4f46e5;--color-primary-hover:#4338ca;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-500:#6b7280;--color-gray-700:#374151;--color-gray-900:#111827}.form-container{max-width:500px;margin:0 auto;padding:20px}.form-container group{margin-bottom:20px;position:relative}.form-container input{background-color:#fff;border:2px solid #e0e0e0;border-radius:8px;outline:none;width:100%;padding:12px 16px;font-family:inherit;font-size:16px;transition:all .3s}.form-container textarea{background-color:#fff;border:2px solid #e0e0e0;border-radius:8px;outline:none;width:100%;padding:12px 16px;font-family:inherit;font-size:16px;transition:all .3s}.form-container select{background-color:#fff;border:2px solid #e0e0e0;border-radius:8px;outline:none;width:100%;padding:12px 16px;font-family:inherit;font-size:16px;transition:all .3s}.form-container input:focus{border-color:#4a90e2;box-shadow:0 0 0 3px rgba(74,144,226,.1)}.form-container textarea:focus{border-color:#4a90e2;box-shadow:0 0 0 3px rgba(74,144,226,.1)}.form-container select:focus{border-color:#4a90e2;box-shadow:0 0 0 3px rgba(74,144,226,.1)}.form-container label{color:#333;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.form-container textarea{resize:vertical;min-height:120px}.form-container button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;width:100%;padding:12px 32px;font-size:16px;font-weight:600;transition:all .3s}.form-container button:hover{transform:translateY(-2px);box-shadow:0 8px 16px rgba(0,0,0,.2)}.form-container button:active{transform:translateY(0)}.form-container error{color:#e53e3e;margin-top:4px;font-size:12px}.form-container input.error{border-color:#e53e3e}.terms{flex-wrap:nowrap;display:flex!important}.terms input[type=checkbox]{width:auto!important;margin-right:8px!important}:root{--tbg-primary:#6366f1;--tbg-secondary:#8b5cf6;--tbg-accent:#ec4899;--tbg-bg-dark:#0f172a;--tbg-bg-light:#1e293b;--tbg-text:#f1f5f9;--tbg-text-secondary:#94a3b8;--tbg-border:#334155;--rarity-common:#64748b;--rarity-rare:#3b82f6;--rarity-epic:#a855f7;--rarity-legendary:#fbbf24}body.trading-cards{background:linear-gradient(135deg,var(--tbg-bg-dark)0%,#1e293b 100%);color:var(--tbg-text);min-height:100vh}.user-header{text-align:center;background:linear-gradient(135deg,var(--tbg-primary),var(--tbg-secondary));border-radius:16px;margin-bottom:30px;padding:40px 20px;box-shadow:0 10px 30px rgba(99,102,241,.3)}.user-header h1{text-shadow:2px 2px 4px rgba(0,0,0,.3);color:#fff;margin-bottom:10px;font-size:2.5rem}.username{opacity:.9;color:#fff;font-size:1.2rem;font-weight:500}.btn{background:linear-gradient(135deg,var(--tbg-primary),var(--tbg-secondary));color:#fff;cursor:pointer;border:none;border-radius:8px;padding:12px 28px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block;box-shadow:0 4px 15px rgba(99,102,241,.4)}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(99,102,241,.6)}.admin-section{background:var(--tbg-bg-light);border:1px solid var(--tbg-border);border-radius:12px;margin-bottom:30px;padding:30px}.admin-section h2{color:var(--tbg-primary);margin-bottom:20px}.packs-section{margin-bottom:40px}.packs-section h2{color:var(--tbg-accent);margin-bottom:20px;font-size:2rem}.packs-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-top:20px;display:grid}.pack-card{background:linear-gradient(135deg,var(--tbg-accent),var(--tbg-secondary));text-align:center;cursor:pointer;border-radius:16px;padding:30px;transition:transform .3s,box-shadow .3s;box-shadow:0 8px 25px rgba(236,72,153,.4)}.pack-card:hover{transform:translateY(-5px)scale(1.02);box-shadow:0 12px 35px rgba(236,72,153,.6)}.pack-card h3{color:#fff;margin-bottom:10px;font-size:1.5rem}.pack-card p{opacity:.9;color:#fff;margin-bottom:20px}.cards-section{margin-top:40px}.cards-section h2{color:var(--tbg-primary);margin-bottom:20px;font-size:2rem}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px;margin-top:20px;display:grid}.card-item{background:var(--tbg-bg-light);border:2px solid var(--tbg-border);border-radius:16px;flex-direction:column;gap:1em;padding:20px;transition:transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 25px rgba(0,0,0,.3)}.card-item:before{content:"";background:linear-gradient(90deg,var(--tbg-primary),var(--tbg-secondary));height:4px;position:absolute;top:0;left:0;right:0}.card-item:hover{border-color:var(--tbg-primary);transform:translateY(-8px);box-shadow:0 12px 35px rgba(99,102,241,.5)}.card-item img{object-fit:contain;background:linear-gradient(135deg,var(--tbg-bg-dark),var(--tbg-border));border-radius:12px;width:100%;margin-bottom:15px}.card-item h3{color:var(--tbg-text);margin-bottom:10px;font-size:1.3rem}.card-item p{color:var(--tbg-text-secondary);margin-bottom:15px;font-size:.9rem;line-height:1.5}.rarity{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;align-self:baseline;padding:6px 16px;font-size:.85rem;font-weight:600;display:none}.rarity.common{background:var(--rarity-common);color:#fff}.rarity.rare{background:var(--rarity-rare);color:#fff}.rarity.epic{background:var(--rarity-epic);color:#fff}.rarity.legendary{background:var(--rarity-legendary);color:#1e293b;animation:2s ease-in-out infinite glow}@keyframes glow{0%,to{box-shadow:0 0 10px var(--rarity-legendary)}50%{box-shadow:0 0 20px var(--rarity-legendary),0 0 30px var(--rarity-legendary)}}.card-animation-overlay{z-index:1000;background:rgba(15,23,42,.95);justify-content:center;align-items:center;animation:.5s fadeIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.card-reveal{background:var(--tbg-bg-light);border-radius:20px;max-width:90vw;max-height:90vh;padding:40px;animation:.6s slideUp;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.5)}@keyframes slideUp{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.card-reveal h2{text-align:center;background:linear-gradient(135deg,var(--tbg-primary),var(--tbg-accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:30px;font-size:2.5rem}.new-cards-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;margin-bottom:30px;display:grid}.card-reveal-item{text-align:center;animation:.8s both cardFlip}.card-reveal-item:first-child{animation-delay:.2s}.card-reveal-item:nth-child(2){animation-delay:.4s}.card-reveal-item:nth-child(3){animation-delay:.6s}.card-reveal-item:nth-child(4){animation-delay:.8s}.card-reveal-item:nth-child(5){animation-delay:1s}@keyframes cardFlip{0%{opacity:0;transform:rotateY(90deg)scale(.5)}50%{transform:rotateY(45deg)scale(.8)}to{opacity:1;transform:rotateY(0)scale(1)}}.card-reveal-item img{object-fit:cover;border:3px solid var(--tbg-primary);border-radius:12px;width:100%;height:250px;margin-bottom:15px;box-shadow:0 10px 30px rgba(99,102,241,.4)}.card-reveal-item h3{color:var(--tbg-text);margin-bottom:8px;font-size:1.3rem}.card-reveal-item p{color:var(--tbg-text-secondary);text-transform:uppercase;font-size:.9rem;font-weight:600}.card-reveal .btn{width:200px;margin:30px auto 0;display:block}@media (max-width:768px){.user-header h1{font-size:2rem}.cards-grid,.packs-grid{grid-template-columns:1fr}.new-cards-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.card-reveal{padding:20px}}.note{color:var(--tbg-text-secondary);text-align:center;margin-top:10px;font-size:.9rem}[x-cloak]{display:none!important}.modal-overlay{z-index:9999;background:rgba(0,0,0,.7);justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.modal-content{background:var(--tbg-bg-light);color:var(--tbg-text);transform-origin:top;border-radius:12px;width:100%;max-width:560px;padding:24px;animation:.28s ease-out modalSlideIn;box-shadow:0 30px 80px rgba(0,0,0,.6)}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-content h3{text-align:center;color:var(--tbg-primary);margin-bottom:12px}.modal-content p{text-align:center;color:var(--tbg-text);margin-bottom:16px}.user-select{border:2px solid var(--tbg-border);background:var(--tbg-bg-dark);width:100%;color:var(--tbg-text);border-radius:8px;margin-bottom:16px;padding:10px 12px;font-size:1rem}.user-select:focus{border-color:var(--tbg-primary);outline:none}.modal-buttons{justify-content:center;gap:12px;margin-top:8px;display:flex}.btn-secondary{border:2px solid var(--tbg-border);color:var(--tbg-text);background:0 0}.btn-secondary:hover{background:var(--tbg-border)}.send-btn{width:100%;margin-top:auto;padding:6px 14px;font-size:.6rem}.modal-overlay{cursor:default;margin-top:auto}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--color-gray-900);flex-direction:column;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;display:flex}main,footer{width:100%}.min-h-screen{min-height:100vh}.bg-gray-50{background-color:var(--color-gray-50)}.bg-white{background-color:#fff}.shadow{box-shadow:0 1px 3px rgba(0,0,0,.1)}.shadow-sm{box-shadow:0 1px 2px rgba(0,0,0,.05)}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.container{flex-direction:column;gap:1rem;display:flex}.max-w-7xl{max-width:80rem}.mx-auto{margin-left:auto;margin-right:auto}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.mt-2{margin-top:.5rem}.mt-auto{margin-top:auto}.mb-4{margin-bottom:1rem}.ml-5{margin-left:1.25rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.space-x-4>*+*{margin-left:1rem}.space-y-6>*+*{margin-top:1.5rem}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.gap-6{gap:1.5rem}.text-2sm{font-size:.775rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:#4b5563}.text-gray-700{color:var(--color-gray-700)}.text-gray-900{color:var(--color-gray-900)}.text-indigo-600{color:var(--color-primary)}.text-green-600{color:#059669}.text-yellow-600{color:#d97706}.text-purple-600{color:#9333ea}.text-white{color:#fff}.text-center{text-align:center}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}a{color:inherit;text-decoration:none;transition:color .2s}a:hover{color:var(--color-primary)}nav{border-bottom:1px solid #e5e7eb}.h-16{height:4rem}.overflow-hidden{overflow:hidden}button{cursor:pointer;font-family:inherit;font-size:inherit;border:none;transition:all .2s}.px-4{padding-left:1rem;padding-right:1rem}.bg-indigo-600{background-color:var(--color-primary)}.bg-indigo-600:hover,.hover\:bg-indigo-700:hover{background-color:var(--color-primary-hover)}.bg-gray-600{background-color:#4b5563}.hover\:bg-gray-700:hover{background-color:var(--color-gray-700)}.focus\:outline-none:focus{outline-offset:2px;outline:2px solid transparent}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent)}@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:1024px){.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:px-8{padding-left:2rem;padding-right:2rem}}svg{display:block}.h-6{height:1.5rem}.w-6{width:1.5rem}.w-0{width:0}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.border-t{border-color:#e5e7eb;border-top-width:1px}footer{align-self:flex-end;margin-top:2rem}