body,html{overflow-x:hidden;width:100%}body{font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0}input::-webkit-file-upload-button{border:2px solid #4a90e2;display:inline-block;padding:6px 12px;cursor:pointer;background:#4a90e2;color:#fff;border-radius:4px;-webkit-transition:all .3s ease;transition:all .3s ease}input::file-selector-button{border:2px solid #4a90e2;display:inline-block;padding:6px 12px;cursor:pointer;background:#4a90e2;color:#fff;border-radius:4px;transition:all .3s ease}input::-webkit-file-upload-button:hover{background:#2870c2;color:#fff}input::file-selector-button:hover{background:#2870c2;color:#fff}.container{margin:0 auto;padding:1rem}.nav-container{max-width:80rem;margin:0 auto;padding:0 1.5rem;width:100%;background-color:#fff}.nav-toggle,.sidebar-menu{display:none}.nav-content{display:flex;justify-content:space-between;height:4rem}.nav-welcome{display:flex;align-items:center}.nav-welcome img{width:100px}.nav-actions{display:flex;align-items:center}@media (min-width:1024px){.nav-container{padding:0 4rem}}@media (max-width:768px){.nav-actions{display:none}.nav-toggle{background-color:#fff;border:none;display:block}.overlay{right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:40}.overlay,.sidebar-menu{position:fixed;top:0;left:0}.sidebar-menu{display:block;height:100%;width:16rem;background-color:#fff;z-index:50;transform:translateX(-100%);transition:transform .3s ease}.sidebar-menu.open{transform:translateX(0)}.sidebar-header{padding:1rem}.sidebar-close-button{display:flex;justify-content:flex-end}.sidebar-close-icon{color:#6b7280;cursor:pointer;border:none;background:none}.sidebar-content{margin-top:1.5rem;display:flex;flex-direction:column;color:#000}.sidebar-item{padding:.5rem;border-radius:.25rem;cursor:pointer;margin-bottom:1rem}.sidebar-item:hover{background-color:#f3f4f6}.sidebar-item:last-child{margin-bottom:0}}.btn-general{padding:10px 15px;color:#fff;background-color:#e42860;border-radius:10px;cursor:pointer;border:1px solid;margin:10px}.btn-general:hover{background-color:#fff;color:#e42860;border:1px solid #e42860}.btn-nav-right{background-color:#ee255e00;color:#000;border-radius:10px;cursor:pointer;border:none;margin:5px}.feature-grid{display:grid;grid-template-columns:repeat(1,1fr);grid-gap:2rem;gap:2rem;width:100%;font-family:var(--font-oswald);margin-top:50px;justify-items:center}@media (min-width:768px){.feature-grid{grid-template-columns:repeat(2,1fr)}}.feature-card{background-color:#fff;padding:1.5rem;border-radius:.5rem;box-shadow:0 1px 2px rgba(0,0,0,.05);border:1px solid #f3f4f6;display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.feature-icon{width:4rem;height:4rem;background-color:#fdf2f8;border-radius:9999px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.feature-icon i{color:#ec4899;font-size:1.25rem}.feature-title{font-weight:700;margin-bottom:.5rem;color:#1f2937}.feature-description{color:#4b5563;font-size:.95rem;line-height:1.5}.dashboard-content{margin-top:2rem;align-items:center;font-family:var(--font-oswald)}.dashboard-content h1{text-align:center;margin-bottom:20px}.dashborad-welcome{margin-bottom:20px}.welcome-about-dash{color:#4b5563;font-size:18px;margin-top:8px}.container-centered{text-align:center}.hero-title{font-size:36px;font-weight:700;margin-bottom:24px}.hero-description{font-size:20px;color:#4b5563;max-width:768px;margin:0 auto;overflow:hidden;padding:2rem}.dashboard-content .nothingcategort{text-align:center;margin-top:2rem;font-size:26px}.delete-mark{position:absolute;top:10px;right:10px;box-shadow:inset 0 1px 0 0 #f7c5c0;background:linear-gradient(180deg,#fc8d83 5%,#e4685d);background-color:#fc8d83;border-radius:6px;border:1px solid #d83526;display:inline-block;cursor:pointer;color:#fff;font-family:Arial;font-size:15px;font-weight:700;padding:3px 6px;text-decoration:none;text-shadow:0 1px 0 #b23e35}.delete-mark:hover{background:linear-gradient(180deg,#e4685d 5%,#fc8d83);background-color:#e4685d}.value-proposition-section{padding:64px 32px;background-color:#f9fafb;margin-top:28px;text-align:center;font-family:var(--font-oswald)}.section-title{font-size:30px;font-weight:700;margin-bottom:48px}.value-grid{display:flex;gap:32px}.value-card{background-color:#fff;padding:32px;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.05)}.value-icon-container{background-color:#fdf2f8;width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.value-icon-container svg{color:#ec4899;font-size:20px}.value-title{font-size:20px;font-weight:700;margin-bottom:12px}.value-description{color:#4b5563}@media (max-width:450px){.value-grid{flex-wrap:wrap}}.cta-section{padding:64px 32px;background-color:#ec4899;color:#fff;font-family:var(--font-oswald)}.cta-centered{text-align:center}.cta-title{font-size:30px;font-weight:700;margin-bottom:24px}.cta-text{font-size:20px;margin-bottom:32px}.btn-cta{padding:10px 15px;color:#ec4899;background-color:#fff;border-radius:10px;cursor:pointer;border:1px solid;margin:10px}.btn-cta:hover{background-color:#ec4899;color:#fff;border:1px solid #fff}.form-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;display:block;width:50%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:0;color:#111827;font-size:16px}.form-input::placeholder{color:#6b7280}.form-input:focus{outline:none;border-color:#6366f1;z-index:10;box-shadow:0 0 0 3px rgba(99,102,241,.2)}.input-top{border-top-left-radius:.375rem;border-top-right-radius:.375rem}.upload-box{border:2px dashed #ccc;border-radius:12px;padding:30px;text-align:center;background-color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.05);width:100%;max-width:400px;margin-top:3rem}.upload-button{background-color:#6366f1;color:#fff;border:none;border-radius:25px;padding:12px 24px;font-size:16px;margin:20px 0;cursor:pointer}.file-info{color:#666;font-size:14px;margin:10px 0}.features{display:flex;justify-content:center;gap:20px;margin-top:10px}.feature-item{color:#ee255f;font-size:14px}.MuiButtonBase-root{color:#000!important}.MuiButtonBase-root,.MuiButtonBase-root:active,.MuiButtonBase-root:hover{box-shadow:none!important}.MuiSpeedDial-actions{margin-top:-50px!important}.css-1usvvvc-MuiButtonBase-root-MuiFab-root-MuiSpeedDial-fab{background-color:transparent!important}.css-ajxfs8-MuiButtonBase-root-MuiFab-root-MuiSpeedDialAction-fab{background-color:#ffffffe3!important}.css-1nhf7wy{background-color:transparent!important}.css-1t05mph{background-color:#ffffffe3!important}.MuiPaper-root{background-color:#ee255f!important}.form-social input{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;display:block;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:0;color:#111827;font-size:16px;margin:5px}.social-input-container{display:flex;justify-content:center}.social-input-box{border-radius:12px;padding:30px;text-align:center;background-color:#fff;width:100%;max-width:920px}.social-input-div{display:flex;align-items:center;margin:5px}.social-input-div img{width:25px}.titleinput{display:flex;flex-direction:column;width:100%;padding:10px;gap:5px}.titleinput input{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;display:block;padding:.5rem .75rem;color:#111827}.selectField,.titleinput input{border:1px solid #d1d5db;border-radius:4px;font-size:14px;margin:5px}.selectField{padding:8px 12px;outline:none;transition:border-color .2s;background:#fff;cursor:pointer;color:#000}.selectField:focus{border-color:#ff4081;cursor:pointer}.selectField option{padding:8px;cursor:pointer}@media (max-width:900px){.form-social{display:flex;flex-direction:column;align-items:center}.form-social input{width:auto}.social-input-box{padding:15px}}.footercomp{text-align:center;margin-bottom:5px;margin-top:15px}.footercomp a{color:#fff}.footercomp p{font-family:var(--font-oswald);color:#ccc!important}.rights{color:#ee255f}.footercomp-withmedia{position:relative;text-align:center;margin-bottom:5px}.footercomp-withmedia a{color:#fff}.footercomp-withmedia p{font-family:var(--font-oswald);color:#ccc!important}.media-viewer-page{min-height:100vh;background:#fff;color:#000;overflow-y:auto;padding:20px}.back-button{position:fixed;top:20px;left:20px;z-index:10;padding:10px 20px;background:rgba(0,0,0,.2);color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background .3s ease}.back-button:hover{background:rgba(0,0,0,.3)}.media-feed{padding-top:60px;display:flex;flex-direction:column;gap:20px;max-width:1200px;margin:0 auto}.media-item{width:100%;display:flex;justify-content:center;align-items:center;transition:opacity .3s ease;position:relative}.media-overlay{display:none}.media-item:active .media-overlay,.media-item:hover .media-overlay{position:absolute;display:flex;justify-content:center;align-items:center;cursor:pointer;color:#fff;font-family:Arial;font-weight:700;padding:3px 6px;text-decoration:none;text-shadow:0 1px 0 #b23e35;opacity:1;background:rgba(0,0,0,.3);width:100%;height:100%}.media-item.current{opacity:1}.media-content{width:inherit;max-width:100%;max-height:90vh;object-fit:contain;border-radius:8px}.analytics-container{display:flex;flex-direction:column;align-items:center;gap:20px;margin:0 auto}.analytics-filter{padding:8px 12px;border:1px solid #d1d5db;border-radius:4px;font-size:14px;outline:none;transition:border-color .2s;background:#fff;cursor:pointer;margin:5px;color:#000}table{border-collapse:collapse;width:80%}td,th{border:1px solid #ddd;text-align:left;padding:8px}tr:nth-child(2n){background-color:#ddd}.analytics-table-7days{width:100%}.tutorials-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:2rem;gap:2rem;margin-top:2rem;margin-bottom:2rem}.tutorial-card{background-color:#f9f9f9;border-radius:10px;padding:1.5rem;box-shadow:0 4px 8px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;height:100%}.tutorial-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px rgba(0,0,0,.1)}.tutorial-card h2{margin-bottom:1rem;font-size:1.25rem;font-weight:600;color:#333;line-height:1.4}.tutorial-card p{margin-bottom:1.5rem;font-size:1rem;color:#666;flex-grow:1}.video-container{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;margin-top:auto;border-radius:8px}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:8px}.external-link-container{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:1rem}.tutorial-link{padding:10px 15px;color:#fff;background-color:#ee255f;border-radius:10px;cursor:pointer;border:1px solid;text-decoration:none;text-align:center;width:100%;font-weight:500;transition:all .3s ease;display:inline-block}.tutorial-link:hover{background-color:#fff;color:#ee255f;border:1px solid #ee255f}.tutorial-button{padding:10px 15px;color:#fff;background-color:#ee255f;border-radius:10px;cursor:pointer;border:1px solid;margin-top:auto;width:100%;font-weight:500;transition:all .3s ease}.tutorial-button:hover{background-color:#fff;color:#ee255f;border:1px solid #ee255f}@media (max-width:768px){.tutorials-container{grid-template-columns:1fr}.tutorial-card{max-width:100%}}.page-wrapper{min-height:100vh}.page-content{flex:1 1}.footer{text-align:center;padding:1rem 0;margin-top:2rem;width:100%}.footer a{color:#fff}.footer p{font-family:var(--font-oswald);color:#ccc!important}.navbar-container{grid-area:navbar-container;display:flex;flex-direction:column;width:20vw;background-color:#1f2937;color:#fff;box-shadow:2px 0 5px rgba(0,0,0,.1)}.navbar-top{grid-area:navbar-top;padding:1rem;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;gap:1rem}.nav-welcome{cursor:pointer;font-weight:600}.nav-welcome p{margin:0;font-size:1.1rem}.navbar-sidebar{padding:1rem 0}.sidebar-content{display:flex;flex-direction:column;gap:.5rem}.sidebar-item{padding:.75rem 2rem;cursor:pointer;transition:background-color .2s;display:flex;align-items:flex-end}.sidebar-content svg{margin-right:5px}.sidebar-item:hover{background-color:#f3f4f6}.dashboard-layout{min-height:100vh;display:grid;grid-template-columns:20vw auto;grid-template-rows:auto 1fr;grid-template-areas:"navbar-top navbar-top" "navbar-container dashboard-main";overflow-x:hidden}.dashboard-main{grid-area:dashboard-main;flex:1 1;padding:2rem;background-color:#f3f4f6;overflow-y:auto;height:calc(100vh - 10vh)}.dashboard-content{max-width:1200px;margin:0 auto;width:100%}@media (max-width:768px){.desktop-only,.navbar-container{display:none}.mobile-nav{display:flex;justify-content:space-between;align-items:center;top:0;left:0;right:0;background-color:#fff;z-index:1;box-shadow:0 2px 4px rgba(0,0,0,.1)}.mobile-nav,.nav-toggle{padding:.5rem;position:fixed}.nav-toggle{display:block;top:1rem;right:1rem;z-index:1000;background:none;border:none;cursor:pointer}.nav-toggle svg{width:2rem;height:2rem}.dashboard-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr;grid-template-areas:"navbar-top" "dashboard-main";height:100vh}.dashboard-main{padding:1rem;margin-top:4rem;width:100%;max-width:100%;height:calc(100vh - 4rem);overflow-y:auto}.dashboard-content{width:100%;padding:0 1rem}.dashborad-welcome{text-align:center;margin-top:8px}.thebutton{display:flex;justify-content:center}}@media (min-width:769px){.mobile-nav,.nav-toggle{display:none}}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8d697b304b401681-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba015fad6dcf6784-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/569ce4b8f30dc480-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Fallback;src:local("Arial");ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.00%;size-adjust:104.76%}.__className_5cfdac{font-family:Geist,Geist Fallback;font-style:normal}.__variable_5cfdac{--font-geist-sans:"Geist","Geist Fallback"}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/9610d9e46709d722-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/747892c23ea88013-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/93f479601ee12b01-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Mono Fallback;src:local("Arial");ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.00%;size-adjust:134.59%}.__className_9a8899{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.__variable_9a8899{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}@font-face{font-family:Anton;src:url(/_next/static/media/41006b42fd8191e3-s.p.ttf) format("truetype");font-display:swap;font-weight:400}@font-face{font-family:Anton Fallback;src:local("Arial");ascent-override:127.93%;descent-override:35.79%;line-gap-override:0.00%;size-adjust:91.94%}.__className_06c5f0{font-family:Anton,Anton Fallback;font-weight:400}.__variable_06c5f0{--font-anton:"Anton","Anton Fallback"}@font-face{font-family:Oswald;src:url(/_next/static/media/468f5b1933dd00cf-s.p.ttf) format("truetype");font-display:swap;font-weight:400}@font-face{font-family:Oswald Fallback;src:local("Arial");ascent-override:146.78%;descent-override:35.56%;line-gap-override:0.00%;size-adjust:81.28%}.__className_f24fe1{font-family:Oswald,Oswald Fallback;font-weight:400}.__variable_f24fe1{--font-oswald:"Oswald","Oswald Fallback"}