.phone{background:var(--app-bezel);width:30em;height:62em;box-shadow:0 0 0 2px color-mix(in srgb, var(--app-white) 6%, transparent), 0 2.4em 6em color-mix(in srgb, var(--app-black) 55%, transparent), 0 0 9em color-mix(in srgb, var(--app-purple-glow) 35%, transparent);border-radius:3.2em;flex-shrink:0;padding:.9em;font-size:10px;position:relative}.notch{background:var(--app-bezel);z-index:8;border-radius:0 0 1em 1em;width:9em;height:1.6em;position:absolute;top:.9em;left:50%;transform:translate(-50%)}.screen{width:100%;height:100%;color:var(--app-white);background:radial-gradient(27em 27em at 15% -10%, var(--app-purple-glow), transparent 100%), radial-gradient(27em 27em at 85% 110%, var(--app-purple-dark), transparent 100%), var(--app-surface);border-radius:2.4em;position:relative;overflow:hidden}@media (max-width:760px){.phone{font-size:5.4px}}