.wrapper{background-image:url(../media/top_bg_mb.cfab9c89.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;position:relative}@media (min-width:768px){.wrapper{background-image:url(../media/top_bg_pc.67aa7fe3.jpg)}}.wrapper .container-lg{justify-content:center;align-items:center;width:100%;min-width:320px;height:auto;min-height:100vh;display:flex}.outer{width:100%;max-width:468px}@media (min-width:768px){.outer{max-width:100%}}.logo{color:#fff;text-align:center;padding-bottom:18%;font-size:24px}.logo__image{width:266px;height:auto;display:inline}@media (min-width:425px){.logo__image{width:320px}}@media (min-width:768px){.logo__image{width:440px}}.banner-list{flex-wrap:wrap;width:auto;margin:-4px;display:flex;overflow:hidden}@media (min-width:425px){.banner-list{margin:-10px}}@media (min-width:576px){.banner-list{margin:-16px}}.banner-wrap-notifications{background-clip:padding-box;width:100%}@media (min-width:768px){.banner-wrap-notifications{width:75%}}.notification-card{background:#fff;border-radius:4px;height:100%;padding:16px;box-shadow:0 2px 4px #0000001a}.notification-header{color:#666;border-bottom:1px solid #eee;margin-bottom:12px;padding-bottom:8px;font-size:14px;font-weight:700}.notification-list{flex-direction:column;gap:8px;max-height:200px;display:flex;overflow-y:auto}.notification-item{color:#333;border-radius:4px;align-items:center;gap:8px;padding:8px;text-decoration:none;transition:background-color .2s;display:flex}.notification-item:hover{background-color:#f5f5f5}.badge-new{color:#fff;background:#ff4081;border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:10px;font-weight:700}.notification-title{flex:1;font-size:13px}.banner-wrap{background-clip:padding-box;width:50%;padding:4px}@media (min-width:425px){.banner-wrap{padding:10px}}@media (min-width:576px){.banner-wrap{padding:16px}}@media (min-width:768px){.banner-wrap{width:25%;padding:10px}}@media (min-width:1088px){.banner-wrap{padding:16px}}.banner{box-sizing:border-box;border-radius:5px;margin:0;padding:0;position:relative}.banner:before{content:"";padding-top:100%;display:block}.banner__about{background:#1d86cc}.banner__university{background:#50bea5}.banner__specialty{background:#f8ae25}.banner__graduate{background:#e5808c}.banner__event{background:#9b95c9}.banner__external-link-icon{width:16px;height:16px;position:absolute;top:12px;right:12px}@media (min-width:425px){.banner__external-link-icon{width:18px;height:18px;top:18px;right:18px}}@media (min-width:576px){.banner__external-link-icon{width:24px;height:24px;top:24px;right:24px}}@media (min-width:768px){.banner__external-link-icon{width:18px;height:18px;top:18px;right:18px}}@media (min-width:1088px){.banner__external-link-icon{width:24px;height:24px;top:24px;right:24px}}.banner__icon{width:40px;height:40px;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}@media (min-width:425px){.banner__icon{width:50px;height:50px}}@media (min-width:576px){.banner__icon{width:60px;height:60px}}@media (min-width:768px){.banner__icon{width:50px;height:50px}}@media (min-width:1088px){.banner__icon{width:60px;height:60px}}.banner__text{box-sizing:border-box;color:#fff;text-align:center;width:100%;padding:0 8px;font-size:13px;position:absolute;top:64%;left:50%;transform:translate(-50%)}@media (min-width:425px){.banner__text{font-size:15px}}@media (min-width:576px){.banner__text{font-size:17px}}@media (min-width:768px){.banner__text{font-size:15px}}@media (min-width:1088px){.banner__text{font-size:17px}}