*{box-sizing:border-box}html,body,#root{height:100%}body{background:linear-gradient(135deg,#fef3c7,#fde68a,#fecaca);color:#1a1a2e;min-height:100vh}@media (prefers-color-scheme: dark){body{background:linear-gradient(135deg,#0a0a23,#1a1a4a,#3a1a4a);color:#eee}}.container{max-width:480px;margin:0 auto;padding:24px 20px;min-height:100vh;display:flex;flex-direction:column;justify-content:center}.share-btn{border:none;color:#fff;font-size:12px;padding:10px 6px;border-radius:8px;cursor:pointer;font-weight:600;transition:transform .15s,opacity .15s;box-shadow:0 2px 8px #00000026}.share-btn:hover{transform:translateY(-1px);opacity:.95}.share-btn:active{transform:translateY(0);opacity:.85}.skel{background:linear-gradient(90deg,#0000000d,#0000001a,#0000000d);background-size:200% 100%;animation:skel-shimmer 1.4s ease-in-out infinite;border-radius:8px}@media (prefers-color-scheme: dark){.skel{background:linear-gradient(90deg,#ffffff0d,#ffffff1a,#ffffff0d)}}@keyframes skel-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.card{background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;padding:32px 24px;box-shadow:0 8px 32px #00000014}@media (prefers-color-scheme: dark){.card{background:#14142dd9;box-shadow:0 8px 32px #0006}}.brand{display:flex;justify-content:center;align-items:center;gap:10px;font-size:24px;font-weight:700;margin-bottom:24px;letter-spacing:1px}.brand img{width:32px;height:32px;object-fit:contain}.brand-dark img{filter:brightness(0) invert(1)}.title{font-size:22px;font-weight:700;margin:0 0 8px}.subtitle{color:#666;font-size:13px;margin:0 0 16px}@media (prefers-color-scheme: dark){.subtitle{color:#aaa}}.price{font-size:40px;font-weight:700;background:linear-gradient(135deg,#f5576c,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:8px 0}.field{margin-bottom:14px}.field label{display:block;font-size:13px;margin-bottom:6px;opacity:.7}.field input,.field select{width:100%;padding:12px 14px;border-radius:10px;border:1px solid rgba(0,0,0,.12);font-size:15px;background:#ffffffb3}@media (prefers-color-scheme: dark){.field input,.field select{border-color:#ffffff26;background:#ffffff0d;color:#eee}}.field input:focus,.field select:focus{outline:none;border-color:#f5576c}.btn{width:100%;padding:14px;border:0;border-radius:12px;background:linear-gradient(135deg,#f5576c,#f093fb);color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:transform .1s,box-shadow .2s}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 24px #f5576c59}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:disabled:hover{transform:none;box-shadow:none}.info-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(0,0,0,.06)}.info-row:last-child{border:0}.info-row .k{color:#888}.info-row .v{font-weight:600}@media (prefers-color-scheme: dark){.info-row{border-color:#ffffff14}.info-row .k{color:#999}}.spinner{width:40px;height:40px;margin:40px auto;border:3px solid rgba(0,0,0,.1);border-top-color:#f5576c;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.badge{display:inline-block;padding:3px 10px;border-radius:100px;font-size:11px;background:#f5576c1f;color:#f5576c}.footer{margin-top:20px;text-align:center;font-size:11px;opacity:.5}.error{background:#dc26261a;border-left:3px solid #dc2626;padding:12px 16px;border-radius:8px;color:#b91c1c;margin-bottom:16px;font-size:13px}.success{background:#10b9811a;border-left:3px solid #10b981;padding:12px 16px;border-radius:8px;color:#047857;margin-bottom:16px;font-size:13px}