:root{--frame-color:#1a1a1a;--frame-border-width:5px;--iphone-radius:35px}.iphone-container{z-index:10;position:relative}.iphone-frame{border-radius:var(--iphone-radius);width:100%;height:100%;box-shadow:0 0 0 var(--frame-border-width)var(--frame-color),0 0 0 calc(var(--frame-border-width) + 2px)#333,0 25px 50px -12px #00000080;z-index:2;background-color:#000;position:relative;overflow:hidden}.screen-content{border-radius:calc(var(--iphone-radius) - 4px);background-color:#000;width:100%;height:100%;position:relative;overflow:hidden}.bg-image{opacity:0;z-index:1;background-position:50%;background-size:cover;width:100%;height:100%;transition:opacity 1s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0}.bg-image.active{opacity:1;z-index:2}.home-indicator{z-index:30;background-color:#fffc;border-radius:10px;width:40%;height:5px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.floating-card{z-index:99;opacity:0;width:90%;animation:.8s ease-out forwards floatAppear;position:absolute;transform:translateY(20px)}.floating-card img{width:100%;height:auto;display:block}@keyframes floatAppear{to{opacity:1;transform:translateY(0)}}