.iphone-mockup-container{width:100%;display:flex;justify-content:center;align-items:center;padding:1rem}.iphone-mockup{position:relative;width:280px;height:570px;background-color:white;border-radius:36px;box-shadow:0 25px 50px -12px rgba(0,0,0,.25),0 15px 30px -15px rgba(0,0,0,.3),inset 0 -2px 6px 0 rgba(10,37,64,.35);border:5px solid #1a1a1c;overflow:hidden;transform:scale(.9)}@media (min-width:640px){.iphone-mockup{width:320px;height:650px;border-radius:40px;border:6px solid #1a1a1c;transform:scale(1)}}@media (min-width:768px){.iphone-mockup{width:340px;height:700px}}@media (min-width:1024px){.iphone-mockup{width:375px;height:812px}}.notch{position:absolute;width:120px;height:25px;background-color:#1a1a1c;top:0;left:50%;transform:translateX(-50%);border-bottom-left-radius:14px;border-bottom-right-radius:14px;z-index:10}@media (min-width:640px){.notch{width:150px;height:30px;border-bottom-left-radius:18px;border-bottom-right-radius:18px}}.orbit{position:relative;width:220px;height:220px}@media (min-width:640px){.orbit{width:260px;height:260px}}@media (min-width:768px){.orbit{width:280px;height:280px}}@media (min-width:1024px){.orbit{width:300px;height:300px}}.orbit-circle{position:absolute;border-radius:50%;top:0;left:0;right:0;bottom:0;margin:auto;opacity:0}.orbit-1{width:100%;height:100%}.orbit-1,.orbit-2{background:radial-gradient(circle,rgba(20,184,166,.05) 0,rgba(20,184,166,0) 100%);border:1px solid rgba(255,255,255,.5)}.orbit-2{width:80%;height:80%}.orbit-3{width:60%;height:60%;background:radial-gradient(circle,rgba(20,184,166,.05) 0,rgba(20,184,166,0) 100%);border:1px solid rgba(255,255,255,.5)}.orbit-4{width:40%;height:40%;background:radial-gradient(circle,rgba(20,184,166,.2) 0,rgba(20,184,166,0) 100%);border:1px solid rgba(255,255,255,.7)}.main-btn{position:absolute;width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(20,184,166,1);color:white;font-size:2rem;box-shadow:0 10px 10px rgba(0,0,0,.15),0 4px 4px rgba(0,0,0,.1),0 1px 0 rgba(0,0,0,.05);backdrop-filter:blur(50px);top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;opacity:0}@media (min-width:640px){.main-btn{width:90px;height:90px}}@media (min-width:768px){.main-btn{width:100px;height:100px}}.main-btn svg{width:40px;height:40px}@media (min-width:640px){.main-btn svg{width:45px;height:45px}}@media (min-width:768px){.main-btn svg{width:50px;height:50px}}.status-bar{display:flex;justify-content:space-between;padding:5px 20px;font-size:12px;font-weight:600;color:#000;margin-top:15px;z-index:5;position:relative}@media (min-width:640px){.status-bar{font-size:14px}}@media (min-width:768px){.status-bar{font-size:15px}}.home-indicator{width:100px;height:4px;background-color:#000;border-radius:100px;margin:0 auto}@media (min-width:640px){.home-indicator{width:120px;height:5px}}@media (min-width:768px){.home-indicator{width:134px}}.orbital-element{position:absolute;top:50%;left:50%;transform-origin:0 0;opacity:0}.orbital-item{position:absolute;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 5px 10px rgba(0,0,0,.1),0 3px 3px rgba(0,0,0,.05),0 1px 0 rgba(0,0,0,.05);transform:translate(-50%,-50%)}@media (min-width:640px){.orbital-item{width:40px;height:40px}}@media (min-width:768px){.orbital-item{width:44px;height:44px}}.feature-btn{background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(255,255,255,.8));border:1px solid rgba(255,255,255,.4)}.avatar,.feature-btn{backdrop-filter:blur(50px)}.avatar{background-size:cover}.pulse{animation:pulse 2s infinite;animation-delay:2s}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(20,184,166,.4)}70%{box-shadow:0 0 0 10px rgba(20,184,166,0)}to{box-shadow:0 0 0 0 rgba(20,184,166,0)}}@keyframes orbit{0%{transform:rotate(0deg) translateX(90px) rotate(0deg)}to{transform:rotate(1turn) translateX(90px) rotate(-1turn)}}@media (min-width:640px){@keyframes orbit{0%{transform:rotate(0deg) translateX(105px) rotate(0deg)}to{transform:rotate(1turn) translateX(105px) rotate(-1turn)}}}@media (min-width:768px){@keyframes orbit{0%{transform:rotate(0deg) translateX(120px) rotate(0deg)}to{transform:rotate(1turn) translateX(120px) rotate(-1turn)}}}.fade-in-up{opacity:0;transform:translateY(20px)}.fade-in{opacity:0}.scale-up{opacity:0;transform:scale(.95)}.page-content button,.page-content h1,.page-content p{opacity:0}.page-content{height:calc(100% - 60px);overflow-y:auto}