@keyframes floatY{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-28px) rotate(6deg)}}:root{--navy:#0D3B66;--gold:#FFD166;--cream:#FBF7F0;--muted:#6b6b6b;--glass:rgba(255,255,255,0.7);--card-radius:18px;--shadow:0 10px 30px rgba(13,59,102,0.12)}*{box-sizing:border-box}body,html{height:100%;margin:0;font-family:Inter,Quicksand,system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial;color:var(--navy);background:linear-gradient(180deg,var(--cream),#f7f9fb);-webkit-font-smoothing:antialiased}.hero{position:relative;padding:28px 20px 18px;display:flex;align-items:center;gap:18px;max-width:1200px;margin:18px auto;justify-content:space-between}.brand{gap:14px}.brand,.hero-controls,.logo,.search{display:flex;align-items:center}.logo{width:90px;border-radius:100%;overflow:hidden;justify-content:center;box-shadow:0 6px 18px rgba(0,0,0,.12);border:2px solid #111;background:0 0}.logo img,.thumb img{width:100%;height:100%;object-fit:cover}.brand h1{font-size:1.25rem;margin:0;letter-spacing:.2px}.brand p{margin:0;color:var(--muted);font-size:.9rem}.hero-controls,.search{gap:12px}.search{gap:8px;background:var(--glass);padding:8px;border-radius:12px;box-shadow:var(--shadow)}.search input{border:0;background:0 0;padding:10px 6px;width:200px;font-size:.95rem;outline:0}.paws{position:fixed;left:0;top:0;right:0;bottom:0;pointer-events:none;z-index:0;overflow:hidden;mix-blend-mode:multiply;opacity:.06}.paw{position:absolute;width:48px;height:48px;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23FFD166" d="M256 160c0-35-28.7-64-64-64s-64 29-64 64 28.7 64 64 64 64-29 64-64zm128-24c-17.7-10.2-39-7.9-52.2 5.3-13.2 13.2-15.5 34.5-5.3 52.2 17.5 30.4 49 49.9 82.6 49.9s65.1-19.5 82.6-49.9c10.2-17.7 7.9-39-5.3-52.2-13.2-13.2-34.5-15.5-52.4-5.3zM112 136c-13.2-13.2-34.5-15.5-52.2-5.3-13.2 13.2-15.5 34.5-5.3 52.2C78 213.6 109.5 233 143.1 233s65.1-19.5 82.6-49.9c10.2-17.7 7.9-39-5.3-52.2-13.3-13.2-34.6-15.5-52.4-5.3-0.1 0-62.9 34.6-62.9 34.6zM329 328c0 59.6-48.4 108-108 108s-108-48.4-108-108 48.4-108 108-108 108 48.4 108 108z"/></svg>')center/contain no-repeat}.app{max-width:1200px;margin:12px auto 80px;position:relative;height:100vh;z-index:2;padding:18px}.carousel-wrap{background:linear-gradient(180deg,rgba(255,255,255,.85),rgba(250,250,250,.9));padding:22px;border-radius:20px;box-shadow:var(--shadow);overflow:visible;height:auto}.carousel{display:flex;gap:20px;align-items:center;justify-content:center;padding:18px 6px;overflow-x:auto;scroll-behavior:smooth}.card{flex:0 0 auto;width:260px;min-width:260px;height:auto;min-height:380px;border-radius:16px;background:#fff;padding:14px;box-shadow:0 12px 30px rgba(13,59,102,.08);transition:transform .45s cubic-bezier(.22,.9,.3,1),box-shadow .25s;transform-origin:center center;position:relative;cursor:pointer}.card.center{transform:scale(1.06) translateY(-8px);box-shadow:0 20px 40px rgba(13,59,102,.14)}.card.side{transform:scale(.92) translateY(6px);filter:grayscale(.04) saturate(.95)}.thumb{width:220px;height:120px}.card-row,.meta{padding:10px 6px;width:220px;height:40px}.meta h3{font-size:1.05rem;color:var(--navy);margin:0 0 4px}.meta small{display:block;color:var(--muted);margin-top:6px}.card-row{display:flex;gap:8px;height:100px;align-items:center;justify-content:space-between;padding:8px 0;margin-bottom:10px}.ring{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--gold)0 0,#eee 0);position:relative;margin-top:6px;margin-bottom:6px}.ring svg{width:50px;height:50px}.badge-mini,.polaroid p{font-weight:700;color:var(--navy)}.badge-mini{background:var(--gold);padding:3px 10px;border-radius:12px;font-size:.8rem;margin-left:4px}.card .actions{display:flex;justify-content:center;margin-top:10px}.btn-ghost{background:0 0;border:2px solid var(--navy);color:var(--navy);padding:8px 10px;border-radius:10px;cursor:pointer;position:relative;top:-3px;width:200px;height:50px}.gallery{display:flex;gap:12px;align-items:center;justify-content:flex-start;padding:20px;margin-top:20px;flex-wrap:wrap;overflow-x:auto}.polaroid{width:160px;background:#fff;padding:10px;border-radius:12px;box-shadow:0 10px 24px rgba(13,59,102,.06);transform-origin:center;transition:transform .35s}.polaroid img{width:100%;object-fit:cover;border-radius:100px}.polaroid p{margin:8px 0 0;font-size:.95rem;text-align:center}.polaroid:hover{transform:translateY(-8px) rotate(-2deg)}.controls{display:flex;gap:12px;align-items:center;justify-content:center;margin-top:12px}.dot{width:10px;height:10px;border-radius:50%;background:#eee}.dot.active{background:var(--navy)}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);justify-content:center;align-items:center;z-index:9999}.modal-content{background:#fff;padding:20px;max-height:80vh;width:90%;max-width:500px;overflow-y:auto;border-radius:10px;box-shadow:0 5px 20px rgba(0,0,0,.3);position:relative}#closeModal{cursor:pointer;float:right;font-size:1.5rem;font-weight:700}@media (max-width:900px){.card{width:300px;min-width:300px;height:340px}.ring{width:56px}.gallery{justify-content:flex-start;overflow-x:auto;padding-bottom:8px}}@media (max-width:520px){.hero{flex-direction:column;align-items:flex-start;gap:12px}.hero-controls{flex-wrap:wrap;gap:8px;width:100%}.search{flex:1 1 100%}.search input{width:100%;font-size:.9rem}.carousel{gap:10px;padding:6px;overflow-x:auto;scroll-snap-type:x mandatory}.card{width:280px;min-width:160px;height:380px}.card.center{transform:scale(1.05) translateY(-6px)}.ring{width:100px}.gallery{gap:8px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:8px}.polaroid{width:120px}.polaroid img{height:100px}.polaroid p{font-size:.8rem}.modal-content{width:95%;max-width:none;padding:16px;max-height:90vh}}.header-nav{background-color:#d8ac52;padding:10px 20px;font-family:Arial,sans-serif}.nav-header{display:none;justify-content:space-between;align-items:center}.nav-title{font-size:1.2em;font-weight:700;color:#fff}.nav-toggle{background:0 0;margin:0 auto;border:0;font-size:1.8em;color:#fff;cursor:pointer;display:none}.nav-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:40px}.nav-list li a{color:#fff;text-decoration:none;font-weight:500;transition:color .3s}.nav-list li a:hover{color:#000}@media (max-width:500px){.nav-header,.nav-list.active{display:flex}.nav-toggle{display:block}.nav-list{display:none;flex-direction:column;align-items:center;gap:10px;margin-top:10px}}