.user-dropdown{position:relative;display:inline-block;transform:translateZ(0);animation:user-dropdown-fade-in .15s ease-out}@keyframes user-dropdown-fade-in{0%{opacity:0}to{opacity:1}}.user-dropdown__trigger{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:transparent;border:1px solid var(--color-border,#e5e7eb);border-radius:9999px;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease;font-size:.875rem;font-weight:500;color:var(--color-text-primary,#000)}.user-dropdown__trigger:hover{background:var(--color-gray-50,#f9fafb);border-color:var(--color-border-dark,#d1d5db);box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.user-dropdown__trigger:focus{outline:2px solid var(--color-gray-300,#d1d5db);outline-offset:2px}.user-dropdown__trigger:active{transform:scale(.98)}.user-dropdown__profile-image{width:28px;height:28px;border-radius:50%;object-fit:cover;border:1px solid var(--color-border-light,#e5e7eb)}.user-dropdown__profile-placeholder{width:28px;height:28px;border-radius:50%;background:var(--color-gray-100,#f3f4f6);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary,#6b7280)}.user-dropdown__profile-loading{width:28px;height:28px;border-radius:50%;background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.user-dropdown__name{line-height:1}.user-dropdown__icon{transition:transform .2s ease;color:var(--color-text-secondary,#6b7280)}.user-dropdown__icon--open{transform:rotate(180deg)}.user-dropdown__menu{position:absolute;top:calc(100% + .5rem);right:0;min-width:12rem;background:white;border:1px solid var(--color-border,#e5e7eb);border-radius:.75rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);z-index:50;animation:dropdown-fade-in .15s ease-out;overflow:hidden}@keyframes dropdown-fade-in{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}.user-dropdown__item{width:100%;padding:.75rem 1rem;text-align:left;background:transparent;border:none;cursor:pointer;transition:background-color .15s ease;font-size:.875rem;font-weight:500;color:var(--color-text-primary,#000)}.user-dropdown__item:hover{background:var(--color-gray-50,#f9fafb)}.user-dropdown__item:focus{outline:none;background:var(--color-gray-100,#f3f4f6)}.user-dropdown__item--with-divider{border-top:1px solid var(--color-border-light,#e5e7eb);margin-top:.25rem;padding-top:.75rem}.user-dropdown__tooltip{position:absolute;top:50%;right:calc(100% + .75rem);transform:translateY(-50%);background:#ff6b35;color:white;padding:.75rem 1rem;border-radius:.5rem;font-size:.8125rem;font-weight:500;white-space:nowrap;z-index:60;box-shadow:0 4px 12px rgba(255,107,53,.3);cursor:pointer;animation:tooltip-slide-in .3s ease-out}@keyframes tooltip-slide-in{0%{opacity:0;transform:translateY(-50%) translateX(8px)}to{opacity:1;transform:translateY(-50%) translateX(0)}}.user-dropdown__tooltip:hover{background:#e65a2b;box-shadow:0 6px 16px rgba(255,107,53,.4)}.user-dropdown__tooltip-content{display:flex;align-items:center;gap:.5rem}.user-dropdown__tooltip-close{background:transparent;border:none;color:white;font-size:1.25rem;line-height:1;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .15s ease}.user-dropdown__tooltip-close:hover{background:rgba(255,255,255,.2)}.user-dropdown__tooltip-arrow{position:absolute;top:50%;right:-6px;width:12px;height:12px;background:#ff6b35;transform:translateY(-50%) rotate(45deg)}@media (max-width:640px){.user-dropdown__trigger{padding:.375rem .625rem;font-size:.8125rem}.user-dropdown__menu{min-width:10rem}.user-dropdown__item{padding:.625rem .875rem;font-size:.8125rem}.user-dropdown__profile-image,.user-dropdown__profile-loading,.user-dropdown__profile-placeholder{width:24px;height:24px}.user-dropdown__tooltip{font-size:.75rem;padding:.625rem .875rem}.user-dropdown__tooltip-arrow{right:-6px}}.navigation{background:#ffffff;border-bottom:1px solid var(--color-border-light);position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky);box-shadow:var(--shadow-sm)}.navigation--transparent{background:transparent;border-bottom:none;box-shadow:none}.navigation__container{max-width:var(--container-2xl);margin:0 auto;padding:0 var(--space-4);height:var(--nav-height);justify-content:space-between}.navigation__brand,.navigation__brand-link,.navigation__container{display:flex;align-items:center}.navigation__brand-link{gap:var(--space-2);text-decoration:none;transition:all var(--duration-normal) var(--ease-out)}.navigation__brand-link:hover .navigation__logo{transform:scale(1.05)}.navigation__brand-link:active .navigation__company-name,.navigation__brand-link:active .navigation__logo{transform:scale(.95)}.navigation__logo{height:var(--space-5);width:auto;object-fit:contain}.navigation__company-name,.navigation__logo{transition:transform var(--duration-normal) var(--ease-out)}.navigation__company-name{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);line-height:var(--leading-none);color:var(--color-text-primary)}.navigation__menu{display:flex;list-style:none;margin:0;padding:0;gap:var(--space-8);flex:1 1;justify-content:flex-end}.navigation__item{margin:0}.navigation__menu:has(.navigation__item:not(.navigation__item--right)){justify-content:flex-start}.navigation__link{color:var(--color-text-secondary);text-decoration:none;font-weight:var(--font-weight-medium);transition:color var(--duration-normal) var(--ease-out);font-size:var(--text-base);padding:var(--space-2) var(--space-1);border-radius:var(--radius-md)}.navigation__link:hover{color:var(--color-brand-primary)}.navigation__link:focus{outline:2px solid var(--color-brand-primary);outline-offset:2px}.navigation__link--button{width:100%;background:transparent;border:none;cursor:pointer}.navigation__item--right{margin-left:auto;padding-left:var(--space-5)}.navigation__auth-link{display:flex;align-items:center;gap:.5rem;font-size:var(--text-base)}@media (min-width:769px){.navigation__auth-link{font-size:var(--text-lg)}}.navigation__item--user-header{padding:var(--space-3) var(--space-2);border-top:1px solid var(--color-border-light);margin-top:var(--space-2)}.navigation__user-name{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-size:var(--text-base)}.navigation__mobile-toggle{display:none;flex-direction:column;gap:var(--space-1);background:transparent;border:none;cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);transition:background-color var(--duration-normal) var(--ease-out)}.navigation__mobile-toggle:hover{background-color:var(--color-gray-100)}.navigation__mobile-toggle:focus{outline:2px solid var(--color-brand-primary);outline-offset:2px}.navigation__burger{width:var(--space-6);height:2px;background:var(--color-text-secondary);transition:all var(--duration-slow) var(--ease-in-out);border-radius:1px}@media (max-width:768px){.navigation__mobile-toggle{display:flex}.navigation__menu{position:absolute;top:var(--nav-height);left:0;right:0;background:#ffffff;flex-direction:column;padding:var(--space-6) var(--space-10);border-bottom:1px solid var(--color-border-light);box-shadow:var(--shadow-md);transform:translateY(-100%);opacity:0;pointer-events:none;transition:all var(--duration-slow) var(--ease-in-out);gap:var(--space-1)}.navigation__menu--open{transform:translateY(0);opacity:1;pointer-events:all}.navigation__item{text-align:right;width:100%}.navigation__item--user-header{padding:var(--space-3) 0}.navigation__link{font-size:var(--text-base)}.navigation__link,.navigation__link--button{text-align:right;display:block;padding:var(--space-3) 0;color:#000000;font-weight:var(--font-weight-medium)}.navigation__link--button{width:100%}.navigation__item--with-divider{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border-light)}.navigation__item--with-divider .navigation__link,.navigation__item--with-divider .navigation__link--button{color:#000000}.navigation__item .navigation__auth-link,.navigation__item>span{display:block;text-align:right;width:100%;padding:var(--space-3) 0;color:#000000;font-weight:var(--font-weight-medium);font-size:var(--text-base)}.navigation__item .navigation__sign-in-btn{width:100%;text-align:right;display:block}}.navigation__sign-in-btn{background:transparent!important;border:1px solid var(--color-border)!important;color:var(--color-text-primary)!important;border-radius:var(--radius-full)!important;padding:var(--space-2) var(--space-4)!important;font-size:var(--text-sm)!important;font-weight:var(--font-weight-medium)!important;transition:all var(--duration-normal) var(--ease-out)!important;box-shadow:none!important}.navigation__sign-in-btn:hover{background:var(--color-gray-50)!important;border-color:var(--color-border-dark)!important;color:var(--color-text-primary)!important;box-shadow:var(--shadow-sm)!important}.navigation__sign-in-btn:focus{outline:2px solid var(--color-gray-300)!important;outline-offset:2px!important;background:var(--color-gray-50)!important}@media (max-width:480px){.navigation__container{padding:0 var(--space-4);height:var(--nav-height-mobile)}.navigation__logo{height:var(--space-4)}.navigation__company-name{font-size:var(--text-lg)}.navigation__menu{padding:var(--space-5) var(--space-4);top:var(--nav-height-mobile)}.navigation__link{font-size:var(--text-base)}.navigation__link,.navigation__link--button{padding:var(--space-3) 0;text-align:right;color:#000000}.navigation__item .navigation__auth-link,.navigation__item>span{padding:var(--space-3) 0;font-size:var(--text-base);color:#000000}.navigation__sign-in-btn{padding:var(--space-1) var(--space-3)!important;font-size:var(--text-xs)!important}.navigation__item--with-divider{border-top:1px solid var(--color-border-light);margin-top:var(--space-4);padding-top:var(--space-4)}}@media (min-width:480px){.navigation__container{padding:0 var(--space-6)}.navigation__logo{height:var(--space-4)}}@media (min-width:768px){.navigation__container{padding:0 var(--space-14)}.navigation__logo{height:var(--space-5)}}@media (min-width:1024px){.navigation__container{padding:0 var(--space-20)}.navigation__logo{height:var(--space-6)}}@media (min-width:1440px){.navigation__container{padding:0 var(--space-24)}.navigation__logo{height:var(--space-6)}}.footer{background:#f7f8ff;color:#000000;padding:60px 0 0;margin-top:auto}.footer__container{max-width:var(--container-2xl);margin:0 auto;padding:0 var(--space-4)}.footer__content{display:grid;grid-template-columns:1fr auto;grid-gap:40px;gap:40px;padding-bottom:40px;align-items:start}.footer__left{max-width:300px}.footer__brand-row{display:flex;align-items:center;gap:24px;margin-bottom:4px}.footer__right{display:flex;flex-direction:column;gap:16px;align-items:flex-end}.footer__company-name{font-size:18px;font-weight:700;color:#000000}.footer__tagline{color:#4a5568;margin:0 0 24px;line-height:1.6}.footer__social{display:flex;gap:16px}.footer__social-link{width:40px;height:40px;background:transparent;display:flex;align-items:center;justify-content:center;color:#000000;text-decoration:none;transition:all .2s ease}.footer__social-link:hover{color:#667eea;transform:translateY(-2px)}.footer__horizontal-links{display:flex;gap:32px;flex-wrap:wrap;justify-content:flex-end}.footer__section-title{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin:0 0 20px;color:#2d3748}.footer__links{list-style:none;padding:0;margin:0}.footer__links li{margin-bottom:12px}.footer__link{color:#4a5568;text-decoration:none;transition:color .2s ease;font-size:15px}.footer__link:hover{color:#667eea}.footer__bottom{border-top:1px solid rgba(0,0,0,.1);padding:24px 0;text-align:center}.footer__language{margin:0;display:flex;align-items:center}.footer__language--mobile{display:none}.footer__copyright{color:#4a5568;margin:0;font-size:14px}@media (max-width:480px){.footer__container{padding:0 var(--space-8)}.footer__content{grid-template-columns:1fr;gap:32px;text-align:center}.footer__left{max-width:none}.footer__brand-row{justify-content:center;flex-wrap:wrap;gap:12px;margin-bottom:16px}.footer__right{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px 24px;gap:12px 24px;text-align:left;max-width:300px;margin:0 auto;padding-left:20px}.footer__horizontal-links{display:contents}.footer__social{gap:0;width:-moz-fit-content;width:fit-content}.footer{padding:40px 0 0}.footer__company-name{margin-bottom:0}.footer__tagline{margin-bottom:16px;font-size:14px}.footer__language--desktop{display:none}.footer__language--mobile{display:flex;justify-content:center;margin-bottom:0}.footer__section-title{font-size:16px;margin-bottom:12px}.footer__link{font-size:14px;padding:8px 0}.footer__bottom{padding:16px 0;text-align:center}.footer__copyright{font-size:12px}}@media (min-width:480px){.footer__container{padding:0 var(--space-6)}}@media (min-width:768px){.footer__container{padding:0 var(--space-10)}}@media (max-width:768px){.footer__content{grid-template-columns:1fr;gap:32px;text-align:center}.footer__left{max-width:none}.footer__brand-row{justify-content:center;flex-wrap:wrap;gap:12px}.footer__right{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px 24px;gap:12px 24px;text-align:left;max-width:300px;margin:0 auto;padding-left:20px}.footer__horizontal-links{display:contents}.footer__social{gap:0;width:-moz-fit-content;width:fit-content}.footer{padding:40px 0 0}}@media (min-width:1024px){.footer__container{padding:0 var(--space-16)}}@media (min-width:1440px){.footer__container{padding:0 var(--space-20)}}.hls-player{width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:transparent}.iphone-frame{display:block;position:relative}.iphone-frame__device{position:relative;width:clamp(10rem,15vw,12.5rem);height:clamp(20.8rem,31.2vw,26rem);background:var(--color-gray-900);border-radius:var(--space-8);padding:var(--space-1);box-shadow:0 10px 30px rgba(0,0,0,.15)}.iphone-frame--iphone14pro .iphone-frame__device{background:linear-gradient(135deg,var(--color-gray-800) 0,var(--color-gray-700) 100%)}.iphone-frame__notch{position:absolute;top:var(--space-1);left:50%;transform:translateX(-50%);width:clamp(4rem,6vw,5rem);height:clamp(.875rem,1.35vw,1.125rem);background:var(--color-gray-900);border-radius:0 0 var(--radius-xl) var(--radius-xl);z-index:10}.iphone-frame__screen{width:100%;height:100%;background:var(--color-gray-900);border-radius:var(--radius-3xl);overflow:hidden;position:relative}.iphone-frame__screen:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.08);pointer-events:none;z-index:1}.iphone-frame__video{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(.95)}.iphone-frame__instagram-overlay{position:absolute;bottom:0;left:0;right:0;padding:var(--space-3) var(--space-3);background:linear-gradient(0deg,rgba(0,0,0,.7) 0,transparent);z-index:5;display:flex;align-items:center;gap:var(--space-1)}.iphone-frame__profile-pic{width:clamp(1rem,2.5vw,var(--space-5));height:clamp(1rem,2.5vw,var(--space-5));border-radius:var(--radius-full);border:none;object-fit:cover;transform:scale(.9);transform-origin:center}.iphone-frame__username{color:var(--color-white);font-size:clamp(.5rem,1.2vw,var(--text-xs));font-weight:var(--font-weight-semibold);font-family:var(--font-family-primary);text-shadow:0 1px 2px rgba(0,0,0,.3);display:inline-flex;align-items:center;gap:clamp(.125rem,.3vw,var(--space-1))}.iphone-frame__verified{width:clamp(.5rem,1.2vw,.625rem);height:clamp(.5rem,1.2vw,.625rem);display:inline-block;vertical-align:middle}.iphone-frame__verified-icon{width:10px;height:10px;display:inline-flex;align-items:center;vertical-align:middle;margin-left:2px}.iphone-frame__verified-svg{width:100%;height:100%}.iphone-frame__follow-btn{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--color-white);font-size:clamp(.438rem,.85vw,.531rem);font-weight:var(--font-weight-semibold);font-family:var(--font-family-primary);padding:clamp(.094rem,.22vw,.125rem) clamp(.188rem,.45vw,.25rem);border-radius:var(--radius-base);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);margin-left:clamp(.125rem,.3vw,var(--space-1));text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.iphone-frame__follow-btn:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.3)}.iphone-frame{transform:rotateY(-10deg) rotateX(5deg) scale(clamp(.8,1vw,1));transform-style:preserve-3d;perspective:1000px;transform-origin:center center}@media (min-width:1440px){.iphone-frame__device{width:13.75rem;height:28.6rem}.iphone-frame__notch{width:5.5rem;height:1.25rem}}@media (min-width:1024px) and (max-width:1440px){.iphone-frame__device{width:11.25rem;height:23.4rem}.iphone-frame__notch{width:4.5rem;height:1rem}}@media (min-width:768px) and (max-width:1024px){.iphone-frame__device{width:10rem;height:20.8rem}.iphone-frame__notch{width:4rem;height:.875rem}.iphone-frame{transform:rotateY(-8deg) rotateX(3deg) scale(.9)}}@media (max-width:768px){.iphone-frame__device{width:clamp(8.75rem,20vw,12rem);height:clamp(18.2rem,41.6vw,25rem);padding:var(--space-1);border-radius:var(--space-6)}.iphone-frame__notch{width:clamp(3.5rem,8vw,4.5rem);height:clamp(.75rem,1.7vw,1.125rem);top:var(--space-1);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.iphone-frame__screen{border-radius:var(--radius-lg)}.iphone-frame{transform:rotateY(-5deg) rotateX(2deg) scale(clamp(.7,2vw,1))}}@media (max-width:480px){.iphone-frame__device{width:clamp(7.5rem,18vw,9rem);height:clamp(15.6rem,37.4vw,18.7rem);padding:var(--space-1);border-radius:var(--radius-md)}.iphone-frame__notch{width:clamp(3rem,7vw,3.75rem);height:clamp(.625rem,1.5vw,.875rem);top:var(--space-1);border-radius:0 0 var(--radius-md) var(--radius-md)}.iphone-frame__screen{border-radius:var(--radius-md)}.iphone-frame{transform:rotateY(-3deg) rotateX(1deg) scale(.8)}}@media (max-width:320px){.iphone-frame__device{width:6.25rem;height:13rem;padding:1px;border-radius:var(--radius-sm)}.iphone-frame__notch{width:2.5rem;height:.5rem;border-radius:0 0 var(--radius-sm) var(--radius-sm)}.iphone-frame__screen{border-radius:var(--radius-sm)}.iphone-frame{transform:rotateY(-2deg) rotateX(.5deg) scale(.7)}}