.notificationPage_container__iXvfJ{display:flex;justify-content:center;align-items:center;flex-direction:row;height:100vh;padding:40px;background-color:#f9fafb;gap:32px;box-sizing:border-box;font-family:Pretendard,sans-serif;background-image:url(/usual/resized_image.png);background-repeat:no-repeat;background-size:cover;background-position:50%}.notificationPage_bg__jQoqk{width:100%;height:100vh;overflow-y:hidden}.notificationPage_groupList__Kf6eF{width:30%;background:linear-gradient(transparent,rgb(255,255,255));height:30vh}.notificationPage_groupList__Kf6eF,.notificationPage_messageList__nAfcF{border-radius:16px;box-shadow:0 2px 10px rgba(0,0,0,.05);padding:20px;overflow-y:auto}.notificationPage_messageList__nAfcF{flex-grow:1;background:#ffffff}.notificationPage_groupItem__NB1Wi{padding:12px 16px;border-radius:12px;cursor:pointer;transition:background .2s ease;display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.notificationPage_groupItem__NB1Wi:hover{background-color:#f0f0f0}.notificationPage_groupName__ivWAV{font-size:16px;font-weight:600}.notificationPage_unreadCount__5eOP5{background-color:#7f72f5;color:white;font-size:12px;padding:4px 8px;border-radius:999px}.notificationPage_messageItem__r9Gmx{padding:14px 18px;border-bottom:1px solid #ececec}.notificationPage_sender__bOSEB{font-weight:600;margin-bottom:4px}.notificationPage_content__SfF7x{font-size:15px;margin-bottom:4px;color:#333}.notificationPage_sentAt__dHnz7{font-size:12px;color:#888}.Group_groupList__ixxmK{display:flex;flex-direction:column;gap:24px;width:30%;height:70vh;border-radius:36px;background:linear-gradient(transparent,rgb(163,100,246));padding:20px;margin-bottom:120px;box-shadow:0 2px 30px rgba(226,217,217,.802);overflow-y:auto}.Group_groupItemWrapper__XgUvW{position:relative}.Group_overlappingCard__Y2aVQ{position:absolute;left:0;right:0;margin:0 auto;width:100%;height:72px;background-color:#f5f5f5a0;border-radius:12px}.Group_groupItem__hGbBp{display:flex;align-items:center;padding:12px;border-radius:12px;background-color:#727272;cursor:pointer;position:relative;box-shadow:0 2px 6px rgba(0,0,0,.1)}.Group_messageList__WfbDX{overflow:hidden}.Group_expandedMessageCard__3arp0{display:flex;align-items:center;padding:12px;margin-top:12px;border-radius:12px;background-color:#393838;box-shadow:0 2px 6px rgba(0,0,0,.08);cursor:pointer}.Group_avatar__6vLzp{width:50px;height:50px;border-radius:50%;object-fit:cover;margin-right:16px}.Group_right__HIKiB{display:flex;margin-left:auto}.Group_textArea__FG6Ch{flex:1 1;display:flex;flex-direction:column;gap:4px}.Group_project__oh4My{font-weight:600;color:#ffffff;display:flex;align-items:center;gap:8px}.Group_lastMessage__3n3Gr{font-size:14px;color:#c8c8c8}.Group_lastMessageAt__3i9UO{margin-left:auto;font-size:12px;color:#ffffff}.Group_badge__paSeK{display:flex;background-color:#7f72f5;color:#fff;padding:8px;border-radius:50%;font-size:12px;width:8px;height:8px;margin-left:auto;justify-content:center;align-items:center}.mainNavigationbar_font_container__O4QHa{display:flex;flex-direction:column;justify-content:center;align-items:center;padding-left:80px}.mainNavigationbar_title__lHzVJ{color:var(--Neutral-8,#7b95b7);font-family:DM Sans;font-size:28px;font-weight:700;line-height:34px;cursor:pointer}.mainNavigationbar_font_container__O4QHa>.mainNavigationbar_row__dcPgV{display:flex;align-items:center;justify-content:center;gap:50px}.mainNavigationbar_font__aRW7w{width:50px;color:var(--Neutral-10,#6686b0);text-align:center;font-family:DM Sans;font-size:16px;font-style:normal;font-weight:700;line-height:24px;cursor:pointer;transition:all .2s ease}.mainNavigationbar_font__aRW7w:hover{background-color:transparent;transform:translateY(-4px)}.mainNavigationbar_login_container__yI7hd{display:flex;justify-content:center;align-items:center;gap:15px;margin-right:-50px}.mainNavigationbar_container__3HJCK{display:flex;justify-content:space-between;align-items:center;padding:24px 64px;position:-webkit-sticky;position:sticky;top:0;z-index:100;background:linear-gradient(180deg,rgba(0,0,0,.1) 0,rgba(193,193,193,.15) 40%,rgba(167,167,167,.3));backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-bottom:1px solid rgba(255,255,255,.05);transition:all .3s ease}.mainNavigationbar_scrolled__582xp{padding:24px 64px;background:transparent;box-shadow:0 4px 16px rgba(0,0,0,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes mainNavigationbar_fadeSlideDown____a_U{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.mainNavigationbar_profile__qQJfY{padding:8px 16px;font-weight:600;background-color:transparent;border-radius:999px;font-size:17px;transition:all .2s ease;color:#7b95b7}.mainNavigationbar_profile__qQJfY:hover{background-color:transparent;transform:translateY(-4px)}.mainNavigationbar_notificationWrapper__h20Ca{width:44px;height:44px;background-color:transparent;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .25s ease;cursor:pointer;transform:translateY(0)}.mainNavigationbar_notificationWrapper__h20Ca:hover{transform:translateY(-4px)}.mainNavigationbar_notificationIcon__lV0kJ{width:28px;height:28px;animation:mainNavigationbar_blink__olYK3 1.2s steps(1) infinite}@keyframes mainNavigationbar_blink__olYK3{50%{opacity:.4}}.mainNavigationbar_dropdownMenu__DgrDn{position:absolute;top:100%;right:0;margin-top:8px;background-color:#ffffff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 8px 20px rgba(0,0,0,.08);padding:10px 0;min-width:160px;z-index:1000;animation:mainNavigationbar_dropdownFadeIn__7mz8s .2s ease-out}@keyframes mainNavigationbar_dropdownFadeIn__7mz8s{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.mainNavigationbar_dropdownItem__r23cm{display:flex;align-items:center;padding:12px 20px;font-size:15px;font-weight:500;color:#2d3748;background-color:transparent;cursor:pointer;transition:background-color .25s ease,color .25s ease;white-space:nowrap}.mainNavigationbar_dropdownItem__r23cm:hover{background-color:#f5f8fc;color:#1a202c}.mainNavigationbar_navList__r75vs{cursor:pointer;padding-left:10px;padding-right:20px;width:40px;height:40px;transition:transform .25s ease;transform:translateY(0)}.mainNavigationbar_navList__r75vs:hover{transform:translateY(-4px);color:#7b95b7}.mainNavigationbar_loginItem__UlP0X{font-size:20px!important;color:#ffffff!important;font-weight:500!important;margin-right:30px!important;cursor:pointer}.profile_container__CYebx{display:flex;flex-direction:column;overflow-y:hidden;width:100%;height:100vh}.BackButton_backButton__p21TB{position:fixed;bottom:30px;left:30px;display:flex;align-items:center;gap:6px;background-color:#31394a;color:#c5b9b9;border:none;border-radius:25px;padding:10px 14px;font-size:14px;font-weight:500;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.15);transition:all .2s ease}.BackButton_backButton__p21TB:hover{transform:scale(1.05);background-color:#28406f}.section_container__FKNB7{height:100vh;background:rgba(255,255,255,.02);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.section_container__FKNB7,.section_content__0PwHi{display:flex;flex-direction:column;align-items:center}.section_content__0PwHi{padding-top:200px;width:100%;max-width:1280px}.section_heading__euPwz{text-align:center;font-feature-settings:"liga" off,"clig" off;font-family:Futura,sans-serif;font-size:40px;font-weight:600;background:linear-gradient(90deg,#d838c9,#482cbb);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:flex;align-items:center;gap:12px;margin-bottom:18px}.section_description__haM0q{color:#c4c2ea;text-align:center;font-family:DM Sans,sans-serif;font-size:18px;font-weight:300;line-height:28px;max-width:720px;margin-bottom:50px}.section_grid__yS5Rb{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:40px;gap:40px;width:100%;max-width:1000px}.section_element__uuytM{display:flex;flex-direction:column;align-items:center;transition:transform .3s ease}.section_element__uuytM:hover{transform:translateY(-6px)}.section_element__uuytM img{width:180px;height:180px;object-fit:cover;border-radius:20px;box-shadow:0 6px 20px rgba(0,0,0,.15);transition:transform .3s ease}.section_element__uuytM img:hover{transform:scale(1.06)}.section_cardTitle__USuUE{color:#e8e4ff;text-align:center;font-family:DM Sans,sans-serif;font-size:22px;font-weight:600;margin-top:14px}.section_cardDesc__Us2eO{color:#aaa8c5;text-align:center;font-family:DM Sans,sans-serif;font-size:15px;font-weight:400;margin-top:6px}