.navbar h1,.hero-content h2,.content-description h2,.promo-text h2,.set-name,.collection-heading h2{font-family:Open Sans,sans-serif}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif;background-color:#181838}.navbar{display:flex;align-items:center;gap:20px;padding:16px 40px;background-color:#181838;box-shadow:0 10px 8px #00000026}.icon1{width:32px;height:33px;margin-right:8px;margin-bottom:2px;vertical-align:middle}.navbar h1{color:#fff;font-size:24px;margin:0;white-space:nowrap}.nav-search{flex:1;position:relative;gap:350px;display:flex}.drop-down-results{position:absolute;top:100%;display:flex;flex-direction:column;margin-top:1px;gap:20px;width:45%;height:190px;z-index:99;background-color:#fff;border-radius:10px;padding:10px;cursor:pointer}.nav-search input{width:100%;max-width:520px;padding:10px 14px;border-radius:8px;border:none;outline:none;font-size:15px}.nav-actions{display:flex;width:200px;gap:12px}.nav-btn{padding:8px 16px;border-radius:8px;border:none;font-weight:500;cursor:pointer}.nav-btn.signup{background:#f5c518;color:#000;width:200px;height:45px}.modal-overlay{position:fixed;inset:0;background:#454444b3;z-index:999;display:flex;justify-content:center;align-items:center}.modal-card{background:#181838;border-radius:12px;padding:20px;display:flex;flex-direction:column;align-items:center;gap:10px;width:250px}.modal-card img{width:100%;border-radius:8px}.modal-card h4{color:#fff;margin:0}.modal-card p{color:#aaa;margin:0}.modal-close-btn{margin-top:10px;padding:8px 20px;border:none;border-radius:6px;background:#ef4444;color:#fff;cursor:pointer}.modal-card .add-card-btn{position:static}.hero{position:relative;width:100%;height:620px;overflow:hidden}.pkmlogo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}.hero:before{content:"";position:absolute;inset:0;background:#0009;z-index:2}.hero-content{position:relative;z-index:3;height:100%;color:#f5f3f3e6;text-align:center;display:flex;flex-direction:column;justify-content:center;gap:20px;padding:0 20px}.hero-content h2{font-size:42px;margin:0;color:#fff}.hero-content p{max-width:750px;margin:0 auto;font-size:18px;line-height:1.5}.create-acct-btn,.promo-btn{width:300px;height:80px;margin:30px auto 0;border-radius:15px;background-color:#181838;border:none;box-shadow:0 4px 12px #00000059}.create-acct-btn a,.promo-btn a{display:inline-block;width:100%;height:100%;line-height:80px;font-size:20px;color:#ffffffe6;text-decoration:none}.create-acct-btn:hover,.promo-btn:hover{background-color:#14142a}.content-description h2{padding-top:42px;font-size:55px;text-align:center;color:#ffffffe6;margin-bottom:20px;text-decoration:underline}.content-description p{font-size:20px;text-align:center;color:#fffc;margin-bottom:80px}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;align-items:center;margin:20px}.card-loader{height:150px;background:#fff;border-radius:15px;padding:20px;display:flex;align-items:center;justify-content:center}.card-loader img{max-width:100%;max-height:100%;object-fit:contain;display:block}.collection-promo{padding:96px 24px;background:#181838}.promo-container{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:64px}.promo-text{flex:1;color:#fff}.promo-text h2{font-size:42px;margin:0}.promo-btn{color:#181838;font-size:large;background-color:#f5c518}.promo-btn:hover{background-color:#927307}.promo-text p{font-size:16px;line-height:1.6;max-width:420px;color:#fffc;margin-bottom:24px}.promo-preview{flex:1.2;background:linear-gradient(180deg,#070a15e6,#0a0c14f2);padding:20px;border-radius:18px;box-shadow:0 0 20px #f5c51866}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;font-size:14px;font-weight:600;color:#ffffffd9;border-bottom:1px solid rgba(255,255,255,.08)}.preview-header .value{color:#facc15;font-weight:700}.promo-preview img{width:100%;height:auto;display:block;border-radius:14px;filter:brightness(.75) contrast(1.05) saturate(.9);transition:transform .3s ease,filter .3s ease}.promo-preview:hover img{transform:scale(1.02);filter:brightness(.85) contrast(1.05) saturate(1)}.set-list-wrapper{padding-bottom:60px}.set-list-heading{position:relative;display:flex;justify-content:space-between;align-items:center;padding:20px}.set-name{margin:40px auto;text-decoration:underline;color:#fff;font-size:30px}.set-list-heading input{padding:8px 12px;border-radius:6px;border:none;outline:none;font-size:.9rem}.set-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;padding:20px}.set-card{position:relative;border-radius:10px;padding:10px;text-align:center;transition:transform .15s ease,box-shadow .15s ease}.set-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000059}.set-card img{width:100%;max-width:160px;height:auto;margin:0 auto;display:block}.set-card h4{color:#fff;font-size:.9rem;margin:8px 0 4px}.set-card p{font-size:.8rem;color:#aaa;margin:0}.SL-NXTPREV-BTNS{display:flex;justify-content:center;align-items:center;gap:30px;padding-bottom:px}.SL-page-btn{background-color:#f5c518;color:#000;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;width:100px}.SL-page-btn:hover{background-color:#f5c518}.SL-page-btn:disabled{background-color:#999}.SL-page-num{color:#fff;font-size:23px}.add-card-btn.added{background-color:#22c55e}.add-card-btn{position:absolute;top:8px;right:8px;width:32px;height:32px;background-color:#3b82f6;color:#fff;border:none;border-radius:50%;font-size:20px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer}.remove-card-btn{position:absolute;top:8px;right:8px;width:30px;height:30px;border-radius:50%;border:none;background:#ef4444;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s ease,background .15s ease}.remove-card-btn:hover{background:#dc2626;transform:scale(1.05)}.remove-card-btn:active{transform:scale(.95)}.set-list-loading{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#181838f2}.set-list-loading h2{font-size:2rem;font-weight:600;color:#fff;margin-bottom:20px}.loading-img{width:220px;height:auto;animation:float 1.6s ease-in-out infinite}.collection-container{max-width:1200px;margin:0 auto;padding:24px 20px 60px}.collection-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:20px}.collection-heading h2{margin-left:20px;margin-top:50px;font-size:1.8rem;font-weight:700;color:#f0ecec}.collection-heading p{font-size:1.5rem;color:#e8dfdf}.login-container{min-height:calc(100vh - 80px);display:flex;justify-content:center;align-items:center;padding:2rem;background:#181838}.login-container form{background:#fff;padding:2.5rem;border-radius:16px;box-shadow:0 20px 60px #00000080;width:100%;max-width:440px;display:flex;flex-direction:column;gap:1rem}.login-container h2{margin:0 0 1.5rem;color:#1a1a1a;font-size:1.75rem;text-align:center}.login-container .google,.login-container .apple{padding:.75rem;border:2px solid #e0e0e0;background:#fff;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;color:#333}.login-container .google:hover,.login-container .apple:hover{background:#f5f5f5;border-color:#ccc}.login-container p{text-align:center;color:#999;margin:.5rem 0;position:relative}.login-container p:before,.login-container p:after{content:"";position:absolute;top:50%;width:40%;height:1px;background:#e0e0e0}.login-container p:before{left:0}.login-container p:after{right:0}.login-container input{width:100%;padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:all .2s;box-sizing:border-box}.login-container input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.login-container input::placeholder{color:#999}.login-container button[type=submit]{width:100%;padding:.875rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;margin-top:.5rem}.login-container button[type=submit]:hover{transform:translateY(-2px);box-shadow:0 10px 25px #667eea4d}.login-container button[type=submit]:active{transform:translateY(0)}@media(max-width:1200px){.set-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:900px){.promo-container{flex-direction:column;gap:40px}.set-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.set-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.login-container{padding:1rem}.login-container form{padding:1.5rem}.login-container h2{font-size:1.5rem}}@media(max-width:768px){.navbar{flex-direction:column;align-items:stretch;padding:16px 20px;gap:9px}.navbar h1{font-size:40px;display:flex;justify-content:center;align-items:center;margin:10px}.nav-search{gap:0;width:100%}.nav-search input{max-width:100%;width:100%}.drop-down-results{width:100%}.nav-actions{width:65%;display:flex;justify-content:center;margin:auto}.nav-btn.signup{width:100%;flex:1;font-size:16px}.drop-down-results{position:absolute;top:100%;display:flex;flex-direction:column;margin-top:1px;gap:20px;width:96%;height:190px;z-index:99;background-color:#fff;border-radius:10px;padding:10px;cursor:pointer}}.card-error-statement{margin-top:200px;color:#fff}