:root{--primary-color: #FF5722;--black-color: #000000;--white-color: #FFFFFF;--grey-color: #9E9E9E;--bg-color: #FAFAFA;--border-color: #EEEEEE;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--font-main: "Inter", system-ui, -apple-system, sans-serif;--shadow-sm: 0 4px 6px rgba(0, 0, 0, .05);--shadow-md: 0 10px 15px rgba(0, 0, 0, .05)}body{margin:0;padding:0;font-family:var(--font-main);background-color:var(--white-color);color:var(--black-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#bdbdbd}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}*{box-sizing:border-box}.landing-container{min-height:100vh;display:flex;flex-direction:column;color:#000;background-color:#fff;overflow-x:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;scroll-behavior:smooth;position:relative}.landing-container:before,.landing-container:after{content:"";position:absolute;width:600px;height:600px;border-radius:50%;filter:blur(150px);z-index:0;opacity:.08;pointer-events:none;animation:pulse 10s infinite alternate}.landing-container:before{top:-5%;left:-10%;background:radial-gradient(circle,#FF5722,transparent 70%)}.landing-container:after{top:40%;right:-10%;background:radial-gradient(circle,#8A2BE2,transparent 70%)}@keyframes pulse{0%{transform:scale(1);opacity:.08}to{transform:scale(1.1);opacity:.12}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}@keyframes ripple{0%{transform:scale(.9);opacity:1}to{transform:scale(1.5);opacity:0}}@keyframes glowLine{0%{background-position:0% 50%}to{background-position:200% 50%}}.highlight-text{background:linear-gradient(to right,#ff5722,#ff9800);-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.landing-btn-primary{background:linear-gradient(135deg,#ff5722,#f4511e);color:#fff!important;border:none;position:relative;overflow:hidden;z-index:1}.landing-btn-primary:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#ff7043,#ff5722);z-index:-1;transition:opacity .3s ease;opacity:0}.landing-btn-primary:hover:before{opacity:1}.landing-btn-primary:hover{box-shadow:0 8px 25px #ff57224d;transform:translateY(-2px)}.landing-btn-secondary{background:#fff;border:1px solid #E0E0E0;color:#000!important}.landing-btn-secondary:hover{background:#f5f5f5;border-color:#ccc;box-shadow:0 8px 25px #0000000d;transform:translateY(-2px)}.landing-nav{position:fixed;top:0;left:0;width:100%;padding:1.25rem 0;background-color:#ffffffe6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid transparent;z-index:100;transition:all .3s ease}.landing-nav.nav-scrolled{padding:.8rem 0;background-color:#fffffff2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(0,0,0,.05);box-shadow:0 4px 20px #0000000d}.nav-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 2rem}.landing-logo{display:flex;align-items:center;gap:.75rem;font-size:1.35rem;font-weight:800;color:#000;text-decoration:none;letter-spacing:-.5px}.logo-image{height:38px;width:auto;object-fit:contain}.landing-nav-links{display:flex;gap:1rem}.login-btn{padding:.6rem 1.25rem;border-radius:8px;text-decoration:none;color:#000;font-weight:600;transition:all .2s ease;background-color:transparent}.login-btn:hover{background-color:#f5f5f5}.signup-btn{padding:.6rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:600;transition:all .2s ease}.landing-hero{padding:10rem 2rem 6rem;min-height:90vh;display:flex;align-items:center;position:relative;z-index:1}.hero-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.15fr .85fr;gap:4rem;align-items:center}.hero-content{display:flex;flex-direction:column;gap:1.5rem;align-items:flex-start;animation:fadeInLeft .8s ease-out}.badge-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:50px;font-size:.875rem;font-weight:600;color:#ff7043;background-color:#ff57221a;border:1px solid rgba(255,87,34,.2)}.pulse-dot{width:8px;height:8px;background-color:#ff5722;border-radius:50%;position:relative}.pulse-dot:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid #FF5722;animation:ripple 1.5s infinite}.landing-title{font-size:clamp(2.8rem,4vw,4.2rem);font-weight:800;line-height:1.1;margin:0;letter-spacing:-1px;color:#000}.landing-subtitle{font-size:clamp(1.1rem,1.5vw,1.25rem);color:#666;max-width:550px;line-height:1.6}.hero-buttons{display:flex;gap:1rem;margin-top:1rem}.hero-btn{padding:.8rem 1.8rem;border-radius:12px;font-size:1.05rem;font-weight:600;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease}.hero-stats{display:flex;gap:3rem;margin-top:2rem;padding-top:2rem;border-top:1px solid #EEEEEE;width:100%}.stat-item h3{font-size:2rem;font-weight:800;color:#000;margin:0 0 .2rem;letter-spacing:-1px}.stat-item p{color:#666;margin:0;font-weight:500;font-size:.9rem}.hero-visual{position:relative;width:100%;height:550px;display:flex;justify-content:center;align-items:center;animation:fadeInRight .8s ease-out}.visual-background{position:absolute;width:110%;height:110%;background:radial-gradient(circle,rgba(255,87,34,.05) 0%,transparent 60%);z-index:0}.hero-image{position:relative;max-width:70%;height:auto;border-radius:24px;box-shadow:0 20px 40px #0000001a;z-index:2;border:1px solid rgba(0,0,0,.05)}.hero-image-secondary{position:absolute;max-width:50%;height:auto;right:-10%;bottom:5%;border-radius:16px;box-shadow:0 15px 30px #00000026;z-index:3;border:1px solid rgba(0,0,0,.05)}.floating-anim{animation:float 6s ease-in-out infinite}.floating-anim-delayed{animation:float 7s ease-in-out infinite 1s}.about-section{padding:8rem 2rem;position:relative;z-index:1;background-color:#fafafa}.about-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center}.about-visual{position:relative;display:flex;justify-content:center}.about-image{position:relative;max-width:90%;height:auto;border-radius:24px;box-shadow:0 20px 40px #0000001a;z-index:1;border:1px solid rgba(0,0,0,.05)}.about-content{display:flex;flex-direction:column;gap:1.5rem}.section-title.text-left{text-align:left;margin-bottom:.5rem;color:#000}.about-text{font-size:1.1rem;color:#555;line-height:1.7}.feature-list{list-style:none;padding:0;margin:1.5rem 0 0;display:flex;flex-direction:column;gap:1.25rem}.feature-list li{display:flex;align-items:center;gap:1rem;font-size:1.1rem;font-weight:500;color:#333}.check-icon{color:#ff5722}.features-section{padding:8rem 10%;background-color:#fff;position:relative}.section-title{text-align:center;font-size:2.8rem;margin-bottom:4rem;letter-spacing:-1px;color:#000}.features-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2.5rem}.feature-card{padding:2.5rem 2rem;border-radius:20px;background:#fff;border:1px solid #EEEEEE;box-shadow:0 4px 10px #00000005;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s ease;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,transparent,#FF5722,transparent);background-size:200% 100%;opacity:0;transition:opacity .3s ease}.feature-card:hover{transform:translateY(-10px);box-shadow:0 20px 30px #00000014;background:#fafafa}.feature-card:hover:before{opacity:1;animation:glowLine 2s linear infinite}.feature-icon{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:#ff57221a;color:#ff5722;margin-bottom:1.5rem}.feature-card h3{margin-bottom:1rem;color:#000}.feature-card p{color:#666;line-height:1.6}.cta-section{padding:8rem 2rem;position:relative;overflow:hidden;text-align:center;z-index:1;background-color:#fafafa}.cta-section:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1000px;height:500px;background:radial-gradient(ellipse,rgba(255,87,34,.08) 0%,transparent 70%);z-index:-1;pointer-events:none}.cta-content{position:relative;z-index:10;max-width:800px;margin:0 auto;color:#000;display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:4rem;background:#fff;border:1px solid #EEEEEE;border-radius:30px;box-shadow:0 20px 40px #0000000f}.cta-content h2{font-size:3rem;font-weight:800;margin:0;letter-spacing:-1px}.cta-content p{font-size:1.25rem;color:#666;line-height:1.6;margin-bottom:1rem}.cta-btn{padding:1.2rem 3rem;font-size:1.2rem;border-radius:50px}.landing-footer{background-color:#fff;padding:5rem 2rem 2rem;border-top:1px solid #EEEEEE;z-index:1;position:relative}.footer-content{max-width:1200px;margin:0 auto 4rem;display:grid;grid-template-columns:1.5fr 2fr;gap:4rem}.footer-brand{max-width:300px}.footer-logo{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:800;color:#000;margin-bottom:1rem}.footer-logo-img{height:38px;width:auto}.footer-brand p{color:#666}.footer-links{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.link-column h4{font-weight:700;font-size:1.1rem;color:#000;margin-bottom:1rem}.link-column a{color:#666;text-decoration:none;margin-bottom:.5rem;display:block;transition:color .2s}.link-column a:hover{color:#ff5722}.footer-bottom{max-width:1200px;margin:0 auto;padding-top:2rem;border-top:1px solid #EEEEEE;color:#999;text-align:center}@media(max-width:1024px){.hero-grid{grid-template-columns:1fr;text-align:center;gap:3rem}.hero-content{align-items:center;max-width:600px;margin:0 auto}.hero-stats{justify-content:center}.hero-visual{height:400px}.about-grid,.footer-content{grid-template-columns:1fr;gap:3rem}.section-title.text-left{text-align:center}}@media(max-width:768px){.landing-title{font-size:2.5rem}.hero-buttons{flex-direction:column;width:100%}.cta-content h2{font-size:2rem}.footer-links{grid-template-columns:1fr 1fr}.cta-content{padding:2rem}}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#f9f9f9;color:#000;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;position:relative;overflow:hidden}.auth-container:before,.auth-container:after{content:"";position:absolute;width:600px;height:600px;border-radius:50%;filter:blur(150px);z-index:0;opacity:.08;pointer-events:none;animation:pulse 10s infinite alternate}.auth-container:before{top:-5%;left:-10%;background:radial-gradient(circle,#FF5722,transparent 70%)}.auth-container:after{bottom:-15%;right:-10%;background:radial-gradient(circle,#8A2BE2,transparent 70%)}@keyframes pulse{0%{transform:scale(1);opacity:.06}to{transform:scale(1.1);opacity:.1}}.auth-nav{position:absolute;top:0;left:0;width:100%;padding:1.5rem 2rem;z-index:10}.landing-logo{display:inline-flex;align-items:center;gap:.75rem;font-size:1.35rem;font-weight:800;color:#000;text-decoration:none;letter-spacing:-.5px}.auth-wrapper{position:relative;z-index:1;width:100%;max-width:440px;padding:3rem;border-radius:24px;background:#fff;border:1px solid #EEEEEE;box-shadow:0 20px 40px #00000014;animation:scaleUp .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes scaleUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-header{text-align:center;margin-bottom:2.5rem}.auth-header h2{font-size:2rem;font-weight:800;margin-bottom:.5rem;color:#000;letter-spacing:-1px}.auth-header p{color:#666;font-size:1rem;line-height:1.5}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.input-group label{display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem;color:#333}.password-header{display:flex;justify-content:space-between;align-items:center}.forgot-password{font-size:.85rem;color:#ff5722;text-decoration:none;font-weight:500;transition:color .2s}.forgot-password:hover{color:#ff7043;text-decoration:underline}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:1rem;color:#999;pointer-events:none}.input-wrapper input{width:100%;padding:.75rem 1rem .75rem 2.8rem;border-radius:12px;background-color:#f5f5f5;border:1px solid #EEEEEE;color:#000;font-size:1rem;outline:none;transition:all .3s ease}.input-wrapper input::placeholder{color:#999}.input-wrapper input:focus{background-color:#fff;border-color:#ff5722;box-shadow:0 0 0 3px #ff572226}.auth-submit-btn{margin-top:1rem;padding:1rem;border-radius:12px;border:none;background:linear-gradient(135deg,#ff5722,#f4511e);color:#fff;font-weight:600;font-size:1.05rem;display:flex;justify-content:center;align-items:center;gap:.5rem;cursor:pointer;position:relative;overflow:hidden;z-index:1;transition:transform .2s,box-shadow .2s}.auth-submit-btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#ff7043,#ff5722);z-index:-1;transition:opacity .3s ease;opacity:0}.auth-submit-btn:hover:before{opacity:1}.auth-submit-btn:hover{box-shadow:0 8px 25px #ff57224d;transform:translateY(-2px)}.auth-divider{display:flex;align-items:center;margin:1.5rem 0;color:#666;font-size:.9rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background-color:#eee}.auth-divider span{padding:0 1rem}.social-auth{display:flex;gap:1rem}.social-btn{flex:1;padding:.85rem;border-radius:12px;display:flex;justify-content:center;align-items:center;gap:.5rem;font-weight:600;background:#fff;border:1px solid #EEEEEE;color:#000;cursor:pointer;transition:all .3s ease}.social-btn:hover{background:#f5f5f5;border-color:#ccc;box-shadow:0 8px 15px #0000000d;transform:translateY(-2px)}.apple-btn{background:#000;color:#fff;border-color:#000}.apple-btn:hover{background:#222;border-color:#222;color:#fff}.auth-footer{text-align:center;margin-top:2rem;font-size:.95rem;color:#666}.toggle-auth-btn{background:none;border:none;font-weight:600;cursor:pointer;margin-left:.3rem;padding:0;color:#ff5722;transition:color .2s}.toggle-auth-btn:hover{color:#ff7043;text-decoration:underline}.pass-toggle{position:absolute;right:1rem;background:none;border:none;color:#999;cursor:pointer;padding:0;display:flex;align-items:center}.pass-toggle:hover{color:#666}.auth-error{background:#fff3f0;color:#d32f2f;padding:12px 16px;border-radius:10px;font-size:.9rem;margin-bottom:1rem;border:1px solid #FFCDD2;text-align:center}@media(max-width:480px){.auth-wrapper{padding:2rem 1.5rem;border:none;box-shadow:none;background:transparent}}.app-layout{min-height:100vh;display:flex;flex-direction:column;background-color:var(--white-color, #FFFFFF);overflow:hidden}.app-header{height:60px;display:flex;justify-content:space-between;align-items:center;padding:0 15px;background-color:var(--white-color, #FFFFFF);border-bottom:3px solid #F5F5F5;z-index:100;position:sticky;top:0}.header-left .menu-icon-btn{background:#8080801f;border:none;padding:10px;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:background .2s}.header-left .menu-icon-btn:hover{background:#80808033}.header-center .login-signup-text,.header-center .hi-text{font-size:17px;font-weight:700;color:var(--grey-color, #666);text-decoration:none}.header-center .login-signup-text:hover{color:var(--primary-color)}.header-right{display:flex;align-items:center;gap:14px}.icon-btn{background:none;border:none;padding:0;display:flex;align-items:center;transition:transform .2s}.icon-btn:hover{transform:scale(1.1)}.profile-img-wrap{width:35px;height:35px;border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#ff572214;transition:transform .2s}.profile-img-wrap:hover{transform:scale(1.05)}.profile-img{width:100%;height:100%;object-fit:cover}.profile-img-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#8080801a;border-radius:10px}.drawer-overlay{position:fixed;inset:0;background:#0000004d;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:900;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.drawer{position:fixed;top:40px;bottom:40px;left:15px;width:300px;z-index:1000;transform:translate(-340px);transition:transform .35s cubic-bezier(.4,0,.2,1);pointer-events:none}.drawer.open{transform:translate(0);pointer-events:all}.drawer-inner{height:100%;background:var(--white-color);border-radius:30px;box-shadow:0 20px 60px #00000026;display:flex;flex-direction:column;overflow:hidden}.drawer-top-bar{display:flex;justify-content:space-between;align-items:center;padding:15px 15px 0}.drawer-close-btn,.drawer-edit-btn{background:#8080801f;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s}.drawer-close-btn:hover,.drawer-edit-btn:hover{background:#80808033}.drawer-profile-section{display:flex;flex-direction:column;align-items:center;padding:15px 20px;text-align:center}.drawer-welcome{font-size:15px;font-weight:700;color:var(--black-color);margin-bottom:10px}.drawer-avatar-wrap{width:80px;height:80px;border-radius:50%;overflow:hidden;margin-bottom:10px}.drawer-avatar{width:100%;height:100%;object-fit:cover}.drawer-avatar-placeholder{width:100%;height:100%;background:#f0f0f0;display:flex;align-items:center;justify-content:center;border-radius:50%}.drawer-name{font-size:18px;font-weight:700;color:var(--black-color);margin-bottom:8px}.drawer-switch-btn{background:none;border:none;display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--black-color);padding:4px 8px;transition:color .2s}.drawer-switch-btn:hover{color:var(--primary-color)}.drawer-divider{width:100%;height:1px;background:#eee;margin-top:10px}.drawer-logo{width:100px;height:auto;margin-bottom:15px}.drawer-login-btn{background:var(--black-color);color:var(--white-color);border:none;padding:10px 36px;border-radius:10px;font-weight:700;font-size:13px;letter-spacing:.5px;transition:transform .2s,box-shadow .2s}.drawer-login-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0003}.drawer-nav{flex:1;overflow-y:auto;padding:5px 10px}.drawer-item{display:flex;justify-content:space-between;align-items:center;width:100%;padding:13px 12px;border:none;background:none;font-size:14px;font-weight:500;color:var(--black-color);text-decoration:none;border-radius:10px;transition:background .2s;cursor:pointer}.drawer-item:hover{background:#0000000a}.drawer-logout{color:#d32f2f}.drawer-version{text-align:center;padding:12px;font-size:12px;font-weight:500;color:#0006}.layout-body{display:flex;flex:1;overflow:hidden}.desktop-sidebar{display:none;width:80px;min-width:80px;background-color:var(--black-color, #000);border-radius:0 15px 15px 0;flex-direction:column;position:fixed;left:0;top:60px;bottom:0;z-index:90}.sidebar-nav{display:flex;flex-direction:column;justify-content:space-evenly;height:100%}.nav-item{display:flex;flex-direction:column;align-items:center;color:var(--white-color, #FFF);text-decoration:none;padding:15px 0;gap:5px;transition:color .2s}.nav-item.active{color:var(--primary-color, #FF5722)}.nav-item span{font-size:11px;font-weight:700}.main-content{flex:1;overflow-y:auto;padding-bottom:80px;background-color:var(--white-color, #FFF);width:100%}.bottom-navbar{position:fixed;bottom:8px;left:12px;right:12px;z-index:800;display:block}.bottom-nav-container{background-color:var(--black-color, #000);border-radius:15px;display:flex;padding:6px;justify-content:space-evenly;align-items:center;box-shadow:0 8px 30px #0003}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;color:#ffffffd9;text-decoration:none;border-radius:8px;padding:4px 2px;font-size:9px;font-weight:500;gap:2px;transition:color .2s}.bottom-nav-item.active{color:var(--primary-color, #FF5722);font-weight:600}.bottom-nav-item svg{margin:3px;transition:all .2s}.bottom-nav-item.active svg{color:var(--primary-color, #FF5722);background-color:#ff572226;border-radius:6px;padding:3px;margin:0;width:28px;height:28px}@media(min-width:768px){.desktop-sidebar{display:flex}.bottom-navbar{display:none}.main-content{padding-bottom:0;margin-left:80px}.drawer{width:320px}}.creator-layout{display:flex;flex-direction:column;min-height:100vh;background:#fafafa}.creator-header{display:flex;align-items:center;justify-content:space-between;padding:10px 15px;background:#fff;position:sticky;top:0;z-index:100;border-bottom:1px solid #eee}.creator-header .header-left,.creator-header .header-right{display:flex;align-items:center;gap:10px}.creator-header .hi-text{font-size:18px;font-weight:700;color:#666}.creator-sidebar{display:none}@media(min-width:768px){.creator-sidebar{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;position:fixed;left:0;top:55px;bottom:0;width:80px;background:#111;border-radius:0 15px 15px 0;padding:0;z-index:90}.creator-sidebar .sidebar-item{display:flex;flex-direction:column;align-items:center;padding:15px 0;color:#ffffffd9;text-decoration:none;font-size:11px;font-weight:700;gap:5px;width:100%;text-align:center;transition:all .2s}.creator-sidebar .sidebar-item:hover,.creator-sidebar .sidebar-item.active{color:#ff5722}.creator-sidebar .sidebar-item.active svg{color:#ff5722;background-color:#ff572226;border-radius:6px;padding:3px;width:28px;height:28px}.creator-main{margin-left:80px;margin-top:0;min-height:calc(100vh - 55px)}}@media(max-width:767px){.creator-main{padding-bottom:70px}}@media(max-width:767px){.creator-sidebar{display:flex;flex-direction:row;position:fixed;bottom:5px;left:15px;right:15px;background:#111;border-radius:15px;padding:6px 0;z-index:100;justify-content:space-evenly}.creator-sidebar .sidebar-item{display:flex;flex-direction:column;align-items:center;padding:4px 2px;color:#fffc;text-decoration:none;font-size:9px;font-weight:500;gap:2px;flex:1;text-align:center;transition:all .2s}.creator-sidebar .sidebar-item.active{color:#ff5722}.creator-sidebar .sidebar-item.active svg{background:#ff572226;border-radius:6px;padding:4px}}.creator-layout .drawer-overlay{position:fixed;inset:0;background:#0006;z-index:200}.creator-layout .drawer{position:fixed;top:0;left:-320px;width:300px;height:100vh;background:#fff;z-index:300;transition:left .3s ease;overflow-y:auto}.creator-layout .drawer.open{left:0}.creator-layout .drawer-inner{padding:20px}.creator-layout .drawer-top-bar{display:flex;justify-content:space-between;margin-bottom:15px}.creator-layout .drawer-close-btn{background:#0000000f;border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.creator-layout .drawer-profile-section{text-align:center;margin-bottom:20px}.creator-layout .drawer-welcome{font-size:13px;color:#ff5722;font-weight:600;text-transform:uppercase;letter-spacing:1px}.creator-layout .drawer-avatar-wrap{margin:10px auto}.creator-layout .drawer-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover}.creator-layout .drawer-avatar-placeholder{width:80px;height:80px;border-radius:50%;background:#f0f0f0;display:flex;align-items:center;justify-content:center;margin:0 auto}.creator-layout .drawer-name{display:block;font-size:18px;font-weight:700;margin:5px 0}.creator-layout .drawer-switch-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:1px solid #FF5722;color:#ff5722;padding:6px 16px;border-radius:20px;font-size:13px;font-weight:600;cursor:pointer;margin-top:8px}.creator-layout .drawer-divider{height:1px;background:#eee;margin:15px 0}.creator-layout .drawer-nav{display:flex;flex-direction:column}.creator-layout .drawer-item{display:flex;justify-content:space-between;align-items:center;background:none;border:none;padding:12px 0;font-size:15px;font-weight:500;cursor:pointer;color:#333;text-align:left}.creator-layout .drawer-item:hover{color:#ff5722}.creator-layout .drawer-item.danger span{color:#e53e3e}.product-card{width:220px;min-width:220px;background:#f5f5f5;border-radius:15px;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;transition:transform .2s}.product-card:hover{transform:translateY(-3px)}.pc-image-wrap{position:relative;width:100%;height:130px;overflow:hidden;border-radius:15px}.pc-image{width:100%;height:100%;object-fit:cover;display:block}.pc-sale-badge{position:absolute;top:10px;right:10px;background:var(--primary-color);border-radius:8px;padding:4px 6px;text-align:right}.pc-sale-text{display:block;color:#fff;font-weight:700;font-size:11px}.pc-sale-timer{background:#fff;border-radius:4px;padding:2px 5px;font-size:8px;font-weight:600;color:#000;margin-top:2px}.pc-content{padding:6px 10px 4px;display:flex;flex-direction:column;flex:1}.pc-rating-row{margin-bottom:3px}.pc-no-rating{font-size:10px;color:#999;font-weight:500}.pc-rating{font-size:10px;color:#555}.pc-title{font-size:12px;font-weight:600;color:var(--black-color);margin:0 0 auto;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3}.pc-price-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0 4px}.pc-fav-btn{background:none;border:none;cursor:pointer;padding:2px;display:flex}.pc-price{text-align:right}.pc-original-price{font-size:12px;color:#999;text-decoration:line-through;margin-right:5px;font-weight:600}.pc-current-price{font-size:14px;color:var(--primary-color);font-weight:700}.pc-creator-pill{display:flex;align-items:center;background:#0000000a;border-radius:50px;padding:3px;gap:0}.pc-creator-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0}.pc-creator-info{flex:1;padding:0 8px;min-width:0}.pc-creator-name{display:block;font-size:11px;font-weight:600;color:var(--black-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.pc-creator-level{display:block;font-size:8px;color:#666;line-height:1.2}.pc-chat-btn{background:none;border:none;cursor:pointer;padding:6px;color:#888;display:flex;flex-shrink:0}.home-page{padding:0 0 40px}.banner-section{position:relative;overflow:hidden;margin:12px 15px;border-radius:18px;background:#f1f1f1}.banner-slider{display:flex;transition:transform .6s cubic-bezier(.4,0,.2,1)}.banner-slide{min-width:100%;cursor:pointer}.banner-image{width:100%;height:200px;object-fit:cover;display:block;border-radius:18px}.banner-dots{position:absolute;bottom:10px;left:50%;transform:translate(-50%);display:flex;gap:6px}.banner-dot{width:10px;height:10px;border-radius:50%;background:#0000004d;border:none;cursor:pointer;transition:all .3s}.banner-dot.active{background:#000;width:20px;border-radius:5px}.section-block{padding:10px 0}.section-header{display:flex;justify-content:space-between;align-items:center;padding:0 15px;margin-bottom:8px}.section-header h3{font-size:18px;font-weight:700;color:var(--black-color);margin:0;letter-spacing:.3px}.featured-filters{display:flex;gap:24px}.feat-filter{background:none;border:none;font-size:14px;font-weight:500;color:var(--grey-color, #666);cursor:pointer;padding:0;transition:color .2s}.feat-filter:hover{color:var(--black-color)}.feat-filter.active{color:var(--primary-color)}.creators-scroll{display:flex;gap:10px;padding:5px 15px 10px;overflow-x:auto;scrollbar-width:none;min-height:120px;align-items:flex-start}.creators-scroll::-webkit-scrollbar{display:none}.creator-chip{display:flex;flex-direction:column;align-items:center;text-decoration:none;width:100px;min-width:100px;gap:6px}.creator-avatar-wrap{width:90px;height:90px;border-radius:50%;overflow:hidden}.creator-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover}.creator-avatar-placeholder{width:100%;height:100%;border-radius:50%;background:#ff57221a;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:28px;color:var(--primary-color)}.creator-name{font-size:14px;font-weight:600;color:var(--black-color);max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.no-creators{padding:20px;color:#999;font-size:14px;width:100%;text-align:center}.search-section{padding:5px 15px 10px}.search-bar{display:flex;align-items:center;gap:10px;background:#f5f5f5;border-radius:15px;padding:10px 15px;cursor:pointer;transition:background .2s;height:42px}.search-bar:hover{background:#eee}.search-static{font-size:16px;color:#000;font-weight:500}.search-animated{font-size:17px;color:var(--primary-color);font-weight:500}.search-cursor{animation:blink 1s step-end infinite;color:var(--primary-color);font-weight:300}@keyframes blink{50%{opacity:0}}.dropdown-wrap{position:relative}.dropdown-btn{display:flex;align-items:center;gap:4px;background:none;border:none;padding:5px 0;font-size:13px;font-weight:500;color:var(--black-color);cursor:pointer}.dropdown-menu{position:absolute;right:0;top:100%;margin-top:4px;background:var(--white-color);border:1px solid #eee;border-radius:12px;box-shadow:0 8px 25px #0000001a;z-index:50;min-width:200px;padding:4px;animation:dropIn .15s ease}@keyframes dropIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{display:block;width:100%;text-align:left;padding:10px 14px;border:none;background:none;font-size:13px;font-weight:500;color:var(--black-color);border-radius:8px;cursor:pointer;transition:background .15s}.dropdown-item:hover{background:#ff572214;color:var(--primary-color)}.products-scroll{display:flex;gap:10px;padding:5px 15px 10px;overflow-x:auto;scrollbar-width:none}.products-scroll::-webkit-scrollbar{display:none}.no-products-msg{padding:20px;color:#999;font-size:14px;width:100%;text-align:center}.category-section{margin-top:5px}.category-header{display:flex;justify-content:space-between;align-items:center;padding:8px 15px;cursor:pointer}.category-header:hover .category-title{color:var(--primary-color)}.category-title{font-size:18px;font-weight:700;color:var(--black-color);margin:0;letter-spacing:.3px;transition:color .2s}@media(min-width:768px){.banner-image{height:280px}.section-header h3{font-size:20px}}.explore-page{padding:10px 0 40px}.explore-section{margin-bottom:10px;border-bottom:1px solid #f0f0f0;padding-bottom:15px}.explore-section:last-child{border-bottom:none}.explore-section-header{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;cursor:pointer}.explore-section-header:hover h3{color:var(--primary-color)}.explore-section-header h3{font-size:16px;font-weight:700;color:var(--black-color);margin:0 0 3px;letter-spacing:.3px;transition:color .2s}.explore-section-header p{font-size:12px;color:#888;margin:0;max-width:280px}.explore-products-scroll{display:flex;gap:10px;padding:5px 15px 10px;overflow-x:auto;scrollbar-width:none}.explore-products-scroll::-webkit-scrollbar{display:none}.no-products{padding:30px;color:#999;font-size:14px;text-align:center;width:100%}.reels-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center}.re-icon{font-size:56px;margin-bottom:12px}.reels-empty h3{font-size:20px;font-weight:700;color:var(--black-color);margin:0 0 6px}.reels-empty p{font-size:14px;color:#888}.reels-page{padding:12px}.reels-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.reel-card{background:#f8f9fa;border-radius:16px;overflow:hidden}.reel-thumbnail-wrap{position:relative;width:100%;aspect-ratio:9/14;overflow:hidden;background:#1a1a1a}.reel-thumbnail{width:100%;height:100%;object-fit:cover}.reel-thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#222,#444)}.reel-overlay{position:absolute;inset:0;background:#00000026;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;cursor:pointer}.reel-card:hover .reel-overlay{opacity:1}.reel-play-icon{width:48px;height:48px;border-radius:50%;background:#0006;display:flex;align-items:center;justify-content:center}.reel-stats{position:absolute;bottom:8px;left:8px;display:flex;gap:10px;color:#fff;font-size:12px;font-weight:600}.reel-stats span{display:flex;align-items:center;gap:3px}.reel-creator{display:flex;align-items:center;gap:6px;padding:8px 10px;cursor:pointer}.reel-creator-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover}.reel-creator span{font-size:12px;font-weight:600;color:var(--black-color)}.reel-caption{font-size:12px;color:#666;padding:0 10px 8px;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(min-width:768px){.reels-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1200px){.reels-grid{grid-template-columns:repeat(4,1fr)}}.chats-login-required,.chats-empty{display:flex;justify-content:center;align-items:center;min-height:60vh;padding:20px}.clr-card,.chats-empty-card{background:#fff;border-radius:20px;padding:32px;text-align:center;max-width:360px;box-shadow:0 10px 30px #0000000f}.clr-icon-wrap{width:80px;height:80px;border-radius:50%;background:#ff572214;margin:0 auto 20px;display:flex;align-items:center;justify-content:center}.clr-card h3,.chats-empty-card h3{font-size:18px;font-weight:700;margin:0 0 8px;color:var(--black-color)}.clr-card p,.chats-empty-card p{font-size:14px;color:#888;margin:0 0 24px}.clr-login-btn{background:var(--primary-color);color:#fff;border:none;padding:14px 40px;border-radius:12px;font-weight:700;font-size:14px;cursor:pointer;transition:transform .2s,box-shadow .2s}.clr-login-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ff57224d}.ce-icon{font-size:48px;margin-bottom:16px}.ce-explore-btn{background:var(--primary-color);color:#fff;border:none;padding:12px 24px;border-radius:12px;font-weight:600;cursor:pointer}.chats-page{padding:12px}.chat-item{display:flex;align-items:center;gap:14px;padding:14px;border-radius:16px;background:#fff;margin-bottom:10px;cursor:pointer;box-shadow:0 2px 8px #00000008;transition:background .2s}.chat-item:hover{background:#fafafa}.chat-item.unread{border:1px solid rgba(255,87,34,.15);box-shadow:0 4px 12px #ff57220f}.chat-avatar-wrap{position:relative;flex-shrink:0}.chat-avatar{width:52px;height:52px;border-radius:18px;object-fit:cover}.chat-avatar-placeholder{width:52px;height:52px;border-radius:18px;background:#f0f0f0;display:flex;align-items:center;justify-content:center;font-size:22px}.online-dot{position:absolute;bottom:2px;right:2px;width:12px;height:12px;border-radius:50%;background:#4caf50;border:2px solid #fff}.chat-content{flex:1;overflow:hidden}.chat-top-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.chat-name{font-size:15px;font-weight:600;color:var(--black-color)}.chat-time{font-size:12px;color:#999;font-weight:500}.chat-time.unread{color:var(--primary-color);font-weight:600}.chat-bottom-row{display:flex;justify-content:space-between;align-items:center}.chat-last-msg{font-size:13px;color:#888;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.chat-last-msg.unread{color:var(--black-color);font-weight:600}.unread-badge{background:linear-gradient(135deg,var(--primary-color),rgba(255,87,34,.8));color:#fff;font-size:11px;font-weight:700;padding:3px 8px;border-radius:10px;margin-left:8px}.chatroom-page{display:flex;flex-direction:column;height:calc(100vh - 60px);background:#f8f9fa}.cr-header{display:flex;align-items:center;gap:12px;padding:12px 15px;background:#fff;border-bottom:1px solid #f0f0f0}.cr-back{background:none;border:none;cursor:pointer;display:flex;padding:6px}.cr-user-info{display:flex;align-items:center;gap:10px;cursor:pointer}.cr-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.cr-avatar-ph{width:40px;height:40px;border-radius:50%;background:#eee;display:flex;align-items:center;justify-content:center}.cr-name{display:block;font-size:15px;font-weight:700;color:var(--black-color)}.cr-online{font-size:11px;color:#4caf50;font-weight:600}.cr-messages{flex:1;overflow-y:auto;padding:15px;display:flex;flex-direction:column;gap:8px}.cr-msg{display:flex}.cr-msg.sent{justify-content:flex-end}.cr-msg.received{justify-content:flex-start}.cr-msg-bubble{max-width:75%;padding:10px 14px;border-radius:16px;position:relative}.cr-msg.sent .cr-msg-bubble{background:var(--primary-color);color:#fff;border-bottom-right-radius:4px}.cr-msg.received .cr-msg-bubble{background:#fff;color:var(--black-color);border-bottom-left-radius:4px;box-shadow:0 1px 4px #0000000d}.cr-msg-bubble p{margin:0;font-size:14px;line-height:1.5}.cr-msg-time{font-size:10px;opacity:.7;display:block;text-align:right;margin-top:4px}.cr-input-bar{display:flex;gap:10px;padding:10px 15px;background:#fff;border-top:1px solid #f0f0f0}.cr-input{flex:1;border:none;background:#f5f5f5;padding:12px 16px;border-radius:25px;font-size:14px;outline:none}.cr-input:focus{background:#eee}.cr-send-btn{width:44px;height:44px;border-radius:50%;border:none;background:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s}.cr-send-btn:hover{transform:scale(1.05)}.cr-send-btn:disabled{opacity:.5}.activity-login{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:15px;text-align:center}.activity-login p{font-size:16px;font-weight:600;color:#999}.activity-login button{background:var(--black-color);color:#fff;border:none;padding:12px 40px;border-radius:10px;font-weight:700;font-size:13px;cursor:pointer}.activity-page{padding:15px}.activity-tabs{display:flex;gap:8px;margin-bottom:15px;overflow-x:auto}.activity-tab{padding:8px 20px;border-radius:50px;border:none;font-size:14px;font-weight:600;cursor:pointer;background:#f0f0f0;color:var(--black-color);transition:all .2s;white-space:nowrap}.activity-tab.active{background:var(--primary-color);color:#fff}.activity-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:40vh;gap:10px}.ae-icon{font-size:64px}.activity-empty p{font-size:16px;color:#999;font-weight:600}.orders-list{display:flex;flex-direction:column;gap:15px}.order-card{background:#f8f9fa;border-radius:20px;overflow:hidden;cursor:pointer;transition:transform .2s}.order-card:hover{transform:translateY(-2px)}.order-image-wrap{width:100%}.order-image{width:100%;height:200px;object-fit:cover;display:block;border-radius:20px}.order-details{padding:10px 12px 5px}.order-category{display:block;font-size:12px;font-weight:600;color:var(--primary-color);margin-bottom:4px}.order-date,.order-price{display:block;font-size:15px;font-weight:600;color:var(--black-color)}.order-pending-note{display:block;font-size:12px;color:#999;margin-top:4px}.order-creator-pill{display:flex;align-items:center;gap:10px;padding:6px 10px;margin:8px 5px 5px;background:#0000000a;border-radius:50px}.ocp-avatar{width:38px;height:38px;border-radius:50%;object-fit:cover}.ocp-name{font-size:14px;font-weight:600;color:var(--black-color)}.product-details-page{padding-bottom:90px;background:#fff}.pd-loading{display:flex;justify-content:center;align-items:center;min-height:60vh;color:#999}.pd-topbar{display:flex;align-items:center;justify-content:space-between;padding:10px 15px;position:sticky;top:60px;z-index:50;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pd-back{background:#0000000f;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.pd-topbar-title{font-size:16px;font-weight:600}.pd-topbar-actions{display:flex;gap:8px}.pd-topbar-actions button{background:none;border:none;cursor:pointer;padding:4px;display:flex}.pd-gallery{position:relative;overflow:hidden;margin:0 15px;border-radius:25px;background:#f5f5f5;aspect-ratio:3/2}.pd-gallery-slider{display:flex;transition:transform .5s ease;height:100%}.pd-gallery-slide{min-width:100%;height:100%}.pd-gallery-image,.pd-single-image{width:100%;height:100%;object-fit:contain;display:block;border-radius:25px}.pd-gallery-dots{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:6px}.pd-dot{width:10px;height:10px;border-radius:50%;border:none;cursor:pointer;background:#ff57224d;transition:all .3s}.pd-dot.active{background:#ff5722;width:20px;border-radius:5px}.pd-creator-pill{display:flex;align-items:center;margin:15px 15px 0;background:#f5f5f5;border-radius:50px;border:.5px solid #ddd;cursor:pointer;padding:2px}.pd-cp-avatar{width:45px;height:45px;border-radius:50%;object-fit:cover}.pd-cp-info{flex:1;padding:0 10px}.pd-cp-name{display:block;font-size:16px;font-weight:600;color:var(--black-color)}.pd-cp-level{display:block;font-size:12px;color:#666}.pd-cp-chat{background:none;border:none;padding:8px;cursor:pointer;display:flex}.pd-title-section{display:flex;align-items:flex-start;gap:15px;padding:15px 15px 0}.pd-title{flex:1;font-size:20px;font-weight:600;margin:0;color:var(--black-color);line-height:1.3}.pd-rating-badge{background:#0000000f;border-radius:50px;padding:5px 10px;font-size:14px;white-space:nowrap;color:#666}.pd-description{padding:5px 15px 15px;font-size:14px;color:#666;line-height:1.5;margin:0}.pd-pricing-section{display:flex;background:#0000000a;overflow:hidden;position:relative;min-height:70px}.pd-pricing-normal{flex:1;padding:10px 15px}.pd-pricing-label{font-size:12px;font-weight:700;color:var(--black-color);display:block}.pd-pricing-prices{display:flex;gap:6px;align-items:baseline}.pd-price-discount,.pd-price-base{font-size:20px;font-weight:500;color:var(--black-color)}.pd-price-base.strikethrough{font-size:16px;text-decoration:line-through;color:#999}.pd-delivery-time{font-size:12px;color:#0009;display:block}.pd-pricing-fast{background:var(--black-color);color:#fff;border:none;padding:10px 15px 10px 25px;border-radius:50px 0 0 50px;cursor:pointer;display:flex;align-items:center;gap:10px;transition:background .2s;position:relative;min-width:140px}.pd-pricing-fast.selected{background:var(--primary-color)}.pd-fast-content{display:flex;flex-direction:column}.pd-fast-label{font-size:12px;font-weight:700;font-style:italic}.pd-fast-price{font-size:20px;font-weight:600;font-style:italic}.pd-fast-time{font-size:11px;font-style:italic;opacity:.9}.pd-product-info{padding:10px 0}.pd-info-title{font-size:20px;font-weight:600;margin:10px 15px;color:var(--black-color)}.pd-info-row{display:flex;flex-direction:column;padding:8px 15px;border-bottom:1px solid #eee}.pd-info-label{font-size:13px;color:#888;font-weight:600}.pd-info-value{font-size:15px;color:var(--black-color);font-weight:500}.pd-ratings-section{padding:0 0 20px}.pd-no-reviews{padding:20px 15px;color:#999;font-size:14px}.pd-review-card{padding:10px 15px;border-bottom:1px solid #f0f0f0}.pd-review-header{display:flex;justify-content:space-between;margin-bottom:4px}.pd-review-stars{font-size:14px}.pd-review-date{font-size:12px;color:#999}.pd-review-text{font-size:14px;color:#333;margin:0;line-height:1.5}.pd-bottom-bar{position:fixed;bottom:0;left:0;right:0;background:#eee;border-radius:25px 25px 0 0;padding:10px 15px;z-index:100;text-align:center}.pd-sale-countdown{margin-bottom:5px}.pd-sale-label{font-size:14px;font-weight:700;color:var(--primary-color);margin-right:5px}.pd-sale-time{font-size:15px;font-weight:600}.pd-order-btn{width:100%;background:var(--black-color);color:#fff;border:none;padding:14px;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;letter-spacing:.5px;transition:background .2s}.pd-order-btn:hover{background:#222}@media(min-width:768px){.pd-bottom-bar{left:80px}}.creator-profile-page{padding:0 0 40px}.cpp-top-bar{padding:10px 15px;position:sticky;top:60px;z-index:50;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.cpp-back{background:#0000000f;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.cpp-profile-header{text-align:center;padding:10px 20px 25px}.cpp-avatar-wrap{width:90px;height:90px;border-radius:50%;overflow:hidden;margin:0 auto 12px;border:3px solid var(--primary-color);padding:3px}.cpp-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover}.cpp-avatar-ph{width:100%;height:100%;border-radius:50%;background:#f0f0f0;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:#999}.cpp-name{font-size:22px;font-weight:700;color:var(--black-color);margin:0 0 8px}.cpp-stats-row{display:flex;justify-content:center;gap:16px;margin-bottom:10px}.cpp-stat{display:flex;align-items:center;gap:4px}.cpp-stat-val{font-size:13px;font-weight:600;color:#555}.cpp-bio{font-size:14px;color:#666;max-width:400px;margin:0 auto 16px;line-height:1.5}.cpp-chat-btn{display:inline-flex;align-items:center;gap:6px;background:var(--primary-color);color:#fff;border:none;padding:10px 24px;border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;transition:transform .2s,box-shadow .2s}.cpp-chat-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ff57224d}.cpp-products-section{padding:0 15px}.cpp-products-section h3{font-size:18px;font-weight:700;margin:0 0 12px;color:var(--black-color)}.cpp-no-products{color:#999;font-size:14px;text-align:center;padding:40px 0}.cpp-products-grid{display:flex;flex-wrap:wrap;gap:12px}.cpp-products-grid .product-card{width:calc(50% - 6px);min-width:unset}@media(min-width:768px){.cpp-products-grid .product-card{width:calc(33.33% - 8px)}}@media(min-width:1200px){.cpp-products-grid .product-card{width:calc(25% - 9px)}}.search-page{padding:0}.sp-header{display:flex;align-items:center;gap:10px;padding:10px 15px;background:#fff;position:sticky;top:60px;z-index:50}.sp-back{background:none;border:none;cursor:pointer;display:flex;padding:6px}.sp-input-wrap{flex:1;display:flex;align-items:center;gap:8px;background:#f5f5f5;border-radius:12px;padding:10px 14px}.sp-input{flex:1;border:none;background:none;font-size:15px;outline:none;color:var(--black-color)}.sp-clear{background:none;border:none;cursor:pointer;display:flex;color:#999}.sp-filters{display:flex;gap:8px;padding:8px 15px;overflow-x:auto;scrollbar-width:none}.sp-filters::-webkit-scrollbar{display:none}.sp-filter{padding:6px 14px;border-radius:50px;border:1.5px solid #ddd;background:none;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s}.sp-filter.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.sp-loading,.sp-no-results,.sp-hint{display:flex;justify-content:center;padding:60px 20px;color:#999;font-size:15px}.sp-results-grid{display:flex;flex-wrap:wrap;gap:12px;padding:12px 15px}.sp-results-grid .product-card{width:calc(50% - 6px);min-width:unset}@media(min-width:768px){.sp-results-grid .product-card{width:calc(33.33% - 8px)}}@media(min-width:1200px){.sp-results-grid .product-card{width:calc(25% - 9px)}}.fav-login,.fav-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:12px;text-align:center}.fav-login p,.fav-empty p{font-size:16px;color:#999;font-weight:600}.fav-login button{background:var(--black-color);color:#fff;border:none;padding:12px 36px;border-radius:10px;font-weight:700;cursor:pointer}.fav-explore-btn{background:var(--primary-color);color:#fff;border:none;padding:10px 24px;border-radius:10px;font-weight:600;cursor:pointer}.fav-loading{display:flex;justify-content:center;align-items:center;min-height:40vh;color:#999}.favourites-page{padding:15px}.fav-title{font-size:22px;font-weight:700;margin:0 0 15px;color:var(--black-color)}.fav-grid{display:flex;flex-wrap:wrap;gap:12px}.fav-grid .product-card{width:calc(50% - 6px);min-width:unset}@media(min-width:768px){.fav-grid .product-card{width:calc(33.33% - 8px)}}@media(min-width:1200px){.fav-grid .product-card{width:calc(25% - 9px)}}.category-page{padding:0}.cp-header{display:flex;align-items:center;gap:12px;padding:12px 15px;position:sticky;top:60px;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50}.cp-back{background:#0000000f;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.cp-header h2{font-size:18px;font-weight:700;margin:0;color:var(--black-color)}.cp-loading,.cp-empty{display:flex;justify-content:center;align-items:center;min-height:40vh;color:#999;font-size:15px}.cp-grid{display:flex;flex-wrap:wrap;gap:12px;padding:12px 15px 40px}.cp-grid .product-card{width:calc(50% - 6px);min-width:unset}@media(min-width:768px){.cp-grid .product-card{width:calc(33.33% - 8px)}}@media(min-width:1200px){.cp-grid .product-card{width:calc(25% - 9px)}}.creator-page{padding:15px 15px 90px}.creator-loading{display:flex;justify-content:center;align-items:center;min-height:60vh;color:#999;font-size:16px}.creator-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-bottom:20px}.stat-card{border-radius:20px;padding:20px 15px;display:flex;flex-direction:column;align-items:center;gap:8px;border:1px solid;text-align:center}.stat-value{font-size:20px;font-weight:700;font-family:Inter,sans-serif}.stat-label{font-size:12px;font-weight:500}.section-title{font-size:18px;font-weight:700;margin:20px 0 15px;color:#000}.payment-card{display:flex;align-items:center;gap:16px;padding:20px;border-radius:20px;margin-bottom:12px;border:1px solid}.payment-card.green{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-color:#a5d6a7}.payment-card.blue{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-color:#90caf9}.payment-card.amber{background:linear-gradient(135deg,#fff8e1,#ffecb3);border-color:#ffe082}.payment-icon-wrap{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.payment-info{flex:1;display:flex;flex-direction:column}.payment-label{font-size:16px;font-weight:600}.payment-amount{font-size:20px;font-weight:700;font-family:Inter,sans-serif}.quick-stats-row{display:flex;gap:12px;margin-top:12px}.quick-stat{flex:1;padding:16px;border-radius:15px;border:1px solid;display:flex;flex-direction:column;align-items:center;gap:8px}.qs-label{font-size:12px;font-weight:500}.qs-value{font-size:14px;font-weight:600;font-family:Inter,sans-serif}.creator-tabs{display:flex;gap:8px;margin-bottom:15px;flex-wrap:wrap}.creator-tab{padding:8px 20px;border-radius:50px;border:none;font-size:14px;font-weight:600;cursor:pointer;background:#f0f0f0;color:#000;transition:all .2s}.creator-tab.active{background:#ff5722;color:#fff}.creator-product-list{display:flex;flex-direction:column;gap:15px}.creator-product-card{border-radius:25px;overflow:hidden;background:#fff;border:1px solid rgba(128,128,128,.1)}.creator-product-cover{width:100%;aspect-ratio:3/2;object-fit:cover;display:block}.creator-product-info{padding:15px}.creator-product-category{font-size:14px;font-weight:600;color:#ff5722}.creator-product-title{font-size:18px;font-weight:600;color:#000;margin:4px 0}.creator-product-footer{display:flex;justify-content:space-between;align-items:center;padding:0 15px 15px}.creator-product-price{font-size:20px;font-weight:600;color:#ff5722;font-family:Inter,sans-serif}.creator-product-actions{display:flex;gap:10px}.cprod-action-btn{padding:10px;border-radius:12px;border:none;background:#80808026;cursor:pointer;display:flex;align-items:center;justify-content:center}.cprod-action-btn.danger{background:#ef535026;color:#e53935}.creator-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;color:#999;gap:10px}.creator-empty h3{font-size:18px;font-weight:600}.creator-empty p{font-size:14px}.creator-reels-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.creator-reels-header h2{font-size:24px;font-weight:700}.create-reel-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;border-radius:12px;border:none;background:#ff5722;color:#fff;font-weight:600;font-size:14px;cursor:pointer}.creator-reels-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.creator-reel-card{border-radius:12px;overflow:hidden;background:#111;position:relative;aspect-ratio:9/16;cursor:pointer}.creator-reel-thumb{width:100%;height:100%;object-fit:cover}.creator-reel-thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#222}.creator-reel-draft{position:absolute;top:8px;right:8px;background:orange;color:#fff;font-size:10px;font-weight:700;padding:4px 8px;border-radius:6px}.creator-reel-stats{position:absolute;bottom:0;left:0;right:0;padding:8px;background:linear-gradient(transparent,#000c);display:flex;justify-content:space-around;border-radius:0 0 12px 12px}.creator-reel-stats span{display:flex;align-items:center;gap:4px;color:#fff;font-size:12px}.filter-chips{display:flex;gap:12px;margin-bottom:16px}.filter-chip{padding:8px 16px;border-radius:20px;border:1px solid rgba(128,128,128,.3);background:#8080801a;font-size:14px;font-weight:500;cursor:pointer;color:#000;transition:all .2s}.filter-chip.active{background:#ff5722;border-color:#ff5722;color:#fff}.creator-order-card{border-radius:25px;overflow:hidden;background:#f5f5f5;margin-bottom:15px}.creator-order-cover{width:100%;aspect-ratio:3/2;object-fit:cover}.creator-order-info{padding:10px 15px}.creator-order-category{font-size:12px;font-weight:600;color:#ff5722}.creator-order-date,.creator-order-price{font-size:16px;font-weight:600;color:#000;font-family:Inter,sans-serif}.creator-order-user{display:flex;align-items:center;background:#0000000d;border-radius:50px;margin:10px 0}.creator-order-user-avatar{width:45px;height:45px;border-radius:50%;object-fit:cover;padding:2px}.creator-order-user-info{flex:1;padding:0 10px}.creator-order-user-name{font-size:16px;font-weight:600}.creator-order-user-rating{font-size:12px;color:#999}.add-product-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;border-radius:12px;border:none;background:#111;color:#fff;font-weight:700;font-size:14px;cursor:pointer;text-transform:uppercase}.add-product-page{display:flex;flex-direction:column;min-height:calc(100vh - 55px);background:#fff}.ap-topbar{display:flex;align-items:center;gap:12px;padding:12px 15px;background:#e65100;color:#fff;position:sticky;top:55px;z-index:50}.ap-back{background:#ffffff26;border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff}.ap-step-title{flex:1;font-size:16px;font-weight:600}.ap-step-indicator{display:flex;gap:6px}.ap-step-dot{width:8px;height:8px;border-radius:50%;background:#ffffff4d;transition:all .3s}.ap-step-dot.active{background:#fff;width:20px;border-radius:4px}.ap-content{flex:1;padding:15px 15px 100px;overflow-y:auto}.ap-categories h3{font-size:18px;font-weight:700;margin-bottom:15px}.ap-cat-card{padding:15px;border-radius:15px;background:#f5f5f5;margin-bottom:12px;cursor:pointer;transition:all .2s;border:2px solid transparent}.ap-cat-card.selected{background:#fff3e0;border-color:#ff5722}.ap-cat-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.ap-cat-label{font-size:16px;font-weight:700}.ap-cat-radio{width:22px;height:22px;border-radius:50%;border:2px solid #999;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ap-cat-radio.checked{border-color:#ff5722}.ap-cat-radio-inner{width:12px;height:12px;border-radius:50%;background:#ff5722}.ap-cat-desc{font-size:12px;color:#666;line-height:1.5;margin:0}.ap-label{display:block;font-size:16px;font-weight:600;margin:15px 0 5px;color:#000}.ap-hint{font-size:12px;color:#888;margin:0 0 5px;line-height:1.4}.ap-input-wrap{position:relative}.ap-input{width:100%;padding:12px 15px;border-radius:12px;border:none;background:#f0f0f0;font-size:15px;font-weight:500;outline:none;font-family:inherit;box-sizing:border-box}.ap-input:focus{background:#eee}.ap-textarea{width:100%;padding:12px 15px;border-radius:12px;border:none;background:#f0f0f0;font-size:15px;font-weight:500;outline:none;font-family:inherit;resize:vertical;box-sizing:border-box}.ap-counter{display:block;text-align:right;font-size:12px;color:#999;margin-top:2px}.ap-select-wrap{position:relative}.ap-select{width:100%;padding:12px 15px;border-radius:12px;border:none;background:#f0f0f0;font-size:15px;font-weight:500;outline:none;appearance:none;font-family:inherit;cursor:pointer}.ap-select-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#666;pointer-events:none}.ap-section-title{font-size:18px;font-weight:700;margin:20px 0 10px}.ap-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #f0f0f0}.ap-toggle-label{display:block;font-size:16px;font-weight:600}.ap-toggle-desc{display:block;font-size:14px;color:#888;font-weight:500}.ap-switch{position:relative;display:inline-block;width:48px;height:26px;flex-shrink:0}.ap-switch input{opacity:0;width:0;height:0}.ap-slider{position:absolute;cursor:pointer;inset:0;background:#e0e0e0;border-radius:26px;transition:.3s}.ap-slider:before{content:"";position:absolute;height:20px;width:20px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.3s}.ap-switch input:checked+.ap-slider{background:#ff5722}.ap-switch input:checked+.ap-slider:before{transform:translate(22px)}.ap-lang-trigger{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;border-radius:12px;background:#f0f0f0;font-size:15px;font-weight:500;cursor:pointer;color:#666}.ap-lang-picker{margin-top:8px;border:1px solid #eee;border-radius:12px;padding:10px;max-height:250px;overflow-y:auto}.ap-lang-list{margin-top:8px;max-height:180px;overflow-y:auto}.ap-lang-item{padding:8px 12px;border-radius:8px;cursor:pointer;font-size:15px;text-align:center;transition:all .2s}.ap-lang-item:hover{background:#f5f5f5}.ap-lang-item.selected{color:#ff5722;font-weight:600;font-size:17px}.ap-banners h3{font-size:18px;font-weight:700;margin-bottom:5px}.ap-banner-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:15px}.ap-banner-item{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;background:#f0f0f0}.ap-banner-item img,.ap-banner-item video{width:100%;height:100%;object-fit:cover}.ap-banner-remove{position:absolute;top:6px;right:6px;width:24px;height:24px;border-radius:50%;background:#0009;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.ap-banner-cover-tag{position:absolute;bottom:6px;left:6px;background:#ff5722;color:#fff;font-size:10px;font-weight:700;padding:3px 8px;border-radius:6px}.ap-banner-add{aspect-ratio:1;border:2px dashed #ccc;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;color:#999;font-size:14px;font-weight:500;transition:all .2s}.ap-banner-add:hover{border-color:#ff5722;color:#ff5722}.ap-bottom{position:fixed;bottom:0;left:0;right:0;padding:12px 15px;background:#fff;border-top:1px solid #eee;z-index:100}@media(min-width:768px){.ap-bottom{left:80px}}.ap-next-btn{width:100%;padding:14px;border-radius:12px;border:none;background:#111;color:#fff;font-size:14px;font-weight:700;cursor:pointer;letter-spacing:.5px;text-transform:uppercase}.ap-next-btn:hover{background:#333}.ap-bottom-actions{display:flex;gap:10px}.ap-draft-btn{flex:1;padding:14px;border-radius:12px;border:2px solid #111;background:#fff;color:#111;font-size:13px;font-weight:700;cursor:pointer;text-transform:uppercase}.ap-publish-btn{flex:1;padding:14px;border-radius:12px;border:none;background:#ff5722;color:#fff;font-size:13px;font-weight:700;cursor:pointer;text-transform:uppercase}.ap-publish-btn:disabled,.ap-draft-btn:disabled{opacity:.6;cursor:not-allowed}.legal-page{min-height:100vh;display:flex;flex-direction:column;color:#000;background-color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;position:relative;overflow-x:hidden}.legal-page:before{content:"";position:absolute;width:500px;height:500px;border-radius:50%;filter:blur(150px);z-index:0;opacity:.06;pointer-events:none;top:-5%;left:-8%;background:radial-gradient(circle,#FF5722,transparent 70%)}.legal-nav{position:sticky;top:0;width:100%;padding:1rem 0;background-color:#fffffff2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(0,0,0,.05);box-shadow:0 4px 20px #0000000a;z-index:100}.legal-nav-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 2rem}.legal-logo{display:flex;align-items:center;gap:.75rem;font-size:1.35rem;font-weight:800;color:#000;text-decoration:none;letter-spacing:-.5px}.legal-logo img{height:36px;width:auto;object-fit:contain}.legal-back-btn{padding:.5rem 1.2rem;border-radius:8px;text-decoration:none;font-weight:600;font-size:.9rem;color:#ff5722;background-color:#ff572214;border:1px solid rgba(255,87,34,.15);transition:all .2s ease;display:flex;align-items:center;gap:.4rem}.legal-back-btn:hover{background-color:#ff572224;transform:translateY(-1px)}.legal-content{flex:1;max-width:880px;margin:0 auto;padding:3rem 2rem 6rem;position:relative;z-index:1;animation:legalFadeIn .5s ease-out}@keyframes legalFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.legal-header{text-align:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid #EEEEEE}.legal-header h1{font-size:clamp(2rem,4vw,3rem);font-weight:800;letter-spacing:-1px;margin:0 0 .75rem;color:#000}.legal-header .legal-subtitle{color:#888;font-size:.95rem;margin:0}.legal-section{margin-bottom:2.5rem}.legal-section h2{font-size:1.5rem;font-weight:700;color:#000;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:2px solid rgba(255,87,34,.15);display:inline-block}.legal-section h3{font-size:1.15rem;font-weight:600;color:#333;margin:1.5rem 0 .75rem}.legal-section p{color:#555;line-height:1.75;margin:0 0 .75rem;font-size:1rem}.legal-section ul{list-style:none;padding:0;margin:.75rem 0}.legal-section ul li{position:relative;padding-left:1.5rem;margin-bottom:.6rem;color:#555;line-height:1.65;font-size:1rem}.legal-section ul li:before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,#ff5722,#ff9800)}.legal-section strong{color:#000;font-weight:600}.legal-section a{color:#ff5722;text-decoration:none;font-weight:500;transition:color .2s}.legal-section a:hover{color:#e64a19;text-decoration:underline}.legal-section .contact-email{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;background:#ff57220f;border:1px solid rgba(255,87,34,.12);border-radius:8px;color:#ff5722;font-weight:600;margin-top:.5rem}.contact-page{min-height:100vh;display:flex;flex-direction:column;color:#000;background-color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;position:relative;overflow-x:hidden}.contact-page:before{content:"";position:absolute;width:500px;height:500px;border-radius:50%;filter:blur(150px);z-index:0;opacity:.06;pointer-events:none;top:10%;right:-8%;background:radial-gradient(circle,#8A2BE2,transparent 70%)}.contact-content{flex:1;max-width:1100px;margin:0 auto;padding:3rem 2rem 6rem;position:relative;z-index:1;animation:legalFadeIn .5s ease-out}.contact-header{text-align:center;margin-bottom:3rem}.contact-header h1{font-size:clamp(2rem,4vw,3rem);font-weight:800;letter-spacing:-1px;margin:0 0 .75rem;color:#000}.contact-header p{color:#666;font-size:1.1rem;max-width:500px;margin:0 auto;line-height:1.6}.contact-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:3rem;align-items:start}.contact-info{display:flex;flex-direction:column;gap:2rem}.contact-info-card{padding:2rem;border-radius:20px;background:#fafafa;border:1px solid #EEEEEE;transition:transform .3s ease,box-shadow .3s ease}.contact-info-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0000000f}.contact-info-icon{width:50px;height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:#ff57221a;color:#ff5722;margin-bottom:1rem}.contact-info-card h3{font-size:1.1rem;font-weight:700;color:#000;margin:0 0 .5rem}.contact-info-card p{color:#666;margin:0;line-height:1.6;font-size:.95rem}.contact-info-card a{color:#ff5722;text-decoration:none;font-weight:600}.contact-info-card a:hover{text-decoration:underline}.contact-form-card{padding:2.5rem;border-radius:24px;background:#fff;border:1px solid #EEEEEE;box-shadow:0 8px 30px #0000000a}.contact-form-card h2{font-size:1.5rem;font-weight:700;margin:0 0 1.5rem;color:#000}.contact-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-group label{font-size:.85rem;font-weight:600;color:#333;text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group textarea{padding:.85rem 1rem;border-radius:12px;border:1px solid #E0E0E0;background:#fafafa;font-size:1rem;font-family:inherit;color:#000;transition:all .2s ease;outline:none}.form-group input:focus,.form-group textarea:focus{border-color:#ff5722;background:#fff;box-shadow:0 0 0 3px #ff57221a}.form-group textarea{min-height:140px;resize:vertical}.contact-submit-btn{padding:.9rem 2rem;border-radius:12px;border:none;background:linear-gradient(135deg,#ff5722,#f4511e);color:#fff;font-size:1.05rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease;position:relative;overflow:hidden;margin-top:.5rem}.contact-submit-btn:hover:not(:disabled){box-shadow:0 8px 25px #ff57224d;transform:translateY(-2px)}.contact-submit-btn:disabled{opacity:.6;cursor:not-allowed}.contact-submit-btn .spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.contact-success{text-align:center;padding:3rem 2rem;animation:legalFadeIn .4s ease-out}.contact-success-icon{width:70px;height:70px;border-radius:50%;background:#4caf501a;color:#4caf50;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.contact-success h3{font-size:1.4rem;font-weight:700;color:#000;margin:0 0 .75rem}.contact-success p{color:#666;line-height:1.6;margin:0 0 1.5rem}.contact-reset-btn{padding:.7rem 1.5rem;border-radius:10px;border:1px solid #E0E0E0;background:#fff;color:#000;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.contact-reset-btn:hover{background:#f5f5f5;border-color:#ccc}.legal-footer{background-color:#fafafa;padding:2rem;border-top:1px solid #EEEEEE;text-align:center;z-index:1;position:relative}.legal-footer p{color:#999;margin:0;font-size:.9rem}@media(max-width:768px){.legal-content,.contact-content{padding:2rem 1.25rem 4rem}.contact-grid{grid-template-columns:1fr}.legal-header h1,.contact-header h1{font-size:2rem}.contact-form-card{padding:1.5rem}.legal-nav-content{padding:0 1.25rem}}#root{min-height:100vh;display:flex;flex-direction:column}.app-container{width:100%;margin:0;padding:0}