*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-height:100vh}@font-face{font-family:Mestika;src:url(/assets/Mestika-CoRAo2Y8.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:IBM Plex Sans Arabic;src:url(/assets/IBMPlexSansArabic-Medium-iySYXH2s.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:IBM Plex Sans Arabic;src:url(/assets/IBMPlexSansArabic-Bold-D5X6Cnjd.woff2) format("woff2");font-weight:700;font-display:swap}@keyframes fade-up{0%{opacity:0;transform:translate3d(0,20px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fade-scale-up{0%{opacity:0;transform:translate3d(0,12px,0) scale(.85)}to{opacity:1;transform:translateZ(0) scale(1)}}.app{position:fixed;inset:0;direction:rtl;background-color:#003830;display:flex;flex-direction:column;align-items:center}.title{font-family:Mestika,sans-serif;font-weight:700;font-size:clamp(45px,5vw,64px);color:#fff;margin:0;position:relative;top:10%;opacity:0;animation:fade-up .7s cubic-bezier(.22,1,.36,1) .1s forwards;will-change:transform,opacity}.image-wrapper{position:relative;margin-top:auto;margin-bottom:auto}.center-image{display:block;max-width:clamp(320px,60vw,560px);max-height:70vh;object-fit:contain}.image-texts{position:absolute;top:10%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:clamp(4px,.5vw,6px)}.name{font-family:Mestika,sans-serif;font-weight:700;font-size:clamp(32px,3.5vw,45px);color:#fff;margin:0;opacity:0;animation:fade-up .7s cubic-bezier(.22,1,.36,1) .4s forwards;will-change:transform,opacity}.subtitle{font-family:IBM Plex Sans Arabic,sans-serif;font-weight:700;font-size:clamp(20px,2.2vw,29px);color:#fff;text-align:center;max-width:220px;margin:clamp(12px,1.5vw,19px) 0 clamp(56px,5vw,64px) 0;opacity:0;animation:fade-up .7s cubic-bezier(.22,1,.36,1) .65s forwards;will-change:transform,opacity}.action-text{font-family:IBM Plex Sans Arabic,sans-serif;font-weight:500;font-size:clamp(18px,2.2vw,29px);color:#fff;text-align:center;margin:0;opacity:0;animation:fade-up .7s cubic-bezier(.22,1,.36,1) .9s forwards;will-change:transform,opacity}.reveal-btn{margin-top:clamp(20px,2.5vw,32px);padding:clamp(10px,1.2vw,13px) clamp(40px,5vw,64px);background-color:#245a4a;border:1px solid #FFFFFF;border-radius:8px;color:#fff;font-family:IBM Plex Sans Arabic,sans-serif;font-weight:700;font-size:clamp(18px,2vw,22px);cursor:pointer;opacity:0;animation:fade-up .7s cubic-bezier(.22,1,.36,1) 1.15s forwards;will-change:transform,opacity;transition:background-color .2s ease}.reveal-btn:active{background-color:#1d4a3c}.icons-row{display:flex;justify-content:center;align-items:center;gap:clamp(25px,3vw,36px);margin-top:clamp(20px,2.5vw,32px)}.icon-img{width:clamp(80px,9vw,112px);height:auto;object-fit:contain}.icon-scratch{position:relative;width:clamp(80px,9vw,112px);user-select:none;-webkit-user-select:none;touch-action:none;cursor:crosshair;opacity:0;animation:fade-scale-up .7s cubic-bezier(.22,1,.36,1) forwards;will-change:transform,opacity}.icons-row .icon-scratch:nth-child(1){animation-delay:0s}.icons-row .icon-scratch:nth-child(2){animation-delay:.2s}.icons-row .icon-scratch:nth-child(3){animation-delay:.4s}.icon-scratch-rive{position:absolute;inset:0;pointer-events:none}.icon-scratch-rive>canvas{width:100%!important;height:100%!important}.icon-scratch-canvas{position:absolute;inset:0;width:100%;height:100%;transition:opacity .4s ease-out}.icon-scratch-canvas.complete{opacity:0;pointer-events:none}.done-buttons{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:clamp(10px,1.2vw,16px);margin-top:clamp(20px,2.5vw,32px);opacity:0;animation:fade-up .7s cubic-bezier(.22,1,.36,1) .1s forwards;will-change:transform,opacity}.share-btn{white-space:nowrap;padding:clamp(10px,1.2vw,13px) clamp(40px,5vw,64px);background-color:#245a4a;border:1px solid #FFFFFF;border-radius:8px;color:#fff;font-family:IBM Plex Sans Arabic,sans-serif;font-weight:700;font-size:clamp(18px,2vw,22px);cursor:pointer;transition:background-color .2s ease}.share-btn:active{background-color:#1d4a3c}.link-btn{white-space:nowrap;padding:clamp(8px,1vw,11px) clamp(40px,5vw,64px);background-color:transparent;border:1px solid rgba(255,255,255,.4);border-radius:8px;color:#fffc;font-family:IBM Plex Sans Arabic,sans-serif;font-weight:500;font-size:clamp(15px,1.7vw,19px);cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.link-btn:active{background-color:#ffffff1a;border-color:#ffffffb3}.fireworks{position:fixed;inset:0;z-index:999;pointer-events:none}