@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;600;700&family=Playfair+Display:ital,wght@0,700;1,700&display=swap');
:root{--ink:#f8f1e7;--muted:#b8abb8;--wine:#5d183e;--rose:#df8b88;--gold:#f0c77a;--bg:#100a13}*{box-sizing:border-box}html{background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% -10%,#4c1f40 0,transparent 36%),linear-gradient(180deg,#170d19,#0d0910);overflow-x:hidden}button,input{font:inherit}.shell{width:min(100%,480px);min-height:100vh;margin:auto;padding:0 20px 48px;position:relative}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between}.brand,.album-btn,.back{border:0;background:none;color:var(--ink);display:flex;align-items:center;gap:9px;padding:8px 0}.brand span{display:grid;place-items:center;width:28px;height:34px;border:1px solid #dca87d;border-radius:50% 50% 45% 45%;font-family:serif;color:var(--gold)}.brand b{font-family:'Playfair Display';font-size:15px}.album-btn{font-size:13px}.album-btn em{font-style:normal;background:var(--rose);color:#1b0d14;border-radius:50%;width:22px;height:22px;display:grid;place-items:center;font-weight:700}.eyebrow{font-size:10px;letter-spacing:.25em;color:var(--gold);font-weight:700;text-align:center;margin-top:22px}.hero h1,.pix-page h2,.collection h2{font:700 43px/1.01 'Playfair Display';text-align:center;margin:14px 0}.hero h1 span{color:var(--rose);font-style:italic}.lead{text-align:center;color:var(--muted);line-height:1.55;margin:0 auto 16px;max-width:360px}.pack-stage{height:250px;display:grid;place-items:center;position:relative;perspective:700px}.pack-glow{position:absolute;width:220px;height:220px;background:#df8b8840;filter:blur(35px);border-radius:50%;animation:pulse 2.5s infinite}.pack{width:152px;height:205px;border:1px solid #efbd9788;border-radius:12px;background:linear-gradient(145deg,#6f284d,#27111f 65%,#9e5e59);box-shadow:0 24px 55px #0008,inset 0 0 30px #ffffff0d;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-4deg);animation:float 3.5s ease-in-out infinite;position:relative;overflow:hidden}.pack:after{content:"";position:absolute;inset:-100% 45%;background:#fff3;transform:rotate(25deg);animation:shine 3.2s infinite}.pack small{letter-spacing:.25em;font-size:8px}.pack strong{font:italic 700 28px 'Playfair Display';color:#f2b6ad}.pack b{font-size:11px;letter-spacing:.2em}.pack i{position:absolute;bottom:14px;font-size:9px;color:#d6b8b9}.glass{background:linear-gradient(145deg,#ffffff12,#ffffff07);border:1px solid #ffffff19;box-shadow:0 18px 50px #0004;backdrop-filter:blur(18px)}.buy-panel{padding:20px;border-radius:22px}.buy-panel label{display:block;font-size:12px;color:var(--muted);margin-bottom:10px}.amounts{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.amounts button,.filters button{border:1px solid #ffffff19;color:var(--ink);background:#ffffff08;border-radius:11px;padding:11px 5px}.amounts button.active,.filters button.active{border-color:var(--rose);background:#df8b8825;color:#ffd4ce}.custom{margin:9px 0;display:flex;align-items:center;background:#09070a55;border:1px solid #ffffff16;border-radius:12px;padding:0 14px}.custom input{width:100%;background:none;border:0;color:#fff;padding:12px 8px;outline:0}.primary{width:100%;border:0;border-radius:13px;padding:15px;background:linear-gradient(90deg,#bd646d,#e49a87);color:#200d16;font-weight:800;box-shadow:0 8px 26px #ce727648}.primary:disabled{opacity:.55}.micro{text-align:center;font-size:10px;color:#897d89;margin:12px 0 0}.pix-page,.collection{padding-top:10px;text-align:center}.pix-page h2,.collection h2{font-size:36px}.qr-card{width:230px;padding:18px;border-radius:24px;margin:25px auto 14px}.qr-card img,.demo-qr{width:194px;height:194px;background:#fff;border-radius:15px}.demo-qr{display:flex;flex-direction:column;justify-content:center;color:#23121a}.demo-qr b{font-size:52px}.demo-qr span{font-size:11px}.qr-card strong{display:block;font-size:23px;margin-top:14px}.copy,.demo-confirm,.reveal-actions button{width:100%;padding:14px;border-radius:13px;border:1px solid #ffffff22;background:#ffffff0c;color:#fff;margin-top:8px}.waiting{display:flex;justify-content:center;gap:10px;color:var(--muted);font-size:12px;margin:22px}.waiting i{width:14px;height:14px;border:2px solid var(--rose);border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}.demo-confirm{border-style:dashed;color:var(--gold)}.reveal{position:fixed;z-index:10;inset:0;background:#050307;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.tap-hint{position:absolute;bottom:10%;color:#a898a4;animation:pulse 1.4s infinite}.reveal-pack{width:190px;height:260px;background:linear-gradient(145deg,#71294e,#1c0d18);border:1px solid #e6a681;border-radius:16px;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 0 80px #a24f7555;transition:.7s}.phase-1 .reveal-pack{transform:scale(1.15) rotate(3deg);filter:brightness(1.5)}.reveal-pack span{font:italic 700 90px 'Playfair Display';color:#eaa294}.reveal-pack b{font-family:'Playfair Display'}.sticker-card{width:min(74vw,310px);aspect-ratio:.7;border-radius:22px;padding:9px;background:linear-gradient(145deg,#e3cba0,#765668);position:relative;box-shadow:0 0 90px #d79a7a66;animation:cardIn 1s cubic-bezier(.2,.8,.2,1);overflow:hidden}.sticker-card img{width:100%;height:76%;object-fit:cover;border-radius:15px;background:#34222d}.card-copy{color:#1a0d13;padding:8px 10px}.card-copy small{float:right}.card-copy h2{font:700 24px 'Playfair Display';margin:0}.card-copy p{font-size:10px;margin:3px 0;letter-spacing:.16em}.rarity-label{position:absolute;z-index:2;top:18px;right:18px;background:#160d17cc;padding:6px 9px;border-radius:20px;font-size:9px;letter-spacing:.12em}.card-shine{position:absolute;z-index:3;inset:-100% 45%;background:#fff5;transform:rotate(20deg);animation:shine 2s}.unlock-meta{text-align:center;margin-top:20px;animation:up .5s}.unlock-meta small{display:block;color:var(--gold);letter-spacing:.2em}.unlock-meta strong{font:700 30px 'Playfair Display'}.reveal-actions{width:min(82vw,340px);margin-top:14px;animation:up .5s}.reveal-actions .quiet{border:0;color:#aaa;background:none}.rays{position:absolute;width:800px;height:800px;background:repeating-conic-gradient(#fff0 0 8deg,#dca07025 9deg 12deg);animation:spin 20s linear infinite}.particles i{position:absolute;left:calc(10% + var(--x)*10%);top:-10%;width:5px;height:12px;background:var(--gold);animation:fall 2.5s var(--d) infinite}.filters{display:flex;gap:7px;overflow:auto;padding:8px 0 16px}.filters button{white-space:nowrap;padding:8px 11px;font-size:11px}.album-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.mini-card{text-align:left}.mini-card>div{aspect-ratio:.72;border-radius:15px;background:linear-gradient(145deg,#d5b98e,#62485e);padding:6px;display:grid;place-items:center}.mini-card img{width:100%;height:100%;object-fit:cover;border-radius:11px}.mini-card span{font:60px 'Playfair Display';color:#ffffff20}.mini-card small,.mini-card b{display:block;margin:7px 4px 0}.mini-card b{font-size:9px;color:var(--muted);margin-top:2px;text-transform:uppercase;letter-spacing:.1em}.mini-card.locked{opacity:.42}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);width:min(90%,420px);background:#b04455;color:#fff;padding:14px;border-radius:12px;text-align:center;z-index:20}[ng-cloak]{display:none!important}@keyframes float{50%{transform:translateY(-10px) rotate(3deg)}}@keyframes pulse{50%{opacity:.55;transform:scale(1.08)}}@keyframes shine{to{transform:translateX(300px) rotate(25deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes cardIn{from{opacity:0;transform:scale(.3) rotateY(90deg)}to{opacity:1;transform:none}}@keyframes up{from{opacity:0;transform:translateY(15px)}}@keyframes fall{to{transform:translateY(110vh) rotate(500deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}