@keyframes ringBell{0%,50%,to{transform:rotate(0)}5%,15%,25%{transform:rotate(10deg)}10%,20%,30%{transform:rotate(-10deg)}}.animate-notification[data-astro-cid-o7kc6ceu]{animation:ringBell 3s ease-in-out infinite;transform-origin:top center}.phone-container[data-astro-cid-jla2ebom]{max-width:100%;transform-origin:center top;position:relative;height:100%;display:flex;align-items:center;justify-content:center;z-index:1;overflow:hidden}.phone-mockup[data-astro-cid-jla2ebom]{max-height:80vh;-o-object-fit:contain;object-fit:contain;width:auto;height:auto;position:relative;z-index:1;pointer-events:none}.phone-content[data-astro-cid-jla2ebom]{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-left:1.25rem;padding-right:1.25rem}@media (min-width: 768px){.phone-content[data-astro-cid-jla2ebom]{margin-top:8rem}.notifications-container[data-astro-cid-jla2ebom]{max-height:280px}}@media (max-width: 767px){.phone-container[data-astro-cid-jla2ebom],.phone-mockup[data-astro-cid-jla2ebom]{max-height:90vh}.phone-content[data-astro-cid-jla2ebom]{margin-top:4rem}.notifications-container[data-astro-cid-jla2ebom]{max-height:360px}}.absolute[data-astro-cid-jla2ebom]{position:absolute;inset:0}.flex[data-astro-cid-jla2ebom]{display:flex}.flex-col[data-astro-cid-jla2ebom]{flex-direction:column}.items-center[data-astro-cid-jla2ebom]{align-items:center}.justify-start[data-astro-cid-jla2ebom]{justify-content:flex-start}.mt-16[data-astro-cid-jla2ebom]{margin-top:4rem}.px-5[data-astro-cid-jla2ebom]{padding-left:1.25rem;padding-right:1.25rem}.phone-container[data-astro-cid-jla2ebom]{max-width:100%;transform-origin:center top;position:relative;height:100%;display:flex;align-items:center;justify-content:center;z-index:1}.phone-mockup[data-astro-cid-jla2ebom]{max-height:80vh;-o-object-fit:contain;object-fit:contain;width:auto;height:auto;position:relative;z-index:1}.notification-avatar[data-astro-cid-jla2ebom]{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center}.twitch-icon[data-astro-cid-jla2ebom]{background:#6441a5}.instagram-icon[data-astro-cid-jla2ebom]{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.youtube-icon[data-astro-cid-jla2ebom]{background:red}.tiktok-icon[data-astro-cid-jla2ebom]{background:#000}.spotify-icon[data-astro-cid-jla2ebom]{background:#1db954}.kick-icon[data-astro-cid-jla2ebom]{background:#000}.kick-icon[data-astro-cid-jla2ebom] svg[data-astro-cid-jla2ebom]{fill:#53fc18;color:#53fc18}.icon[data-astro-cid-jla2ebom]{font-size:16px}.notification-item[data-astro-cid-jla2ebom]{background-color:#ffffff1a;border-radius:12px;padding:10px 12px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1);position:relative;transform:translateY(-100%);opacity:0;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),opacity .4s ease;margin-bottom:12px;z-index:2}.notification-item[data-astro-cid-jla2ebom].animated{transform:translateY(0);opacity:1}.notification-item[data-astro-cid-jla2ebom]:hover{background-color:#ffffff26;transform:translateY(-2px)}.unread[data-astro-cid-jla2ebom]:after{content:"";position:absolute;top:12px;right:12px;width:8px;height:8px;border-radius:50%;background-color:#f34c04}.timestamp[data-astro-cid-jla2ebom]{color:#fff9;font-size:9px;margin-top:2px}.active-tab[data-astro-cid-jla2ebom]{color:#fff;font-size:12px;font-weight:700;border-bottom:2px solid #f34c04;padding-bottom:4px}.inactive-tab[data-astro-cid-jla2ebom]{color:#fff9;font-size:12px}.notifications-container[data-astro-cid-jla2ebom]{position:relative;overflow:hidden;width:100%;z-index:2}.notifications-container[data-astro-cid-jla2ebom]::-webkit-scrollbar{width:4px}.notifications-container[data-astro-cid-jla2ebom]::-webkit-scrollbar-track{background:transparent}.notifications-container[data-astro-cid-jla2ebom]::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:20px}.animate-pulse[data-astro-cid-jla2ebom]{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-stagger-1[data-astro-cid-jla2ebom]{animation:staggerIn .5s ease-out forwards}.animate-stagger-2[data-astro-cid-jla2ebom]{animation:staggerIn .5s ease-out .2s forwards;opacity:0}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}@keyframes staggerIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.feature-card[data-astro-cid-cmgpsf2k]{position:relative;border:1px solid rgba(0,0,0,.05);overflow:hidden;transition:all .3s ease}.dark .feature-card[data-astro-cid-cmgpsf2k]{border:1px solid rgba(255,255,255,.05)}.feature-card[data-astro-cid-cmgpsf2k]:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a}.dark .feature-card[data-astro-cid-cmgpsf2k]:hover{box-shadow:0 10px 30px #0000004d}.step-number[data-astro-cid-cmgpsf2k]{position:absolute;top:12px;right:12px;width:28px;height:28px;border-radius:50%;background:#f34c04;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.feature-icon-container[data-astro-cid-cmgpsf2k]{transition:all .3s ease}.feature-card[data-astro-cid-cmgpsf2k]:hover .feature-icon-container[data-astro-cid-cmgpsf2k]{transform:scale(1.1);background-color:#f34c0433!important}.animate-on-scroll[data-astro-cid-cmgpsf2k]{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.animate-on-scroll[data-astro-cid-cmgpsf2k].animated{opacity:1;transform:translateY(0)}.animated-heart{display:inline-block;color:#f34c04;animation:heartBeat 3s infinite ease-in-out;transform-origin:center;font-size:1em}@keyframes heartBeat{0%,to{transform:scale(1)}25%{transform:scale(1.2)}50%{transform:scale(1)}75%{transform:scale(1.15)}}@keyframes beatHeart{0%,to{transform:scale(1)}25%{transform:scale(1.2)}50%{transform:scale(1)}75%{transform:scale(1.15)}}main[data-astro-cid-j7pv25f6]{flex-direction:column;overflow-x:hidden;position:relative;overflow-y:hidden;will-change:transform}@media (min-width: 1024px){main[data-astro-cid-j7pv25f6]{flex-direction:row;height:100vh}}#details[data-astro-cid-j7pv25f6]{min-height:80vh;width:100%;z-index:10;display:flex;align-items:center;justify-content:center;will-change:transform,opacity}.phone-section[data-astro-cid-j7pv25f6]{width:100%;position:relative;z-index:5;overflow:hidden;will-change:transform}.phone-wrapper[data-astro-cid-j7pv25f6]{position:relative;max-width:100%;max-height:100%;display:flex;align-items:center;justify-content:center}@media (min-width: 1024px){.phone-section[data-astro-cid-j7pv25f6]{box-shadow:-1px 0 #0000001a;margin-right:0;margin-left:-1px}#details[data-astro-cid-j7pv25f6],.phone-section[data-astro-cid-j7pv25f6]{flex:1 0 50%;height:100vh}}@media (min-width: 769px) and (max-width: 1023px){#details[data-astro-cid-j7pv25f6]>div[data-astro-cid-j7pv25f6]{padding-left:3rem;padding-right:3rem}}html{scroll-behavior:smooth}#details[data-astro-cid-j7pv25f6]>div[data-astro-cid-j7pv25f6]{transform:translateY(0);animation:contentFadeIn .8s ease}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.theme-toggle-button,#language-button{height:40px!important;width:40px!important;background-color:#fff3!important;border:1px solid rgba(255,255,255,.3)!important;color:#fff!important;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition:transform .2s ease,background-color .2s ease!important}.theme-toggle-button:hover,#language-button:hover{background-color:#ffffff4d!important;transform:translateY(-2px);--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);cursor:pointer}