UPD. Иноформация в ответе устарела

НИУ ВШЭ сейчас самый топ: ПИ, ПМИ, Анализ данных.
МФТИ в Мск отличный выбор, правда сейчас там все заняты исключительно научной деятельностью, тем не менее отличные факультеты там есть для программиста: ФИВТ, ФУПМ.
МГУ только ВМК могу посоветовать. Есть несколько знакомых и друзей, и они вполне хорошо себя чувствуют и работают.
МИФИ если только на безопасность(пока не поздно, т.к. они сокращают факультеты), т.е. это КИБ.
В Бауманку на программную инженерию(но сейчас там не очень хорошо учиться, ухудшилось образование и состав преподавателей уже не тот).
На крайний случай можно посмотреть в сторону МИРЭА(сейчас МТУ). Это кибернетика или информационные технологии. В основном пытался указывать факультеты, которые не требуют физики или химии для поступления.
Приоритетность сверху вниз.

UPD: Написал статью, где более менее описал текущую ситуацию *статья на хабре*

Создаешь анимацию
@keyframe animat{
from{
top: 40px;
}
to{
top: 70px;
}
}
И у объекта div {
animation: animat 3s;
animation-direction: reverse;
}

1. автоматическая очистка кэша
2. не сильно, хотя на мобильных устройствах лучше вообще избегать подобных эффектов. С тенью и без разницы мало.
3. максимальные величины лучше указывать в пикселях для разных типов экранов. Скругленные края почти никак не влияют.
4. В момент загрузки.
Используй пиксели для max-width. Остальное в процентах/em/rem/pt. Особых отличий нет.
Главное не перегружать страницу и избавиться от эффектов.

window.innerHeight:
On return, intViewportHeight is the height of the browser window's viewport.
The window.innerHeight property is read only; it has no default value.

HTMLElement.offsetHeight - высота элемента с учетом вертикальных полей и границ в пикселях. Свойство неизменяемое, только для чтения. Возвращаемое значение - целочисленное.

Следовательно могу предположить, что одно ориентируется на окно, а второе на блок(в данном случае на body)