:root{--bg:#0a0a12;--bg-card:#0f0f198c;--gold:#d4af37;--gold-light:#c8a97e;--gold-glow:#d4af3759;--white:#f0ece2;--white-dim:#f0ece2b3;--overlay:#05050c99;--glass-border:#c8a97e2e;--glass-blur:18px;--radius:16px;--radius-sm:10px;--radius-pill:999px;--font-heading:"Playfair Display", Georgia, "Times New Roman", serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--transition-slide:.6s cubic-bezier(.4, 0, .2, 1);--nav-height:60px;--bottom-height:72px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background:var(--bg);color:var(--white);min-height:100dvh;line-height:1.6;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:#c8a97e4d}::-webkit-scrollbar-thumb:hover{background:#c8a97e8c}*{scrollbar-width:thin;scrollbar-color:#c8a97e4d transparent}#loading{z-index:9999;background:var(--bg);justify-content:center;align-items:center;transition:opacity .8s,visibility .8s;display:flex;position:fixed;inset:0}#loading.hidden{opacity:0;visibility:hidden;pointer-events:none}.loading-inner{flex-direction:column;align-items:center;gap:24px;display:flex}.pearl{filter:drop-shadow(0 0 24px var(--gold-glow));font-size:64px;animation:2s ease-in-out infinite pulse;display:block}.loading-text{font-family:var(--font-heading);color:var(--gold-light);letter-spacing:.08em;font-size:1.25rem;font-weight:500;animation:1s .3s both fadeInUp}#navbar{z-index:100;height:var(--nav-height);-webkit-backdrop-filter:blur(var(--glass-blur));border-bottom:1px solid var(--glass-border);background:#0a0a1299;justify-content:space-between;align-items:center;padding:0 24px;display:flex;position:fixed;top:0;left:0;right:0}.nav-left{align-items:center;gap:12px;display:flex}.coat-of-arms{color:var(--gold);filter:drop-shadow(0 0 6px var(--gold-glow));flex-shrink:0}.nav-title{font-family:var(--font-heading);color:var(--gold-light);letter-spacing:.04em;white-space:nowrap;font-size:1.1rem;font-weight:700}#lang-toggle{font-family:var(--font-body);letter-spacing:.1em;color:var(--bg);background:linear-gradient(135deg, var(--gold-light), var(--gold));border-radius:var(--radius-pill);cursor:pointer;box-shadow:0 2px 12px var(--gold-glow);border:none;padding:6px 18px;font-size:.8rem;font-weight:600;transition:transform .25s,box-shadow .25s}#lang-toggle:hover{box-shadow:0 4px 20px var(--gold-glow);transform:scale(1.06)}#lang-toggle:active{transform:scale(.97)}#stage{z-index:1;position:fixed;inset:0}.slide{padding:calc(var(--nav-height) + 24px) 24px calc(var(--bottom-height) + 24px);opacity:0;visibility:hidden;transition:opacity var(--transition-slide), transform var(--transition-slide), visibility 0s linear var(--transition-slide);will-change:opacity, transform;background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;transform:scale(1.04)}.slide.active{opacity:1;visibility:visible;transition:opacity var(--transition-slide), transform var(--transition-slide), visibility 0s linear 0s;transform:scale(1)}.overlay{background:var(--overlay);z-index:0;position:absolute;inset:0}.card{z-index:2;background:var(--bg-card);width:100%;max-width:640px;-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.4);border:1px solid var(--glass-border);border-radius:var(--radius);text-align:center;padding:40px 36px;animation:.7s both fadeInUp;position:relative;box-shadow:0 8px 32px #00000073,inset 0 1px #ffffff0a}.slide.active .card{animation:.7s both fadeInUp}.icon{filter:drop-shadow(0 0 18px var(--gold-glow));margin-bottom:20px;font-size:4rem;line-height:1;display:block}.card h2{font-family:var(--font-heading);color:var(--gold);margin-bottom:6px;font-size:1.75rem;font-weight:700;line-height:1.3}.card h3{font-family:var(--font-body);color:var(--gold-light);letter-spacing:.06em;text-transform:uppercase;margin-bottom:16px;font-size:.95rem;font-weight:500}.card p{color:var(--white-dim);margin-bottom:20px;font-size:1rem;line-height:1.75}.tags{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.tag{letter-spacing:.06em;border-radius:var(--radius-pill);border:1px solid var(--gold-light);color:var(--gold-light);background:#c8a97e14;padding:5px 14px;font-size:.75rem;font-weight:600;transition:background .3s,color .3s;display:inline-block}.tag:hover{color:var(--gold);background:#c8a97e2e}.bottom-nav{z-index:100;height:var(--bottom-height);-webkit-backdrop-filter:blur(var(--glass-blur));border-top:1px solid var(--glass-border);background:#0a0a1299;justify-content:center;align-items:center;gap:16px;padding:0 24px;display:flex;position:fixed;bottom:0;left:0;right:0}#btn-prev,#btn-next{border:1.5px solid var(--gold-light);width:42px;height:42px;color:var(--gold);cursor:pointer;background:#c8a97e14;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.3rem;line-height:1;transition:background .3s,transform .2s,box-shadow .3s;display:flex}#btn-prev:hover,#btn-next:hover{box-shadow:0 0 16px var(--gold-glow);background:#c8a97e33;transform:scale(1.08)}#btn-prev:active,#btn-next:active{transform:scale(.94)}#btn-prev:disabled,#btn-next:disabled{opacity:.3;cursor:default;pointer-events:none}#dots{align-items:center;gap:8px;display:flex}.dot{cursor:pointer;background:#c8a97e40;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:background .3s,transform .3s,box-shadow .3s}.dot:hover{background:#c8a97e80}.dot.active{background:var(--gold);box-shadow:0 0 10px var(--gold-glow);transform:scale(1.35)}#progress-bar{background:#c8a97e1a;height:3px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}#progress-fill{background:linear-gradient(90deg, var(--gold-light), var(--gold), var(--gold-light));border-radius:0 var(--radius-pill) var(--radius-pill) 0;background-size:200% 100%;width:0%;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1);animation:2.5s ease-in-out infinite shimmer}#counter{font-family:var(--font-body);color:var(--gold);border-radius:var(--radius-pill);white-space:nowrap;letter-spacing:.05em;background:#c8a97e1a;border:1px solid #c8a97e33;flex-shrink:0;padding:4px 12px;font-size:.75rem;font-weight:600}@keyframes fadeInUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.15)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}[dir=rtl] .nav-left{flex-direction:row-reverse}[dir=rtl] .card{text-align:center}[dir=rtl] .tags{direction:rtl}[dir=rtl] #btn-prev svg,[dir=rtl] #btn-next svg{transform:scaleX(-1)}@media (width<=768px){:root{--nav-height:52px;--bottom-height:64px}#navbar{padding:0 16px}.nav-title{font-size:.95rem}.card{border-radius:var(--radius-sm);max-width:92vw;padding:28px 22px}.card h2{font-size:1.35rem}.card h3{font-size:.85rem}.card p{font-size:.9rem;line-height:1.65}.icon{margin-bottom:14px;font-size:3rem}.bottom-nav{gap:10px;padding:0 14px}#btn-prev,#btn-next{width:36px;height:36px;font-size:1.1rem}.dot{width:7px;height:7px}#counter{padding:3px 10px;font-size:.7rem}.tag{padding:4px 10px;font-size:.7rem}}@media (width<=400px){.card{padding:22px 16px}.card h2{font-size:1.2rem}.icon{font-size:2.5rem}.pearl{font-size:48px}.loading-text{font-size:1rem}}