.iphone-container{perspective:2000px;width:100%;max-width:320px;margin:0 auto}.iphone-frame{position:relative;width:100%;aspect-ratio:9/19.5;background:#0d0d0d;border-radius:54px;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.8,.2,1);box-shadow:0 50px 100px -20px rgba(0,0,0,.5),0 30px 60px -30px rgba(0,0,0,.5),inset 0 0 2px 2px rgba(255,255,255,.05)}.iphone-frame:before{content:"";inset:-2px;border-radius:56px;padding:2px;background:linear-gradient(135deg,#2c2c2e,#1c1c1e 50%,#2c2c2e);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.iphone-buttons,.iphone-frame:before{position:absolute;pointer-events:none}.iphone-buttons{inset:0;z-index:-1}.button{position:absolute;background:#2c2c2e;border-radius:2px;box-shadow:inset 0 0 2px rgba(0,0,0,.5)}.button.silent{width:2px;height:24px;left:-2px;top:100px}.button.volume-up{width:2px;height:50px;left:-2px;top:150px}.button.volume-down{width:2px;height:50px;left:-2px;top:210px}.button.power{width:2px;height:80px;right:-2px;top:180px}.iphone-screen-container{position:absolute;inset:12px;background:#000;border-radius:42px;overflow:hidden;transform:translateZ(10px);box-shadow:0 0 0 2px #111;display:flex;flex-direction:column}.status-bar{position:absolute;top:0;left:0;right:0;height:44px;padding:0 32px;justify-content:space-between;z-index:60;color:white;font-size:13px;font-weight:600;letter-spacing:-.2px;pointer-events:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.status-bar,.status-right{display:flex;align-items:center}.status-right{gap:5px}.status-icon.signal{width:18px;height:12px;display:flex;align-items:flex-end;gap:1.5px}.status-icon.signal span{width:3px;background:white;border-radius:.5px}.status-icon.signal span:first-child{height:30%}.status-icon.signal span:nth-child(2){height:50%}.status-icon.signal span:nth-child(3){height:75%}.status-icon.signal span:nth-child(4){height:100%}.status-icon.wifi{width:16px;height:16px;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.battery{width:25px;height:12px;border:1px solid rgba(255,255,255,.35);border-radius:4px;padding:1.5px;position:relative;display:flex;align-items:center}.battery:after{content:"";position:absolute;right:-3.5px;top:3.5px;width:1.5px;height:4px;background:rgba(255,255,255,.35);border-radius:0 1.5px 1.5px 0}.battery-level{height:100%;background:white;border-radius:1.5px}.home-indicator{bottom:8px;width:120px;height:5px;background:rgba(255,255,255,.3);border-radius:10px;z-index:60;pointer-events:none}.dynamic-island,.home-indicator{position:absolute;left:50%;transform:translateX(-50%)}.dynamic-island{top:18px;width:90px;height:28px;background:#000;border-radius:20px;z-index:50;display:flex;align-items:center;justify-content:flex-end;padding-right:12px}.camera-dot{width:6px;height:6px;border-radius:50%;background:radial-gradient(circle at center,#1a1a2e 0,#000 100%);opacity:.6}.screen-content{width:100%;height:100%;position:relative;z-index:10;background:#000}.glass-reflection{position:absolute;inset:0;background:linear-gradient(125deg,rgba(255,255,255,.1),rgba(255,255,255,0) 40%,rgba(255,255,255,.05) 60%,rgba(255,255,255,0));pointer-events:none;z-index:20;border-radius:42px}@media (max-width:768px){.iphone-frame{animation:none;transform:rotateX(0deg) rotateY(0deg)}}