@import url("https://fonts.googleapis.com/css2?family=Graphik:wght@400;500;600;700&display=swap");*{margin:0;padding:0;box-sizing:border-box}:root{--snap-yellow:#fffc00;--snap-black:#000;--snap-white:#fff;--snap-gray:#f7f7f7;--snap-dark-gray:#3c3c3c;--snap-medium-gray:#757575;--snap-light-gray:#e0e0e0;--snap-blue:#0eadff;--snap-link-blue:#1da1f2;--snap-border:#e0e0e0;--snap-text:#1c1c1c;--snap-font:-apple-system,BlinkMacSystemFont,"Helvetica Neue","Segoe UI",Roboto,Arial,sans-serif}body,html{font-family:var(--snap-font);color:var(--snap-text);background-color:var(--snap-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{text-decoration:none;color:inherit}button,input{font-family:var(--snap-font)}button{cursor:pointer}.loading-screen{position:fixed;top:0;inset-inline-start:0;width:100vw;height:100vh;background:var(--snap-white);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;transition:opacity .5s ease,visibility .5s ease}.loading-screen.hidden{opacity:0;visibility:hidden}.loading-logo-container{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1}.loading-logo{width:56px;height:56px;animation:logoPulse 2s ease-in-out infinite}@keyframes logoPulse{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.loading-footer{padding-bottom:40px;text-align:center}.loading-footer p{font-size:11px;color:var(--snap-medium-gray);margin-bottom:4px}.loading-footer span{font-size:14px;font-weight:600;color:var(--snap-text)}.navbar{justify-content:space-between;padding-inline:24px;height:64px;border-bottom:1px solid var(--snap-border);background:var(--snap-white);position:sticky;top:0;z-index:100}.navbar,.navbar-left{display:flex;align-items:center}.navbar-left{gap:12px}.navbar-ghost{width:32px;height:32px;cursor:pointer}.navbar-search{display:flex;align-items:center;background:var(--snap-gray);border-radius:20px;padding-inline:16px;padding-block:6px;gap:8px;min-width:140px}.navbar-search svg{width:16px;height:16px;color:var(--snap-medium-gray)}.navbar-search input{border:none;background:none;font-size:14px;color:var(--snap-medium-gray);outline:none;width:100%}.navbar-center{gap:8px}.nav-item,.navbar-center{display:flex;align-items:center}.nav-item{flex-direction:column;padding:8px 16px;cursor:pointer;position:relative;color:var(--snap-dark-gray);transition:color .2s}.nav-item:hover{color:var(--snap-black)}.nav-item svg{width:24px;height:24px;margin-bottom:2px}.nav-item span{font-size:11px;font-weight:500}.nav-item .badge{position:absolute;top:4px;inset-inline-end:10px;background:var(--snap-blue);color:#fff;font-size:8px;font-weight:700;padding:1px 4px;border-radius:3px;text-transform:uppercase}.navbar-right{gap:12px}.grid-icon,.navbar-right{display:flex;align-items:center}.grid-icon{width:36px;height:36px;justify-content:center;cursor:pointer;border-radius:50%;transition:background .2s}.grid-icon:hover{background:var(--snap-gray)}.grid-icon svg{width:20px;height:20px}.btn-snapchat-ads{background:var(--snap-black);color:var(--snap-white);border:none;border-radius:20px;padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .2s}.btn-snapchat-ads:hover{opacity:.85}.btn-download{background:var(--snap-white);color:var(--snap-black);border:2px solid var(--snap-black);border-radius:20px;padding:6px 16px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.btn-download:hover{background:var(--snap-black);color:var(--snap-white)}.main-content{display:flex;align-items:flex-start;max-width:1200px;margin:0 auto;padding:40px 24px;gap:60px}.login-section{flex:0 0 380px;padding-inline-end:0;padding-top:20px}.login-title{font-size:20px;font-weight:600;margin-bottom:12px;color:var(--snap-text)}.login-description{font-size:14px;color:var(--snap-dark-gray);line-height:1.5;margin-bottom:24px}.form-label{display:block;font-size:12px;font-weight:500;color:var(--snap-dark-gray);margin-bottom:8px}.form-input{width:100%;border:1.5px solid var(--snap-border);border-radius:8px;padding:12px 14px;font-size:14px;outline:none;transition:border-color .2s}.form-input:focus{border-color:var(--snap-blue)}.phone-link{display:block;text-align:center;color:var(--snap-blue);font-size:13px;font-weight:500;margin:16px 0;cursor:pointer}.phone-link:hover{text-decoration:underline}.btn-login{width:100%;background:var(--snap-blue);color:var(--snap-white);border:none;border-radius:24px;padding:12px;font-size:15px;font-weight:600;cursor:pointer;transition:opacity .2s}.btn-login:hover{opacity:.9}.webapp-text{font-size:13px;color:var(--snap-blue);margin-top:24px;cursor:pointer}.webapp-text:hover{text-decoration:underline}.microsoft-badge{margin-top:16px;width:135px;height:44px;background-color:var(--snap-black);border:1px solid var(--snap-black);border-radius:6px;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer}.microsoft-badge-inner{padding:4px 8px;display:flex;flex-direction:column;align-items:flex-start}.microsoft-badge-inner small{font-size:8px;color:#ddd;margin-bottom:1px}.microsoft-badge-inner .ms-logo-row{display:flex;align-items:center;gap:4px}.microsoft-badge-inner .ms-logo-row svg{width:16px;height:16px}.microsoft-badge-inner .ms-logo-row span{font-size:14px;font-weight:600;color:var(--snap-white)}.app-link{font-size:13px;color:var(--snap-dark-gray);margin-top:12px}.app-link a{color:var(--snap-blue);cursor:pointer}.app-link a:hover{text-decoration:underline}.video-section{flex:1;display:grid;grid-template-columns:repeat(2,1fr);gap:16px;align-content:start}.video-card{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:.5625;cursor:pointer;box-shadow:0 4px 10px rgba(0,0,0,.1);max-width:280px;margin:0 auto}.video-card .mobile-video,.video-card video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.video-card .mobile-video{pointer-events:none}.video-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.video-card-overlay{position:absolute;top:0;inset-inline-start:0;inset-inline-end:0;bottom:0;display:flex;flex-direction:column;justify-content:space-between;padding:20px;background:linear-gradient(180deg,rgba(0,0,0,.1),transparent 30%,transparent 60%,rgba(0,0,0,.3))}.video-card-title{font-size:22px;font-weight:700;color:var(--snap-white);line-height:1.2;text-shadow:0 1px 3px rgba(0,0,0,.3)}.video-card-bottom{display:flex;flex-direction:column;align-items:center;gap:8px}.video-card-btn{background:hsla(0,0%,100%,.9);border:none;border-radius:20px;padding:6px 16px;font-size:12px;font-weight:600;color:var(--snap-text);cursor:pointer;backdrop-filter:blur(4px)}.video-card-subtitle{font-weight:500;text-shadow:0 1px 3px rgba(0,0,0,.3)}.parent-banner,.video-card-subtitle{font-size:13px;color:var(--snap-white)}.parent-banner{position:fixed;bottom:0;inset-inline-start:0;inset-inline-end:0;background:var(--snap-black);display:flex;align-items:center;justify-content:center;padding:12px 24px;gap:8px;z-index:100}.parent-banner svg{width:20px;height:20px;color:var(--snap-yellow)}.parent-banner a{color:var(--snap-yellow);text-decoration:underline;font-weight:500}.password-page{min-height:100vh;background:var(--snap-gray);display:flex;flex-direction:column}.password-container{flex:1;display:flex;align-items:flex-start;justify-content:center;padding:60px 24px}.password-card{background:var(--snap-white);border-radius:16px;padding:40px 48px;max-width:440px;width:100%;text-align:center;box-shadow:0 1px 4px rgba(0,0,0,.05)}.password-ghost{width:56px;height:56px;margin:0 auto 20px}.password-title{font-size:22px;font-weight:700;margin-bottom:16px;color:var(--snap-text)}.password-email{font-size:14px;color:var(--snap-dark-gray);margin-bottom:24px}.password-email .not-you{color:var(--snap-blue);cursor:pointer;margin-inline-start:8px;font-weight:500}.password-email .not-you:hover{text-decoration:underline}.password-form-group{text-align:start;margin-bottom:16px}.password-input-wrapper{position:relative}.password-input-wrapper input{width:100%;border:1.5px solid var(--snap-border);border-radius:8px;padding-block:12px;padding-inline-end:40px;padding-inline-start:14px;font-size:14px;outline:none;transition:border-color .2s}.password-input-wrapper input:focus{border-color:var(--snap-blue)}.password-toggle{position:absolute;inset-inline-end:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--snap-medium-gray);display:flex;align-items:center}.forgot-link{display:block;text-align:center;color:var(--snap-blue);font-size:13px;font-weight:500;margin:16px 0 24px;cursor:pointer}.forgot-link:hover{text-decoration:underline}.btn-next{background:var(--snap-blue);color:var(--snap-white);border:none;border-radius:24px;padding:10px 32px;font-size:15px;font-weight:600;cursor:pointer;transition:opacity .2s}.btn-next:hover{opacity:.9}.footer{border-top:1px solid var(--snap-border);padding:40px 60px;display:flex;flex-wrap:wrap;gap:40px;background:var(--snap-white)}.password-page .footer{background:var(--snap-gray)}.footer-column{min-width:150px}.footer-column h4{font-weight:600;margin-bottom:12px}.footer-column a,.footer-column h4{font-size:13px;color:var(--snap-blue)}.footer-column a{display:block;margin-bottom:8px;cursor:pointer}.footer-column a:hover{text-decoration:underline}.footer-language{min-width:150px}.footer-language h4{font-weight:600;margin-bottom:12px}.footer-language h4,.language-select{font-size:13px;color:var(--snap-dark-gray)}.language-select{border:1px solid var(--snap-border);border-radius:6px;padding:8px 12px;background:var(--snap-white);outline:none;cursor:pointer}.fade-in{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mini-loading{position:fixed;top:0;inset-inline-start:0;width:100vw;height:100vh;background:var(--snap-white);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999}.mini-loading .loading-logo{width:56px;height:56px;animation:logoPulse 1.5s ease-in-out infinite}.mini-loading .loading-footer{position:absolute;bottom:40px}@media (max-width:1024px){.main-content{flex-direction:column}.login-section{flex:none;max-width:100%;padding-inline-end:0}.video-section{max-width:100%}.navbar-center{display:none}}@media (max-width:640px){.video-section{grid-template-columns:1fr}.btn-download,.btn-snapchat-ads,.navbar-search{display:none}.footer{padding:24px;gap:24px}}