:root{--gold: #8e6b2b;--gold-lt: #c2912c;--grey: #8a8c8e;--bg: #fefdfb}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:Tajawal,system-ui,sans-serif;background:var(--bg);color:#383838;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;direction:rtl}.site{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem 1.5rem;position:relative;overflow:hidden}.pattern{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.panel{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;width:100%;max-width:500px;padding:3.5rem 2rem 3rem}.panel-top{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.angle{position:absolute;width:28px;height:28px}.angle-tl{top:0;right:0;border-top:2px solid var(--gold-lt);border-right:2px solid var(--gold-lt);border-radius:0 4px 0 0}.angle-tr{top:0;left:0;border-top:2px solid var(--gold-lt);border-left:2px solid var(--gold-lt);border-radius:4px 0 0}.angle-bl{bottom:0;right:0;border-bottom:2px solid var(--gold-lt);border-right:2px solid var(--gold-lt);border-radius:0 0 4px}.angle-br{bottom:0;left:0;border-bottom:2px solid var(--gold-lt);border-left:2px solid var(--gold-lt);border-radius:0 0 0 4px}.logo{display:block;width:100%;max-width:260px;height:auto;margin-bottom:1.75rem}.rule{display:flex;align-items:center;gap:.5rem;margin-bottom:1.75rem}.rule span{display:block;width:40px;height:1px;background:linear-gradient(90deg,transparent,var(--gold-lt))}.rule span:last-child{background:linear-gradient(90deg,var(--gold-lt),transparent)}.rule i{display:block;width:7px;height:7px;background:var(--gold-lt);transform:rotate(45deg)}.copy{text-align:center;display:flex;flex-direction:column;gap:.75rem}.title{font-size:1.8rem;font-weight:800;color:var(--gold);letter-spacing:-.2px}.desc{font-size:1rem;line-height:2.1;color:#555;max-width:420px}.thanks{font-size:.95rem;color:var(--grey);font-weight:600;margin-top:.5rem}.foot{position:relative;z-index:2;font-size:.75rem;color:var(--grey);opacity:.65;margin-top:1rem}.whatsapp{position:fixed;bottom:24px;left:24px;width:54px;height:54px;background:#25d366;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 18px #25d3664d;z-index:100;transition:transform .25s,box-shadow .25s;text-decoration:none}.whatsapp:hover{transform:scale(1.1);box-shadow:0 6px 24px #25d36666}.site.ready .logo{animation:fadeUp .7s ease both}.site.ready .rule{animation:fadeUp .7s ease .1s both}.site.ready .copy{animation:fadeUp .7s ease .2s both}.site.ready .foot{animation:fadeUp .7s ease .35s both}.site.ready .whatsapp{animation:popIn .5s ease .5s both}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@media (max-width:480px){.site{padding:2rem 1.25rem}.panel{padding:2.5rem 1.25rem 2rem}.logo{max-width:200px;margin-bottom:1.25rem}.title{font-size:1.45rem}.desc{font-size:.9rem;line-height:1.9}.rule span{width:28px}.angle{width:20px;height:20px}.whatsapp{width:48px;height:48px;bottom:18px;left:18px}}@media (max-width:360px){.panel{padding:2rem 1rem 1.5rem}.logo{max-width:170px}.title{font-size:1.3rem}.desc{font-size:.82rem}}