:root{--primary: #2563eb;--primary-dark: #1e40af;--primary-light: #60a5fa;--accent: #10b981;--accent-light: #a7f3d0;--accent-gold: #fbbf24;--dark: #0f172a;--gray-dark: #334155;--gray: #64748b;--gray-light: #cbd5e1;--light: #f8fafc;--border-radius: 12px;scroll-behavior:smooth;--shadow-sm: 0 1px 3px rgba(0,0,0,.1);--shadow: 0 4px 6px rgba(0,0,0,.05), 0 10px 15px rgba(37,99,235,.1);--shadow-lg: 0 10px 25px rgba(0,0,0,.05), 0 20px 48px rgba(37,99,235,.1);--font-main: "Inter", "SF Pro Display", system-ui, sans-serif}body{font-family:var(--font-main);margin:0;padding:0;background-color:var(--light);color:var(--dark);line-height:1.6}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 5%;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:fixed;top:0;width:90%;z-index:1000;box-shadow:var(--shadow-sm);transition:all .3s ease}.navbar-logo{font-size:1.8rem;font-weight:800;color:var(--primary);letter-spacing:-.5px;display:flex;align-items:center}.logo-e{color:var(--accent);margin-right:2px}.navbar-links{display:flex;gap:2.5rem;list-style:none}.navbar-links a{color:var(--gray-dark);text-decoration:none;font-weight:600;font-size:1rem;transition:all .2s ease;position:relative}.navbar-links a:after{content:"";position:absolute;width:0;height:2px;bottom:-4px;left:0;background-color:var(--primary);transition:width .3s ease}.navbar-links a:hover{color:var(--primary)}.navbar-links a:hover:after{width:100%}.login-link{background:var(--primary);color:#fff!important;padding:.5rem 1.25rem!important;border-radius:50px;transition:all .3s ease!important}.login-link:hover{background:var(--primary-dark)!important;transform:translateY(-2px);box-shadow:var(--shadow)}.hero-section{padding:8rem 5% 6rem;display:flex;align-items:center;justify-content:space-between;gap:4rem;min-height:80vh;position:relative;overflow:hidden}.hero-content{max-width:600px;position:relative;z-index:2}.eyebrow{display:inline-block;font-size:1rem;font-weight:600;color:var(--primary);margin-bottom:1rem;padding:.35rem 1rem;background:#2563eb1a;border-radius:50px}.hero-content h1{font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem;color:var(--dark);letter-spacing:-1px}.hero-content p{font-size:1.15rem;color:var(--gray);margin-bottom:2.5rem;line-height:1.7}.hero-cta{display:flex;gap:1rem;margin-bottom:3rem}.cta-btn{border:none;font-size:1rem;font-weight:600;padding:.9rem 1.8rem;border-radius:50px;cursor:pointer;transition:all .3s ease}.primary-btn{background:var(--primary);color:#fff;box-shadow:var(--shadow)}.primary-btn:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.secondary-btn{background:transparent;color:var(--primary);border:2px solid var(--primary)}.secondary-btn:hover{background:#2563eb0d;transform:translateY(-2px)}.hero-stats{display:flex;justify-content:space-between;max-width:450px;border-top:1px solid var(--gray-light);padding-top:2rem}.stat-item{display:flex;flex-direction:column}.stat-number{font-size:2.2rem;font-weight:800;color:var(--primary);line-height:1;margin-bottom:.5rem}.stat-label{font-size:.95rem;color:var(--gray);font-weight:500}.hero-media{flex:1;display:flex;align-items:center;justify-content:center;position:relative}.hero-img{width:100%;max-width:500px;height:auto;border-radius:20px;box-shadow:var(--shadow-lg);z-index:2;position:relative}.hero-decorative-element{position:absolute;top:10%;right:-5%;width:350px;height:350px;background:linear-gradient(135deg,var(--primary-light),var(--accent-light));border-radius:50%;z-index:1;opacity:.7;filter:blur(80px)}.features-section{padding:6rem 5%;background:#fff}.section-title{text-align:center;font-size:2.5rem;font-weight:800;margin-bottom:4rem;color:var(--dark);letter-spacing:-.5px}.highlight{color:var(--primary);position:relative;display:inline-block}.highlight:after{content:"";position:absolute;width:100%;height:8px;background:#2563eb33;bottom:5px;left:0;z-index:-1;border-radius:4px}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;max-width:1200px;margin:0 auto}.feature-card{background:#fff;border-radius:var(--border-radius);padding:2rem;box-shadow:var(--shadow);transition:all .3s ease;display:flex;flex-direction:column;align-items:flex-start;position:relative;overflow:hidden}.feature-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.feature-icon{width:100%;height:200px;border-radius:var(--border-radius);overflow:hidden;margin-bottom:1.5rem}.feature-icon img{width:100%;height:100%;object-fit:cover;transition:all .5s ease}.feature-card:hover .feature-icon img{transform:scale(1.05)}.feature-card h3{font-size:1.4rem;font-weight:700;margin-bottom:.5rem;color:var(--dark)}.feature-card p{color:var(--gray);margin-bottom:1.5rem}.feature-link{color:var(--primary);font-weight:600;text-decoration:none;display:flex;align-items:center;gap:.5rem;margin-top:auto;transition:all .2s ease}.feature-link:after{content:"→";transition:all .2s ease}.feature-link:hover{color:var(--primary-dark)}.feature-link:hover:after{transform:translate(3px)}@media (max-width: 1024px){.hero-section{flex-direction:column;padding:7rem 5% 4rem;text-align:center}.hero-content{max-width:100%}.hero-stats{margin:0 auto}.hero-cta{justify-content:center}.hero-media{margin-top:3rem}.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.hero-content h1{font-size:2.8rem}.features-grid{grid-template-columns:1fr}.navbar{padding:1rem 5%}.navbar-links{gap:1.5rem}}.dashboard{max-width:600px;margin:2.5rem auto;background:var(--eco-white);border-radius:var(--radius);box-shadow:var(--eco-shadow);padding:2.5rem 2rem 2rem}.dashboard h2{text-align:center;color:var(--primary-green);margin-bottom:2rem;font-size:2.1rem;font-weight:800}.profile-form input{flex:1;padding:.7rem 1rem;border:1.5px solid var(--eco-gray);border-radius:.75rem;font-size:1rem;background:var(--eco-light);transition:border .2s}.profile-form input:focus{border:1.5px solid var(--primary-green);outline:none}.profile-photo{display:block;margin:1rem auto 0;width:120px;height:120px;object-fit:cover;border-radius:50%;box-shadow:0 2px 12px #b2f2d7;border:3px solid var(--primary-green)}.profile-form button{margin-top:1.5rem;background:var(--primary-green);color:var(--eco-white);border:none;padding:.8rem 0;border-radius:999px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:background .2s}.analytics{background:var(--eco-light);border-radius:.75rem;padding:1rem 1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 8px #b2f2d7;color:var(--eco-dark)}.analytics h3{margin:0 0 .5rem;color:var(--primary-green);font-size:1.1rem;font-weight:700}.admin-dashboard{max-width:1200px;margin:2.5rem auto;background:var(--eco-white);border-radius:var(--radius);box-shadow:var(--eco-shadow);padding:2.5rem 2rem 2rem}.admin-dashboard h2{text-align:center;color:var(--primary-green);margin-bottom:2rem;font-size:2rem;font-weight:800}.admin-table{width:100%;border-collapse:collapse;background:var(--eco-white);font-size:1rem}.admin-table th,.admin-table td{padding:.9rem .7rem;border-bottom:1px solid var(--eco-gray);text-align:left}.admin-table th{background:var(--eco-light);color:var(--eco-dark);font-weight:700}.admin-table select{padding:.4rem .7rem;border-radius:.5rem;border:1px solid var(--eco-gray);background:var(--eco-light);font-size:1rem}.admin-table a{color:var(--primary-green);text-decoration:underline;font-weight:600}.auth-form{max-width:400px;margin:3rem auto;background:var(--eco-white);border-radius:var(--radius);box-shadow:var(--eco-shadow);padding:2.2rem 2rem 2rem;display:flex;flex-direction:column;gap:1.2rem}.auth-form h2{color:var(--primary-green);text-align:center;margin-bottom:1.2rem;font-size:1.5rem;font-weight:700}.auth-form input{padding:.7rem 1rem;border:1.5px solid var(--eco-gray);border-radius:.75rem;font-size:1rem;background:var(--eco-light);transition:border .2s}.auth-form input:focus{border:1.5px solid var(--primary-green);outline:none}.auth-form button{background:var(--primary-green);color:var(--eco-white);border:none;padding:.8rem 0;border-radius:999px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:background .2s}.auth-form button:disabled{background:#a0aec0;cursor:not-allowed}.auth-error{color:#e53935;background:#fff3f3;border-radius:.5rem;padding:.5rem 1rem;font-size:.98rem;text-align:center}@media (max-width: 1100px){.bento-layout{grid-template-columns:1fr 1fr}}@media (max-width: 700px){.bento-layout{grid-template-columns:1fr;padding:1rem}.hero-section{flex-direction:column;text-align:center;padding:2rem 1rem;margin:1rem auto 0}.hero-media{margin-top:2rem}.dashboard,.admin-dashboard,.auth-form{padding:1.2rem .5rem}.form-row{flex-direction:column;gap:.5rem}}::-webkit-scrollbar{width:8px;background:var(--eco-light)}::-webkit-scrollbar-thumb{background:var(--primary-green);border-radius:8px}.bento-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;height:100%;z-index:2}.bento-content h3{color:var(--eco-dark);margin:0 0 .5rem;font-size:1.25rem;font-weight:700;transition:color .2s}.bento-content p{font-size:.9rem;margin:0 0 1rem;font-weight:400;max-width:90%;transition:color .2s}.bento-img{width:80px;height:80px;object-fit:cover;border-radius:50%;box-shadow:0 2px 8px #3c785026;transition:transform .3s}.bento-item:hover .bento-img{transform:scale(1.1)}.bento-item:hover .bento-content h3,.bento-item:hover .bento-content p{color:var(--eco-white)}.card-profile{position:relative;padding-top:3rem}.eco-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--primary-green);color:#fff;padding:.4rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;box-shadow:0 2px 8px #3c785033;display:flex;align-items:center;gap:5px}.eco-icon{font-size:1rem}.profile-role{color:var(--eco-dark);text-align:center;font-size:1.1rem;margin-top:-1rem;opacity:.8}.card-details{display:flex;flex-direction:column;gap:1rem;margin:2rem 0;padding:1.5rem;background:var(--eco-light);border-radius:var(--radius)}.detail-item{display:flex;align-items:center;gap:.8rem;font-size:1.1rem}.detail-icon{font-size:1.3rem;width:2rem;text-align:center}.detail-text{word-break:break-all}.card-footer{display:flex;flex-direction:column;align-items:center;margin-top:1.5rem;border-top:1px solid var(--eco-gray);padding-top:1.5rem;text-align:center}.card-footer p{margin:.3rem 0}.trees-saved{font-size:.9rem;color:var(--primary-green);font-weight:600}.e-vox-text{font-weight:700}.gold{color:var(--accent-gold)}.not-found-img{width:150px;height:150px;border-radius:50%;object-fit:cover;margin:1.5rem auto;display:block;opacity:.8}.card-not-found{text-align:center}.card-not-found p{color:#666;margin-bottom:1.5rem}.navbar{position:fixed;top:0;left:0;right:0;width:100vw;height:70px;background-color:#fffffff7;box-shadow:0 2px 15px #00000014;display:flex;align-items:center;justify-content:center;padding:0;z-index:100;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.19,1,.22,1);transform:translateY(0);box-sizing:border-box;overflow:visible;margin:0}.navbar-hidden{transform:translateY(-100%)}.menu-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0000;z-index:1000;visibility:hidden;opacity:0;transition:opacity .3s ease,visibility .3s ease}.menu-backdrop.active{visibility:visible;opacity:.5;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.navbar+*{padding-top:90px}.content-container{padding-top:90px;min-height:calc(100vh - 70px)}.navbar-spacing{margin-top:90px}@media (max-width: 768px){.navbar{padding:0;width:100vw}.navbar-container{padding:0 1rem;width:100%}.navbar-logo{margin-left:0}}.navbar.scrolled{background-color:#fffffffc;box-shadow:0 4px 20px #00000014;height:60px}.navbar.scrolled .navbar-container{height:60px}.navbar.scrolled .nav-link{font-size:.95rem}.navbar-container{display:flex;align-items:center;width:100%;max-width:1600px;margin:0 auto;padding:0 2rem;height:70px;position:relative;justify-content:space-between;flex-wrap:nowrap}.navbar-logo{display:flex;align-items:center;font-size:1.5rem;font-weight:700;color:#2d3748;text-decoration:none;transition:transform .3s ease;margin-right:auto}.navbar-logo-image{max-height:40px;max-width:180px;height:auto;width:auto;object-fit:contain;transition:transform .3s ease}.navbar-logo:hover,.navbar-logo:hover .navbar-logo-image{transform:scale(1.05)}.navbar-logo:hover .logo-e{animation:pulse-glow 1s ease-in-out}@keyframes pulse-glow{0%{text-shadow:0 0 0 rgba(49,130,206,0)}50%{text-shadow:0 0 10px rgba(49,130,206,.5)}to{text-shadow:0 0 0 rgba(49,130,206,0)}}.logo-e{color:#3182ce;font-weight:900;transition:all .3s ease}.navbar-menu{display:flex;align-items:center;justify-content:center;list-style:none;margin:0;padding:0;flex-grow:1;width:auto;flex-wrap:nowrap;overflow:visible}.nav-item{margin:0 .8rem;position:relative;white-space:nowrap}.nav-link{color:#4a5568;text-decoration:none;font-weight:500;font-size:1rem;padding:.75rem .5rem;position:relative;transition:all .3s ease;border-radius:4px;display:flex;align-items:center;justify-content:center;white-space:nowrap}.nav-link:after{content:"";position:absolute;width:0;height:2px;bottom:0;left:50%;transform:translate(-50%);background-color:#3182ce;transition:width .3s cubic-bezier(.65,0,.35,1);border-radius:2px}.nav-link{position:relative;overflow:hidden}.nav-link:hover{color:#3182ce;background-color:#3182ce14}.nav-link:hover:after{width:100%}.nav-link:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#3182ce33;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;z-index:-1;pointer-events:none}.nav-link:active:before{width:150px;height:150px;opacity:0;transition:all .6s ease-out}.nav-link.active{color:#3182ce;font-weight:600;background-color:#3182ce14;position:relative;transform:translateY(-2px);box-shadow:0 2px 8px #3182ce26}.nav-link.active:before{content:"";position:absolute;top:-5px;left:50%;transform:translate(-50%);width:5px;height:5px;border-radius:50%;background-color:#3182ce}.nav-link.active:after{width:100%;height:3px}@media (max-width: 1023px){.nav-link.active{background-color:#3182ce1a;box-shadow:inset 4px 0 #3182ce;padding-left:1rem;transform:none}.nav-link.active:before{display:none}}.login-button{padding:.6rem 1.5rem;border-radius:50px;transition:all .3s ease;position:relative;overflow:hidden;color:#fff;font-weight:500;background:#3182ce;text-decoration:none;box-shadow:0 2px 6px #3182ce4d;display:inline-block;text-align:center;white-space:nowrap}.login-button:hover{background:#2c5282;transform:translateY(-2px);box-shadow:0 4px 12px #3182ce66}.login-button:active{transform:translateY(0);box-shadow:0 1px 3px #3182ce66}.login-link,.signup-link{padding:.5rem 1.25rem;border-radius:50px;transition:all .3s ease;position:relative;overflow:hidden}.login-link:before,.signup-link:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:all .5s ease;z-index:-1}.login-link{color:#3182ce;border:1px solid #3182ce;background:#3182ce0d;background-size:200% 100%;background-position:left bottom;transition:all .3s ease,background-position .5s ease}.signup-link{background:linear-gradient(45deg,#3182ce,#63b3ed);color:#fff!important;box-shadow:0 4px 10px #3182ce33}.login-link:hover{background-position:right bottom;transform:translateY(-2px);box-shadow:0 4px 12px #3182ce26;border-color:#3182ce}.login-link:hover:before,.signup-link:hover:before{width:150%;height:150%;opacity:0;transition:all .5s ease-out}.signup-link:hover{background:#2b6cb0;transform:translateY(-2px);box-shadow:0 4px 8px #3182ce33}.login-link:after,.signup-link:after{display:none}.user-menu-container{position:relative}.user-menu-trigger{cursor:pointer}.mobile-user-profile{display:none}.mobile-user-avatar{width:35px;height:35px;border-radius:50%;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;cursor:pointer;transition:all .3s ease;border:2px solid rgba(255,255,255,.2);font-size:1rem}.mobile-user-avatar:hover{transform:translateY(-2px);box-shadow:0 4px 8px #4f46e533;border-color:#fffc}.user-dropdown-menu{position:absolute;top:120%;right:0;width:240px;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .3s cubic-bezier(.16,1,.3,1);z-index:1000;overflow:hidden}.user-dropdown-menu.active{opacity:1;visibility:visible;transform:translateY(0)}.user-info{padding:1rem;display:flex;align-items:center;gap:.75rem;border-bottom:1px solid rgba(0,0,0,.1)}.user-avatar-large{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.25rem}.user-details{display:flex;flex-direction:column}.user-name{font-weight:600;color:#2d3748}.user-email{font-size:.8rem;color:#718096;max-width:150px;overflow:hidden;text-overflow:ellipsis}.dropdown-divider{height:1px;background:#0000000d;margin:.25rem 0}.dropdown-item{padding:.75rem 1rem;display:flex;align-items:center;gap:.5rem;color:#4a5568;text-decoration:none;transition:background .2s ease;cursor:pointer;border:none;background:none;width:100%;text-align:left;font-size:.9rem}.dropdown-item:hover{background:#4f46e50d}.dropdown-icon{font-size:1rem}.logout-item{color:#e53e3e}.logout-item:hover{background:#e53e3e0d}.notification-badge{position:absolute;top:0;right:0;width:8px;height:8px;border-radius:50%;background:#e53e3e;border:2px solid white;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #e53e3eb3}70%{box-shadow:0 0 0 6px #e53e3e00}to{box-shadow:0 0 #e53e3e00}}.logout-button{background:#e53e3e1a;color:#e53e3e;border:1px solid rgba(229,62,62,.2);padding:.5rem 1.25rem;border-radius:50px;font-weight:500;cursor:pointer;transition:all .3s ease}.logout-button:hover{background:#e53e3e33;transform:translateY(-2px);box-shadow:0 4px 12px #e53e3e26}.menu-icon{display:none;cursor:pointer;position:absolute;top:50%;right:1rem;transform:translateY(-50%);padding:.5rem;border-radius:.75rem;background:#ffffffe6;border:1px solid rgba(49,130,206,.1);transition:all .3s cubic-bezier(.25,.46,.45,.94);z-index:1060}.menu-icon:hover{background:#3182ce14;border-color:#3182ce33;transform:translateY(-50%) scale(1.05);box-shadow:0 4px 12px #3182ce26}.hamburger{width:26px;height:22px;position:relative;display:flex;flex-direction:column;justify-content:space-between}.hamburger span{display:block;height:3px;width:100%;background:linear-gradient(135deg,#3182ce,#2b6cb0);transition:all .4s cubic-bezier(.25,.46,.45,.94);border-radius:2px;transform-origin:center}.hamburger span:nth-child(1){width:80%;align-self:flex-end}.hamburger span:nth-child(2){width:100%}.hamburger span:nth-child(3){width:80%;align-self:flex-start}.hamburger.open span{width:100%}.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(7px,7px);background:linear-gradient(135deg,#e53e3e,#c53030)}.hamburger.open span:nth-child(2){opacity:0;transform:scale(0)}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px);background:linear-gradient(135deg,#e53e3e,#c53030)}@media (max-width: 1023px){.navbar{width:100vw}.navbar-container{padding:0 1rem;justify-content:space-between;width:100%}.menu-icon{display:flex;align-items:center;z-index:1100;position:absolute;right:1rem;width:44px;height:44px;border-radius:1rem;justify-content:center;background:#fffffff2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 12px #0000001a;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.menu-icon:hover{background:#3182ce14;transform:scale(1.1);box-shadow:0 6px 20px #3182ce33}.navbar-menu{display:flex;flex-direction:column;position:fixed;top:0;right:-100%;width:300px;max-width:85vw;height:100vh;padding:0;background:linear-gradient(135deg,#f8fafc,#fff);border-left:1px solid rgba(79,70,229,.1);box-shadow:-12px 0 40px #4f46e51a;transition:all .4s cubic-bezier(.25,.46,.45,.94);align-items:stretch;justify-content:flex-start;z-index:1050;overflow-y:auto}.navbar-menu:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background:#4f46e51a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:all .4s ease;z-index:-1;cursor:pointer}.navbar-menu.active:before{opacity:1;visibility:visible}.navbar-menu.active{right:0;box-shadow:-12px 0 40px #4f46e526}.mobile-user-profile{display:flex;width:100%;padding:30px 24px;flex-direction:column;align-items:flex-start;text-align:left;border-bottom:1px solid rgba(79,70,229,.1);margin-bottom:10px;position:relative;background:linear-gradient(135deg,#4f46e508,#7c3aed08);cursor:pointer;transition:all .3s ease}.mobile-user-profile:hover{background:linear-gradient(135deg,#4f46e50f,#7c3aed0f)}.mobile-user-details{display:flex;flex-direction:column;flex-grow:1}.mobile-user-name{font-size:1.1rem;font-weight:600;color:#2d3748;margin:0 0 6px;line-height:1.3}.mobile-user-email{font-size:.85rem;font-weight:400;color:#718096;margin:0;line-height:1.3}.navbar-menu::-webkit-scrollbar{width:4px}.navbar-menu::-webkit-scrollbar-track{background:#4f46e50d;border-radius:4px}.navbar-menu::-webkit-scrollbar-thumb{background:#4f46e54d;border-radius:4px;transition:background .3s ease}.navbar-menu::-webkit-scrollbar-thumb:hover{background:#4f46e580}.nav-item{margin:0;width:100%;opacity:0;transform:translate(20px);animation:slideInMobile .4s ease forwards;animation-delay:calc(.06s * var(--item-index, 0) + .1s);position:relative}.navbar-menu:not(.active) .nav-item{animation:none;opacity:0;transform:translate(20px)}@keyframes slideInMobile{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.nav-link{display:flex;align-items:center;padding:18px 24px;font-size:1rem;font-weight:500;text-align:left;transition:all .3s ease;background:transparent;border:none;margin:2px 16px;position:relative;color:#4a5568;text-decoration:none;min-height:52px;border-radius:8px}.nav-link:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:0 3px 3px 0;transition:height .3s ease;opacity:0}.nav-link:hover{background:#4f46e50f;color:#4f46e5;transform:translate(4px)}.nav-link:hover:before{height:24px;opacity:1}.nav-link.active{background:#4f46e51a;color:#4f46e5;font-weight:600;transform:translate(4px)}.nav-link.active:before{height:24px;opacity:1}.mobile-nav-section{padding:10px 0;flex-grow:1}}@media (max-width: 480px){.navbar{width:100vw;padding:0}.navbar-container{padding:0 .75rem}.navbar-logo{font-size:1.25rem}.navbar-menu.active{width:100%;max-width:none;right:0;border-radius:0}.menu-icon{right:.75rem;width:42px;height:42px}.nav-link{padding:1rem 1.5rem;font-size:1rem;margin:.25rem .75rem;justify-content:flex-start}.login-button{padding:.875rem 1.25rem;font-size:.95rem;margin:2.25rem 1.5rem 1rem;width:calc(100% - 3rem)}.login-link,.signup-link{padding:.875rem 1.25rem;font-size:.95rem;margin:0 1.5rem .75rem;width:calc(100% - 3rem);justify-content:flex-start}}@media (min-width: 1921px){.navbar-container{max-width:1800px;padding:0 4rem}.nav-item{margin:0 1.2rem}.nav-link{font-size:1.1rem}}:root{--primary: #3182ce;--primary-dark: #2b6cb0;--primary-light: #63b3ed;--dark: #1a202c;--gray: #718096;--gray-light: #e2e8f0;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--transition-speed: .3s;--border-radius-sm: 8px;--border-radius-md: 12px;--border-radius-lg: 20px;--border-radius-xl: 30px;--shadow-sm: 0 4px 6px rgba(0, 0, 0, .05);--shadow-md: 0 10px 15px rgba(0, 0, 0, .1);--shadow-lg: 0 20px 25px rgba(0, 0, 0, .15)}.hero{opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease}.hero.visible{opacity:1;transform:translateY(0)}.hero{width:100%;min-height:70vh;display:flex;flex-direction:column;position:relative;overflow:hidden;background:#fff;padding:0}.hero-top-section{width:100%;padding:5rem 2% 0px;background:#fff;margin-bottom:0}.hero-content-wrapper{max-width:1200px;margin:0 auto;width:100%}.hero-content-wrapper.center-align{text-align:center;display:flex;flex-direction:column;align-items:center}.hero-title{font-size:2.5rem;font-weight:700;line-height:1.1;margin-bottom:1rem;color:var(--dark);letter-spacing:-.03em;text-align:center}.hero-title .highlight{background:linear-gradient(90deg,#3182ce,#4299e1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;position:relative;display:inline-block}.hero-description{font-size:1rem;color:var(--gray);line-height:1.5;margin-bottom:2rem;max-width:550px;text-align:center}.hero-cta-group{display:flex;gap:.8rem;margin-bottom:0rem;justify-content:center}.hero-cta{display:inline-flex;align-items:center;justify-content:center;gap:16px;font-weight:600;font-size:.85rem;padding:.8rem 1rem;border-radius:25px;text-decoration:none;transition:all var(--transition-speed) ease;box-shadow:var(--shadow-sm);white-space:nowrap}.hero-cta.primary{background:#000;color:#fff;box-shadow:0 4px 10px -3px #00000026}.hero-cta.primary:hover{background:#333;transform:translateY(-3px);box-shadow:0 8px 15px -3px #0003}.hero-cta.secondary{border:1px solid var(--gray-light);color:var(--dark);background:#fff}.hero-cta.secondary:hover{background:#00000008;border-color:#000;color:#000;transform:translateY(-3px)}.hero-cta.outline{border:1px solid var(--gray-light);color:var(--gray);background:transparent}.hero-cta.outline:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-3px)}.hero-cta svg{width:16px;height:16px;transition:transform .3s ease}.hero-cta:hover svg{transform:translate(4px)}.hero-showcase{width:100%;background:#fff;padding:0;border-radius:20px;color:#fff;margin-top:-5px}.hero-showcase-bg{width:100%;height:700px;position:relative;padding-left:2.5rem;padding-right:2.5rem;border-radius:0;margin:0 auto;color:#fff;overflow:hidden;background-color:transparent;display:flex;flex-direction:column}.video-background{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;min-width:100%;min-height:100%;display:block;background-size:cover;pointer-events:none}.hero-showcase-bg:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0000004d;z-index:1}.showcase-container{max-width:1200px;margin:0 auto;width:100%;position:relative;z-index:2}.showcase-section{display:flex;justify-content:space-between;gap:20px;margin-bottom:15px;position:relative;z-index:2}.showcase-content{flex:1;align-items:flex-start;position:relative;z-index:2}.showcase-headline{max-width:100%;position:relative;z-index:2}.showcase-image{flex:0 0 40%;display:flex;justify-content:flex-end;align-items:center}.main-profile-image{width:100%;max-width:340px;height:auto;border-radius:16px;box-shadow:var(--shadow-md)}.showcase-headline h2{padding-top:20rem;font-size:2.2rem;font-weight:700;line-height:1.2;color:#fff;margin-bottom:12px}.showcase-headline p{font-size:1rem;color:#fff;opacity:.9;line-height:1.5;max-width:35%}.match-yours-badge{display:inline-flex;align-items:center;gap:8px;font-size:.8rem;font-weight:600;color:var(--primary);cursor:pointer;transition:all .3s ease;margin-top:30px}.match-yours-badge:hover{opacity:.8}.match-yours-badge svg{width:12px;height:12px;transition:transform .3s ease}.match-yours-badge:hover svg{transform:translate(4px)}.profile-cards-container{width:100%;margin-top:40px}.profile-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px}.profile-card{background:#fff;border-radius:12px;box-shadow:var(--shadow-sm);padding:10px;display:flex;align-items:center;gap:12px;transition:all .3s ease;cursor:pointer}.profile-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.profile-image{width:36px;height:36px;border-radius:50%;overflow:hidden;flex-shrink:0}.profile-image img{width:100%;height:100%;object-fit:cover}.profile-info{flex:1;overflow:hidden}.profile-info h4{font-size:.8rem;font-weight:600;color:var(--dark);margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-info p{font-size:.7rem;color:var(--gray);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 1200px){.hero-title{font-size:3.5rem}.showcase-headline h2{font-size:1.75rem}.showcase-section{flex-direction:column}.showcase-headline{max-width:100%;margin-bottom:20px}.showcase-image{justify-content:center}.match-yours-badge{margin-top:20px}}@media (max-width: 1024px){.hero-title{font-size:3rem}.profile-row{grid-template-columns:repeat(2,1fr)}.main-profile-image{max-width:300px}}@media (max-width: 768px){.hero-top-section{padding:20px 6% 0}.hero-title{font-size:2.5rem}.hero-description{font-size:1rem}.hero-showcase{padding:0;border-radius:16px;margin-top:0}.hero-showcase-bg{width:95%;height:400px;padding-left:1.5rem;padding-right:1.5rem}.video-background{height:100%;object-position:center center}.showcase-headline h2{font-size:1.5rem;padding-top:10rem}.showcase-headline p{max-width:80%}}@media (max-width: 480px){.hero-title{font-size:1.8rem}.hero-description{font-size:.9rem;margin-bottom:.8rem}.hero-cta-group{flex-direction:row;flex-wrap:wrap;width:100%;gap:.6rem}.hero-cta{padding:.5rem 1rem;font-size:.8rem;min-width:120px}.hero-showcase-bg{width:100%;height:350px;padding-left:1rem;padding-right:1rem;border-radius:10px}.video-background{object-position:center center}.showcase-headline h2{font-size:1.3rem;padding-top:8rem}.showcase-headline p{max-width:95%;font-size:.8rem}}@media (max-width: 768px){.video-background{height:100%}}@media (max-width: 480px){.hero-showcase-bg{width:100%;border-radius:10px}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes subtle-zoom{0%{transform:scale(1)}to{transform:scale(1.1)}}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;background:linear-gradient(135deg,#2563eb1a,#10b9811a)}.auth-card{width:100%;max-width:450px;background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000001a;padding:2.5rem;margin:3rem 0;transition:all .3s ease}.network-error-banner{background-color:#fff5f5;border:1px solid #feb2b2;border-left:4px solid #f56565;color:#c53030;padding:.75rem;margin-bottom:1.5rem;border-radius:8px;font-weight:500;animation:pulse 2s infinite}.network-error-banner p{display:flex;align-items:center;gap:.5rem;margin:0}@keyframes pulse{0%{opacity:1}50%{opacity:.8}to{opacity:1}}.auth-card:hover{transform:translateY(-5px);box-shadow:0 15px 50px #00000026}.auth-header{text-align:center;margin-bottom:2rem}.auth-header h2{font-size:2rem;font-weight:700;color:#1a202c;margin-bottom:.75rem}.auth-header p{color:#718096;font-size:1rem;max-width:300px;margin:0 auto}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.95rem;font-weight:500;color:#2d3748}.auth-form input{padding:1rem;border:1px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:all .2s ease;background-color:#f7fafc}.auth-form input:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 3px #4299e133;background-color:#fff}.auth-button{background:#3182ce;color:#fff;border:none;padding:1rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;margin-top:.5rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease;height:50px}.auth-button:hover{background:#2b6cb0;transform:translateY(-1px)}.auth-button:disabled{background:#a0aec0;cursor:not-allowed}.loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.auth-error{background:#f565651a;color:#e53e3e;padding:1rem;border-radius:8px;font-size:.9rem;border-left:4px solid #e53e3e}.auth-footer{margin-top:2rem;text-align:center;color:#718096}.auth-link{color:#3182ce;font-weight:600;text-decoration:none;transition:color .2s ease}.auth-link:hover{color:#2b6cb0;text-decoration:underline}.auth-disclaimer{margin-top:2rem;padding-top:1rem;border-top:1px solid #e2e8f0;text-align:center;font-size:.75rem;color:#a0aec0}@media (max-width: 500px){.auth-card{padding:1.5rem}.auth-header h2{font-size:1.75rem}}.protected-route-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#fff 60%,#edf2f7cc)}.auth-loader{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.loading-spinner{width:40px;height:40px;border:3px solid rgba(37,99,235,.3);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}.auth-loader p{color:var(--gray);font-size:1rem;animation:pulse 1.5s ease-in-out infinite}.error-container{max-width:600px;margin:80px auto;padding:30px;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;text-align:center;display:flex;flex-direction:column;align-items:center}.error-container h2{color:#f5222d;margin-bottom:20px;font-size:24px}.error-container p{color:#333;margin-bottom:30px;font-size:16px;line-height:1.5}.error-container button{padding:10px 20px;margin:0 10px;border:none;border-radius:4px;cursor:pointer;font-size:16px;transition:background-color .2s}.error-container button:first-of-type{background-color:#1890ff;color:#fff}.error-container button:first-of-type:hover{background-color:#096dd9}.error-container button:last-of-type{background-color:#f5f5f5;color:#333;border:1px solid #d9d9d9}.error-container button:last-of-type:hover{background-color:#e6e6e6}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh}.loading-container .loading-spinner{width:50px;height:50px;margin-bottom:20px}.loading-container p{color:#666;font-size:18px}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.card-profile-container{min-height:100vh;background-color:#f5f5f5;position:relative;display:flex;flex-direction:column}.digital-card{width:100%;max-width:100%;opacity:0;transform:translateY(15px);transition:all .5s cubic-bezier(.4,0,.2,1);min-height:100vh;height:auto;display:flex;flex-direction:column;background-color:#fff}.card-loaded{opacity:1;transform:translateY(0)}.profile-hero{height:50vh;position:relative;overflow:hidden}.profile-cover{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#6c5ce7;z-index:1;opacity:.1}.profile-photo-container{position:relative;width:100%;height:100%;z-index:2;display:flex;align-items:center;justify-content:center}.profile-photo-wrapper{width:100%;height:100%;overflow:hidden;box-shadow:0 10px 30px #00000026;border:3px solid white;border-radius:0!important}.profile-photo{width:100%;height:100%;object-fit:cover;display:block;border-radius:0!important}.profile-info{position:relative;padding:20px;margin-top:-20px;border-radius:20px 20px 0 0;background:#fff;z-index:3;box-shadow:0 -10px 30px #0000000d;flex:1;height:auto;min-height:auto}.profile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.profile-name-section{flex:1}.profile-stats{display:flex;gap:15px}.stat-item{display:flex;flex-direction:column;align-items:center}.stat-value{font-weight:700;font-size:1.2rem;color:#333}.stat-label{font-size:.7rem;color:#777;text-transform:uppercase;letter-spacing:.5px}.card-name{margin:0;font-size:1.8rem;font-weight:700;color:#333;letter-spacing:-.5px;line-height:1.2;padding-bottom:.5rem}.verified-badge{display:inline-flex;align-items:center;margin-left:8px;color:#3498db;font-size:1rem}.card-title-row{display:flex;align-items:center;margin-top:2px;font-size:2rem}.card-title{font-size:2rem;color:#000;margin:0;font:weight 800}.card-title .card-company{font-size:2rem;color:#6b6b6b;margin:0;font-weight:800}.card-company{font-size:1rem;color:#3498db;margin:0 0 0 5px;font-weight:500}.status-indicator{display:inline-block;width:8px;height:8px;border-radius:50%;background-color:#2ecc71;margin-right:6px}.status-indicator.offline{background-color:#ccc}.status-text{font-size:.85rem;color:#777}.bio-section{margin:20px 0;width:100%;overflow:visible}.card-bio{font-size:1rem;line-height:1.6;color:#555;margin:0;padding:15px;background-color:#f9f9f9;border-radius:12px;border-left:4px;box-sizing:border-box;height:auto!important;min-height:unset!important;max-height:none!important;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;text-overflow:unset!important;width:100%;max-width:100%;-webkit-hyphens:auto!important;hyphens:auto!important;word-break:break-word!important;overflow-wrap:anywhere!important;contain:none!important;clip:unset!important;clip-path:none!important;box-sizing:border-box!important;text-overflow:clip!important;overflow:visible!important;-webkit-line-clamp:unset!important;line-clamp:unset!important;-webkit-box-orient:unset!important;display:block!important}.card-bio *,.bio-section,.bio-section *{height:auto!important;max-height:none!important;overflow:visible!important}.profile-info .card-bio{height:auto!important;max-height:none!important;overflow:visible!important;text-overflow:unset!important}p.card-bio{height:auto!important;max-height:none!important;min-height:unset!important;overflow:visible!important;text-overflow:unset!important;white-space:pre-wrap!important;word-wrap:break-word!important;overflow-wrap:break-word!important;display:block!important;line-height:1.6!important;width:100%!important;box-sizing:border-box!important}div.bio-section{height:auto!important;max-height:none!important;overflow:visible!important;width:100%!important}.profile-action-buttons{display:flex;gap:10px;margin:20px 0}.action-button{flex:1;border:none;padding:12px 10px;border-radius:8px;font-weight:600;cursor:pointer;font-size:.95rem;transition:all .3s}.primary-button{background-color:#6c5ce7;color:#fff}.primary-button:hover{background-color:#5d4fd1}.secondary-button{background-color:#f0f0f0;color:#333}.secondary-button:hover{background-color:#e5e5e5}.outline-button{background-color:transparent;color:#6c5ce7;border:1px solid #6c5ce7}.outline-button:hover{background-color:#6c5ce70d}.profile-tabs{display:flex;border-bottom:1px solid #eee;margin-top:20px;position:sticky;top:0;background:#fff;z-index:10}.profile-tab{flex:1;padding:15px 10px;text-align:center;color:#777;font-weight:600;cursor:pointer;position:relative;transition:all .3s}.profile-tab.active{color:#6c5ce7}.profile-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background-color:#6c5ce7;border-radius:3px 3px 0 0}.tab-content{padding:20px 0}.contact-grid{display:flex;flex-direction:column;gap:15px}.contact-item{display:flex;align-items:center;padding:15px;background-color:#f9f9f9;border-radius:12px;transition:all .2s}.contact-item:hover{background-color:#f0f0f0;transform:translateY(-2px)}.contact-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:12px;margin-right:15px;flex-shrink:0}.contact-icon.email{background-color:#ffebee;color:#e53935}.contact-icon.phone{background-color:#e8f5e9;color:#43a047}.contact-icon.website{background-color:#e3f2fd;color:#1e88e5}.contact-icon.location{background-color:#fff3e0;color:#fb8c00}.contact-info{display:flex;flex-direction:column}.contact-label{font-size:.75rem;color:#888;margin-bottom:2px;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.contact-value{font-size:1rem;color:#333;text-decoration:none;font-weight:500}.social-section{padding:0 0 20px}.section-title{font-size:.85rem;color:#888;text-transform:uppercase;letter-spacing:1px;margin-bottom:15px;font-weight:600}.social-links{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}.social-link{display:flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:50%;color:#fff;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 8px #0000001a}.social-link:hover{transform:translateY(-5px);box-shadow:0 8px 16px #00000026}.social-link svg{width:24px;height:24px}.social-link.linkedin{background:#0077b5}.social-link.twitter{background:#1da1f2}.social-link.instagram{background:linear-gradient(45deg,#405de6,#5851db,#833ab4,#c13584,#e1306c,#fd1d1d,#f56040,#f77737,#fcaf45,#ffdc80)}.social-link.facebook{background:#4267b2}.social-link.youtube{background:red}.social-link.github{background:#333}.social-link.website{background:#e8f0fe}.card-footer{margin-top:auto;padding:20px;text-align:center;background-color:#f9f9f9;border-top:1px solid #eee}.eco-badge{display:block;align-items:center;gap:8px;padding:8px 16px;background-color:#e8f5e9;border-radius:20px;font-size:.85rem;color:#43a047;margin-bottom:15px;z-index:4}.powered-by{font-size:.9rem;color:#777;margin:0}.e-vox-link{text-decoration:none;color:#6c5ce7;font-weight:600}.share-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;visibility:hidden;transition:all .3s}.share-modal.open{opacity:1;visibility:visible}.share-modal-content{width:90%;max-width:350px;padding:25px;border-radius:16px;background:#fff;box-shadow:0 10px 30px #0000001a;position:relative;transform:translateY(20px);transition:transform .3s}.share-modal.open .share-modal-content{transform:translateY(0)}.close-modal-btn{position:absolute;top:15px;right:15px;background:none;border:none;font-size:1.2rem;cursor:pointer;color:#888;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center}.close-modal-btn:hover{background-color:#f5f5f5}.share-modal h3{margin-top:0;font-size:1.3rem;color:#333;margin-bottom:5px}.share-modal p{margin-bottom:20px;color:#777;font-size:.95rem}.copy-link{display:flex;margin-bottom:20px;border-radius:8px;overflow:hidden;border:1px solid #eee}.copy-link input{flex:1;padding:12px;border:none;background:#f9f9f9;font-size:.9rem;color:#555}.copy-link button{padding:0 15px;background:#6c5ce7;color:#fff;border:none;font-weight:600;cursor:pointer}.copy-link button:hover{background:#5d4fd1}.share-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.share-option{padding:10px;text-align:center;border-radius:8px;text-decoration:none;font-weight:500;font-size:.85rem;transition:all .2s}.share-option.whatsapp{background-color:#e8f5e9;color:#25d366}.share-option.telegram{background-color:#e3f2fd;color:#08c}.share-option.email{background-color:#ffebee;color:#ea4335}.share-option:hover{transform:translateY(-3px)}.not-found-content,.status-message{background:#fff;border-radius:16px;padding:30px;text-align:center;box-shadow:0 10px 30px #0000001a;max-width:400px;width:90%;margin:50px auto}.not-found-icon,.status-icon{font-size:3rem;margin-bottom:20px}.loading-spinner-large{width:50px;height:50px;border:4px solid rgba(108,92,231,.2);border-top:4px solid #6c5ce7;border-radius:50%;animation:spin 1s linear infinite;margin:100px auto 20px}.loading-text{text-align:center;color:#666;font-weight:500}.qr-code-container{text-align:center;padding:55px;background-color:#f9f9f9;border-radius:12px;margin-bottom:20px}.qr-code{max-width:150px;margin:0 auto;padding-left:5rem;padding-top:5rem}.qr-label{font-size:.85rem;color:#777;margin-top:10px}@media (min-width: 768px){.digital-card{max-width:500px;margin:0 auto;box-shadow:0 10px 30px #0000000d}.profile-info{padding:25px}.bio-section{width:100%!important;max-width:100%!important}.card-bio{width:100%!important;max-width:100%!important;box-sizing:border-box!important}.qr-code{max-width:150px;margin:0 auto;padding-left:5rem;padding-top:3rem}}@media (min-width: 400px){.digital-card{max-width:500px;margin:0 auto;box-shadow:0 10px 30px #0000000d}.profile-info{padding:25px}.bio-section{width:100%!important;max-width:100%!important}.card-bio{width:100%!important;max-width:100%!important;box-sizing:border-box!important}.qr-code{max-width:150px;margin:0 auto;padding-left:3.2rem;padding-top:3rem}}.about-page{display:flex;justify-content:center;align-items:center;height:100vh;text-align:center;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.about-page h1{color:#333;font-size:1.5rem;opacity:.7;animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:.7}}.dashboard{max-width:540px;margin:2rem auto;background:#fff;border-radius:1.5rem;box-shadow:0 4px 24px #3182ce14;padding:2.5rem 2rem 2rem}.dashboard h2{text-align:center;color:#2d3748;margin-bottom:2rem;font-size:2rem}.profile-form{display:flex;flex-direction:column;gap:1.2rem}.form-row{display:flex;gap:1rem}.form-row input[type=file]{flex:1}.profile-form input{flex:1;padding:.7rem 1rem;border:1px solid #e2e8f0;border-radius:.75rem;font-size:1rem;background:#f8fafc;transition:border .2s}.profile-form input:focus{border:1.5px solid #3182ce;outline:none}.profile-photo{display:block;margin:1rem auto 0;width:110px;height:110px;object-fit:cover;border-radius:50%;box-shadow:0 2px 12px #3182ce1a}.profile-form button{margin-top:1.5rem;background:#3182ce;color:#fff;border:none;padding:.8rem 0;border-radius:999px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:background .2s}.profile-form button:disabled{background:#a0aec0;cursor:not-allowed}@media (max-width: 600px){.dashboard{padding:1.2rem .5rem}.form-row{flex-direction:column;gap:.5rem}}.dashboard-container{min-height:100vh;background-color:#f7fafc;padding:100px 1rem 2rem;color:#2d3748}.dashboard-header{text-align:center;margin-bottom:2.5rem}.dashboard-header h1{font-size:2.5rem;font-weight:700;color:#1a202c;margin-bottom:.75rem}.dashboard-subtitle{font-size:1.1rem;color:#718096;max-width:600px;margin:0 auto .5rem}.dashboard-content{display:flex;max-width:1400px;margin:0 auto;gap:2rem;position:relative;min-height:fit-content;height:auto}.dashboard-sidebar{width:300px;background:#fff;border-radius:1rem;box-shadow:0 4px 6px #0000000d;padding:1.5rem;position:sticky;top:100px;height:fit-content}.sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.sidebar-header h2{font-size:1.25rem;color:#2d3748;margin:0}.new-card-button{display:flex;align-items:center;gap:.5rem;background-color:#3182ce;color:#fff;border:none;border-radius:.5rem;padding:.5rem .75rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease}.new-card-button:hover{background-color:#2b6cb0;transform:translateY(-2px)}.new-card-button .icon{font-size:1rem;font-weight:700}.cards-list{display:flex;flex-direction:column;gap:.75rem;max-height:500px;overflow-y:auto;padding-right:.5rem}.cards-list::-webkit-scrollbar{width:6px}.cards-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.cards-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.cards-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.card-item{display:flex;align-items:center;background-color:#f8fafc;border-radius:.75rem;padding:1rem;cursor:pointer;transition:all .3s ease;position:relative}.card-item.active{background-color:#ebf8ff;border-left:3px solid #3182ce}.card-item:hover{transform:translateY(-3px);box-shadow:0 4px 12px #0000000d}.card-item-avatar{width:42px;height:42px;border-radius:50%;margin-right:.75rem;overflow:hidden;flex-shrink:0}.card-item-avatar img{width:100%;height:100%;object-fit:cover}.card-item-avatar-placeholder{background-color:#e2e8f0;color:#4a5568;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.25rem}.card-item-details{flex-grow:1;overflow:hidden}.card-item-details h3{font-size:.95rem;font-weight:600;color:#2d3748;margin:0 0 .25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-item-details p{font-size:.8rem;color:#718096;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-delete-btn{width:22px;height:22px;border-radius:50%;background-color:#fff;border:1px solid #e2e8f0;color:#a0aec0;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;font-weight:700;padding:0;line-height:1;position:absolute;top:.5rem;right:.5rem;opacity:0;transition:all .2s ease}.card-item:hover .card-delete-btn{opacity:1}.card-delete-btn:hover{background-color:#fed7d7;color:#e53e3e;border-color:#fed7d7}.no-cards{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 0;text-align:center}.no-cards-icon{font-size:2.5rem;margin-bottom:1rem;opacity:.5}.no-cards p{font-weight:600;color:#4a5568;margin:0 0 .5rem}.no-cards-hint{font-size:.9rem;color:#718096}.dashboard-main{flex-grow:1;background:#fff;border-radius:1rem;box-shadow:0 4px 6px #0000000d;padding:2rem;min-height:fit-content;height:auto}.card-tabs{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:2px solid #edf2f7;padding-bottom:1rem}.tab-button{background:none;border:none;padding:.5rem 1rem;font-size:1rem;color:#718096;cursor:pointer;position:relative;transition:all .3s ease}.tab-button:after{content:"";position:absolute;bottom:-1rem;left:0;width:0;height:3px;background-color:#3182ce;transition:width .3s ease}.tab-button.active{color:#3182ce;font-weight:600}.tab-button.active:after{width:100%}.card-form-container h2{font-size:1.75rem;color:#2d3748;margin-bottom:2rem}.card-form{display:flex;flex-direction:column;gap:2rem}.form-section{background-color:#f8fafc;border-radius:1rem;padding:1.5rem}.form-section h3{font-size:1.1rem;color:#2d3748;margin:0 0 1.5rem;font-weight:600}.form-row{display:flex;gap:1.5rem;margin-bottom:1.5rem}.form-row:last-child{margin-bottom:0}.form-group{flex:1;display:flex;flex-direction:column;gap:.5rem}.form-group.full-width{width:100%}.form-group label{font-size:.9rem;font-weight:500;color:#4a5568}.card-form input,.card-form textarea{padding:.75rem 1rem;border:1px solid #e2e8f0;border-radius:.5rem;font-size:1rem;transition:all .3s ease;background-color:#fff}.card-form input:focus,.card-form textarea:focus{outline:none;border-color:#3182ce;box-shadow:0 0 0 3px #4299e133}.photo-preview{margin-top:.75rem;width:100px;height:100px;border-radius:.5rem;overflow:hidden}.photo-preview img{width:100%;height:100%;object-fit:cover}.form-actions{display:flex;justify-content:space-between;margin-top:1rem}.submit-button,.share-button{padding:.75rem 1.5rem;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.submit-button{background-color:#3182ce;color:#fff;border:none}.submit-button:hover{background-color:#2b6cb0;transform:translateY(-2px)}.share-button{background-color:#ebf8ff;color:#3182ce;border:1px solid #bee3f8}.share-button:hover{background-color:#bee3f8;transform:translateY(-2px)}.loading-spinner-small{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;margin-right:.5rem}.social-icon{width:28px;height:28px;border-radius:50%;background-size:contain;background-position:center;background-repeat:no-repeat;margin-right:.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.card-preview-container{height:auto;min-height:fit-content;animation:slideInUp .5s ease-out}.card-preview-container h2{font-size:2rem;font-weight:700;color:#1a202c;margin-bottom:2rem;text-align:center;position:relative}.card-preview-container h2:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,#4299e1,#3182ce);border-radius:2px}.card-preview{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:1.5rem;box-shadow:0 10px 25px #00000014,0 20px 48px #0000000f,0 1px 4px #0000000a;padding:2.5rem;max-width:520px;width:100%;margin:0 auto;border:1px solid rgba(255,255,255,.8);position:relative;overflow:visible;height:auto;min-height:fit-content;transition:all .3s ease}.card-preview:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#4299e1,#3182ce,#805ad5)}.card-preview:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0000001f,0 25px 55px #00000014,0 1px 4px #0000000a}.preview-header{display:flex;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #e2e8f0;position:relative}.preview-header:after{content:"";position:absolute;bottom:-2px;left:0;width:40%;height:2px;background:linear-gradient(90deg,#4299e1,transparent)}.preview-avatar{width:90px;height:90px;border-radius:50%;object-fit:cover;margin-right:1.75rem;border:4px solid #ffffff;box-shadow:0 8px 20px #0000001f,0 4px 8px #0000000f;transition:all .3s ease}.preview-avatar:hover{transform:scale(1.05);box-shadow:0 12px 28px #00000026,0 6px 12px #00000014}.preview-avatar-placeholder{width:90px;height:90px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);color:#4a5568;font-size:2.2rem;font-weight:700;margin-right:1.75rem;border:4px solid #ffffff;box-shadow:0 8px 20px #0000001f,0 4px 8px #0000000f;transition:all .3s ease}.preview-title h1{font-size:1.75rem;font-weight:800;color:#1a202c;margin:0 0 .5rem;line-height:1.2;letter-spacing:-.025em}.preview-title h2{font-size:1.1rem;color:#4a5568;margin:0;font-weight:500;line-height:1.4;background:linear-gradient(135deg,#4a5568,#718096);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.preview-section{margin-bottom:2rem;padding:1.5rem;background:#f8fafc99;border-radius:1rem;border:1px solid rgba(226,232,240,.8);transition:all .3s ease;position:relative;height:auto;min-height:fit-content;overflow:visible}.preview-section:hover{background:#f8fafce6;border-color:#4299e14d;transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.preview-section:last-child{margin-bottom:0}.preview-section h3{font-size:1.2rem;color:#2d3748;margin:0 0 1.25rem;font-weight:700;display:flex;align-items:center;position:relative}.preview-section h3:before{content:"";width:4px;height:20px;background:linear-gradient(135deg,#4299e1,#3182ce);border-radius:2px;margin-right:.75rem}.preview-section p{font-size:1rem;color:#4a5568;line-height:1.7;margin:0;font-weight:400;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;height:auto;max-height:none;text-overflow:unset;overflow:visible}.preview-contact-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.preview-contact-list li{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:#ffffffb3;border-radius:.75rem;border:1px solid rgba(226,232,240,.6);transition:all .3s ease}.preview-contact-list li:hover{background:#fff;border-color:#4299e14d;transform:translate(5px);box-shadow:0 2px 8px #0000000d}.contact-icon{font-size:1.4rem;background:linear-gradient(135deg,#4299e1,#3182ce);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 1px 2px rgba(90,89,89,.1))}.preview-contact-list li span:last-child{font-weight:500;color:#2d3748}.preview-social-links{display:flex;gap:1rem;flex-wrap:wrap;justify-content:flex-start}.social-link{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border-radius:50px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;border:none;box-shadow:0 4px 12px #0000001a}.social-link .social-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;font-size:1rem;background:#fff;box-shadow:0 2px 8px #0003;transition:all .3s ease;flex-shrink:0;border:1px solid rgba(0,0,0,.1)}.social-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s}.social-link:hover:before{left:100%}.social-link:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0003}.social-link:hover .social-icon{transform:scale(1.1);box-shadow:0 3px 10px #0003}.social-link.linkedin{background:linear-gradient(135deg,#f0f8ff,#e6f3ff);color:#0a66c2;border:2px solid rgba(10,102,194,.2)}.social-link.linkedin:hover{background:linear-gradient(135deg,#e6f3ff,#cce7ff);box-shadow:0 8px 20px #0a66c24d;border-color:#0a66c2}.social-link.twitter{background:linear-gradient(135deg,#f8f9fa,#e9ecef);color:#000;border:2px solid rgba(0,0,0,.2)}.social-link.twitter:hover{background:linear-gradient(135deg,#e9ecef,#dee2e6);box-shadow:0 8px 20px #0003;border-color:#000}.social-link.instagram{background:linear-gradient(135deg,#fdf2f8,#fce7f3);color:#e1306c;border:2px solid rgba(225,48,108,.2)}.social-link.instagram:hover{background:linear-gradient(135deg,#fce7f3,#fbcfe8);box-shadow:0 8px 20px #e1306c4d;border-color:#e1306c}.social-link.facebook{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#1877f2;border:2px solid rgba(24,119,242,.2)}.social-link.facebook:hover{background:linear-gradient(135deg,#dbeafe,#bfdbfe);box-shadow:0 8px 20px #1877f24d;border-color:#1877f2}.social-link.youtube{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#dc2626;border:2px solid rgba(220,38,38,.2)}.social-link.youtube:hover{background:linear-gradient(135deg,#fee2e2,#fecaca);box-shadow:0 8px 20px #dc26264d;border-color:#dc2626}.preview-actions{display:flex;justify-content:space-between;gap:1rem;margin-top:2.5rem;padding-top:2rem;border-top:2px solid #e2e8f0}.edit-button,.preview-actions .share-button{flex:1;padding:1rem 1.5rem;border-radius:.75rem;font-size:1rem;font-weight:600;cursor:pointer;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid transparent;position:relative;overflow:hidden}.edit-button{background:linear-gradient(135deg,#f7fafc,#edf2f7);color:#4a5568;border-color:#cbd5e1;margin-right:1rem}.edit-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(74,85,104,.1),transparent);transition:left .5s}.edit-button:hover:before{left:100%}.edit-button:hover{background:linear-gradient(135deg,#edf2f7,#e2e8f0);border-color:#a0aec0;transform:translateY(-2px);box-shadow:0 8px 20px #0000001a}.preview-actions .share-button{background:linear-gradient(135deg,#4299e1,#3182ce);color:#fff;border-color:#3182ce}.preview-actions .share-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.preview-actions .share-button:hover:before{left:100%}.preview-actions .share-button:hover{background:linear-gradient(135deg,#3182ce,#2c5aa0);transform:translateY(-2px);box-shadow:0 8px 20px #3182ce4d}.toast-message{position:fixed;bottom:2rem;right:2rem;background-color:#8b939a;color:#fff;padding:1rem 1.5rem;border-radius:.5rem;box-shadow:0 4px 12px #00000026;z-index:1000;animation:fadeIn .3s,fadeOut .3s 2.7s}.toast-message p{margin:0}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}.dashboard-container.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh}.loading-spinner{width:50px;height:50px;border:5px solid #e2e8f0;border-top:5px solid #3182ce;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1.5rem}.loading-text{color:#718096;font-size:1.1rem}@media (max-width: 1024px){.dashboard-content{flex-direction:column}.dashboard-sidebar{width:100%;position:static;margin-bottom:2rem}.cards-list{max-height:300px}.card-preview{max-width:480px;padding:2rem}.preview-avatar,.preview-avatar-placeholder{width:85px;height:85px}.preview-title h1{font-size:1.6rem}}@media (max-width: 768px){.form-row{flex-direction:column;gap:1rem}.dashboard-container{padding:100px .5rem 2rem}.dashboard-main{padding:1.5rem}.card-preview{padding:1.75rem;max-width:100%;margin:0;border-radius:1.25rem;height:auto;min-height:fit-content;overflow:visible}.card-preview-container{height:auto;min-height:fit-content}.card-preview-container h2{font-size:1.75rem;margin-bottom:1.5rem}.preview-header{flex-direction:column;text-align:center;margin-bottom:1.5rem;padding-bottom:1.25rem}.preview-avatar,.preview-avatar-placeholder{width:100px;height:100px;margin:0 0 1rem}.preview-title h1{font-size:1.5rem;margin-bottom:.25rem}.preview-title h2{font-size:1rem}.preview-section{padding:1.25rem;margin-bottom:1.5rem;height:auto;min-height:fit-content;overflow:visible}.preview-section p{white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;height:auto;max-height:none;text-overflow:unset;overflow:visible}.preview-section h3{font-size:1.1rem;margin-bottom:1rem}.preview-contact-list{gap:.75rem}.preview-contact-list li{padding:.75rem;flex-direction:column;align-items:flex-start;gap:.5rem;text-align:left}.preview-social-links{justify-content:center;gap:.75rem}.social-link{font-size:.9rem;padding:.65rem 1rem}.form-actions{flex-direction:column;gap:1rem}.preview-actions{flex-direction:column;gap:1rem;margin-top:2rem;padding-top:1.5rem}.edit-button{margin-right:0;margin-bottom:0}}@media (max-width: 480px){.card-preview{padding:1.5rem;border-radius:1rem;height:auto;min-height:fit-content;overflow:visible}.card-preview-container{height:auto;min-height:fit-content}.card-preview-container h2{font-size:1.5rem}.preview-avatar,.preview-avatar-placeholder{width:80px;height:80px}.preview-title h1{font-size:1.3rem}.preview-title h2{font-size:.95rem}.preview-section{padding:1rem;margin-bottom:1.25rem;height:auto;min-height:fit-content;overflow:visible}.preview-section h3{font-size:1rem}.preview-section p{font-size:.95rem;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;height:auto;max-height:none;text-overflow:unset;overflow:visible}.contact-icon{font-size:1.2rem}.social-link{font-size:.85rem;padding:.6rem .9rem}.edit-button,.preview-actions .share-button{padding:.875rem 1.25rem;font-size:.95rem}}.admin-badge{background-color:#4c1d95;color:#fff;font-weight:500;font-size:.9rem;padding:.35rem 1rem;border-radius:999px;display:inline-block;margin-top:.75rem;box-shadow:0 2px 5px #4c1d954d}.share-button .share-icon{font-size:1.25rem;margin-right:.5rem}.dashboard-sidebar .cards-list.single-card{max-height:120px}.photo-upload-container{display:flex;flex-direction:column;gap:10px}.upload-buttons{display:flex;gap:10px}.upload-photo-button{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;background-color:#4a90e2;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .2s}.upload-photo-button:hover{background-color:#357abf}.upload-photo-button:disabled{background-color:#a9c8ee;cursor:not-allowed}.photo-preview{margin-top:10px;display:flex;flex-direction:column;align-items:center;gap:10px}.photo-preview img{max-width:150px;max-height:150px;border-radius:8px;object-fit:cover;border:1px solid #ddd}.remove-photo-button{padding:5px 10px;background-color:#f44336;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.8rem;transition:background-color .2s}.remove-photo-button:hover{background-color:#d32f2f}.loading-spinner-small{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s linear infinite}.preview-actions button:focus{outline:3px solid rgba(66,153,225,.5);outline-offset:2px}.social-link:focus{outline:2px solid rgba(66,153,225,.5);outline-offset:2px}.preview-section:nth-child(2){margin-top:0}.preview-section:nth-child(2n){background:#f5f7fa99}.preview-section:nth-child(odd){background:#f8fafc99}.preview-section p{text-shadow:0 .5px 1px rgba(255,255,255,.8)}.preview-contact-list li span:last-child{text-shadow:0 .5px 1px rgba(255,255,255,.8)}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.card-preview *{transition:inherit}.card-preview,.preview-avatar,.preview-avatar-placeholder,.social-link{will-change:transform}.logo-upload-container{display:flex;flex-direction:column;gap:15px;margin-top:10px}.logo-preview{display:flex;justify-content:center;align-items:center;padding:20px;border:2px dashed #e2e8f0;border-radius:8px;background-color:#f8fafc}.logo-preview img{max-width:200px;max-height:60px;object-fit:contain;border-radius:4px}.upload-logo-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background-color:#4f46e5;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s}.upload-logo-button:hover{background-color:#4338ca;transform:translateY(-1px)}.upload-logo-button:disabled{background-color:#9ca3af;cursor:not-allowed;transform:none}.remove-logo-button{padding:8px 12px;background-color:#ef4444;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.8rem;font-weight:500;transition:background-color .2s;align-self:flex-start}.remove-logo-button:hover{background-color:#dc2626}.form-hint{font-size:.8rem;color:#6b7280;margin-top:4px;font-style:italic}.organization-management{font-family:Segoe UI,Arial,sans-serif;background:linear-gradient(135deg,#f7f9fb 60%,#e0e7ef);padding:32px 0;min-height:100vh}.organization-management h2{text-align:center;color:#1a2330;margin-bottom:32px;font-size:2.3rem;font-weight:800;letter-spacing:1px}.org-management-container{display:flex;gap:32px;max-width:1200px;margin:0 auto;align-items:flex-start;transition:all .2s}.org-list{background:#fff;border-radius:16px;box-shadow:0 4px 24px #00000014;padding:28px 20px;min-width:250px;flex:0 0 260px;transition:box-shadow .2s}.org-list h3{font-size:1.18rem;margin-bottom:18px;color:#1a2330;font-weight:700}.org-list ul{list-style:none;padding:0;margin:0 0 18px}.org-list li{padding:12px 16px;border-radius:8px;margin-bottom:8px;cursor:pointer;color:#2d3a4a;font-size:1.04rem;font-weight:500;transition:background .15s,color .15s,font-weight .15s}.org-list li.active,.org-list li:hover{background:#e3eaf6;color:#2563eb;font-weight:700}.create-org-btn,.org-form button,.add-user-btn,.delete-org-btn,.user-form button,.existing-user-form button,.remove-user-btn,.add-existing-btn{background:#fff;color:#222;border:1.5px solid #222;border-radius:8px;padding:10px 22px;font-size:1.05rem;font-weight:700;cursor:pointer;box-shadow:none;transition:background .15s,color .15s,border .15s}.create-org-btn:hover,.org-form button:hover,.add-user-btn:hover,.delete-org-btn:hover,.user-form button:hover,.existing-user-form button:hover,.remove-user-btn:hover,.add-existing-btn:hover{background:#222;color:#fff;border:1.5px solid #222}.org-form{margin-top:18px}.org-form .form-group{margin-bottom:14px}.org-form label{display:block;font-size:1rem;margin-bottom:5px;color:#2d3a4a;font-weight:500}.org-form input,.org-form textarea{width:100%;padding:10px 12px;border:1px solid #cbd5e1;border-radius:6px;font-size:1.05rem;background:#f8fafc;transition:border .15s}.org-form input:focus,.org-form textarea:focus{border:1.5px solid #2563eb;outline:none}.org-details{background:#fff;border-radius:16px;box-shadow:0 4px 24px #00000014;padding:32px 36px 36px;flex:1 1 0;min-width:0;transition:box-shadow .2s}.org-details h3{font-size:1.6rem;color:#2563eb;margin-bottom:10px;font-weight:800}.org-metadata p{margin:0 0 8px;color:#475569;font-size:1.05rem}.org-actions{margin:22px 0 12px;display:flex;gap:12px}.add-user-btn,.delete-org-btn{background:linear-gradient(90deg,#f59e42 60%,#ea580c);color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:1.05rem;font-weight:700;cursor:pointer;transition:background .15s;box-shadow:0 2px 8px #f59e4214}.add-user-btn:hover{background:linear-gradient(90deg,#ea580c 60%,#f59e42)}.delete-org-btn{background:linear-gradient(90deg,#ef4444 60%,#b91c1c)}.delete-org-btn:hover{background:linear-gradient(90deg,#b91c1c 60%,#ef4444)}.user-form,.existing-user-form{margin-top:22px;background:#f1f5f9;border-radius:10px;padding:18px 20px;box-shadow:0 1px 6px #0000000d}.user-form h4,.existing-user-form h4{margin-top:0;color:#2d3a4a;font-size:1.13rem;font-weight:700}.user-form .form-group,.existing-user-form .form-group{margin-bottom:12px}.user-form label,.existing-user-form label{font-size:1rem;color:#334155;font-weight:500}.user-form input,.user-form select,.existing-user-form select{width:100%;padding:9px 12px;border:1px solid #000000;border-radius:6px;font-size:1.05rem;background:#fff;transition:border .15s}.user-form input:focus,.user-form select:focus,.existing-user-form select:focus{border:1.5px solid #000000;outline:none}.user-form button,.existing-user-form button{background:linear-gradient(90deg,#3b82f6 60%,#2563eb);color:#fff;border:none;border-radius:8px;padding:10px 22px;font-size:1.05rem;font-weight:700;cursor:pointer;transition:background .15s}.user-form button:hover,.existing-user-form button:hover{background:linear-gradient(90deg,#2563eb 60%,#3b82f6)}.existing-user-form button[type=submit]:disabled{background:#000!important;color:#fff!important;border:1px solid #000000!important;cursor:not-allowed!important;opacity:.7!important}.member-list{margin-top:32px}.member-list h4{color:#2d3a4a;font-size:1.13rem;margin-bottom:12px;font-weight:700}.member-list table{width:100%;border-collapse:collapse;background:#f8fafc;border-radius:10px;overflow:hidden;box-shadow:0 1px 6px #0000000d}.member-list th,.member-list td{padding:12px 14px;text-align:left;font-size:1.05rem}.member-list th{background:#e3eaf6;color:#1e293b;font-weight:800}.member-list tr:nth-child(2n){background:#f1f5f9}.member-list tr:hover{background:#e0e7ef}.role-selector select{padding:7px 10px;border-radius:6px;border:1px solid #cbd5e1;background:#fff;font-size:1.05rem;transition:border .15s}.role-selector select:focus{border:1.5px solid #2563eb;outline:none}.role-badge{display:inline-block;padding:5px 14px;border-radius:14px;font-size:1.01rem;font-weight:700;color:#fff;background:#64748b;letter-spacing:.5px}.role-badge.user{background:#64748b}.role-badge.leader{background:#3b82f6}.role-badge.admin{background:#10b981}.remove-user-btn{background:linear-gradient(90deg,#ef4444 60%,#b91c1c);color:#fff;border:none;border-radius:8px;padding:8px 18px;font-size:1rem;font-weight:700;cursor:pointer;transition:background .15s}.remove-user-btn:hover{background:linear-gradient(90deg,#b91c1c 60%,#ef4444)}.error-message{background:#fee2e2;color:#b91c1c;border:1px solid #fecaca;border-radius:8px;padding:12px 18px;margin-bottom:22px;font-size:1.05rem;display:flex;align-items:center;gap:12px;font-weight:600}.loading{text-align:center;color:#2563eb;font-size:1.13rem;margin-bottom:22px;font-weight:600}@media (max-width: 900px){.org-management-container{flex-direction:column;gap:18px}.org-list{min-width:0;width:100%;margin-bottom:18px}.org-details{padding:18px 10px 24px}}@media (max-width: 600px){.organization-management{padding:8px 0}.org-management-container{gap:6px}.org-list,.org-details{padding:8px 2px;border-radius:6px;box-shadow:0 1px 4px #0000000a}.org-details h3{font-size:1.05rem}.member-list th,.member-list td{font-size:.93rem;padding:6px 4px}.user-form,.existing-user-form{padding:10px 4px}}.org-item{padding:12px!important;margin-bottom:12px!important;border-radius:6px!important;background-color:#f8f9fa!important;border:1px solid #dee2e6!important;box-shadow:0 2px 4px #0000000d!important;transition:all .3s ease!important}.org-item:hover{background-color:#e9f2ff!important;transform:translateY(-2px)!important;box-shadow:0 4px 8px #0000001a!important;border-color:#b8daff!important}.org-item.active{background-color:#e7f5ff!important;border-color:#4dabf7!important;border-left:5px solid #228be6!important}.org-name{color:#212529!important;font-size:1.1rem!important;font-weight:600!important;margin-bottom:6px!important;display:block!important}.org-desc{color:#495057!important;font-size:.875rem!important;line-height:1.4!important;display:block!important}.org-list{background-color:#f8f9fa!important;border-radius:6px 0 0 6px!important}.org-list h4{font-size:1.1rem!important;padding:12px 0!important;margin-bottom:12px!important;color:#343a40!important;border-bottom:2px solid #dee2e6!important}.no-orgs{background-color:#f8f9fa!important;border:1px dashed #ced4da!important;border-radius:8px!important;padding:24px 12px!important;text-align:center!important;margin-top:16px!important}.hint-text{color:#6c757d!important;font-style:italic!important;margin-top:8px!important}.add-org-btn{background-color:#2b8a3e!important;font-weight:500!important;transition:all .2s!important}.add-org-btn:hover{background-color:#2b7a3e!important;transform:translateY(-1px)!important}.role-badge{display:inline-block!important;padding:5px 10px!important;border-radius:4px!important;font-size:.85rem!important;font-weight:500!important;text-align:center!important}.role-badge.leader{background-color:#e6f4ff!important;color:#06c!important;border:1px solid #99ccff!important}.role-badge.user{background-color:#e9ecef!important;color:#495057!important;border:1px solid #ced4da!important}.role-display{display:flex!important;align-items:center!important;gap:10px!important}.role-selector{padding:4px 8px!important;border-radius:4px!important;border:1px solid #ced4da!important;background-color:#fff!important;font-size:.85rem!important}button:disabled{opacity:.5!important;cursor:not-allowed!important;background-color:#f0f0f0!important;color:#888!important;border:1px solid #ddd!important}.remove-user-btn:disabled{background-color:#f8d7da!important;border-color:#f5c6cb!important;color:#721c24!important;opacity:.6!important}.loading{display:flex!important;justify-content:center!important;align-items:center!important;padding:24px!important;color:#495057!important;font-weight:500!important}.loading:before{content:"⟳"!important;display:inline-block!important;margin-right:8px!important;animation:spin 1s infinite linear!important}.role-selector-container{display:flex;align-items:center;position:relative}.role-updating{margin-left:8px;font-size:12px;color:#1976d2;font-style:italic;display:flex;align-items:center;position:absolute;right:-120px;white-space:nowrap}.spinner{display:inline-block;width:12px;height:12px;margin-right:5px;border:2px solid rgba(25,118,210,.2);border-top-color:#1976d2;border-radius:50%;animation:spin 1s linear infinite}.role-display{display:flex;align-items:center;justify-content:space-between;position:relative;min-width:200px}.role-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;margin-right:10px}.role-badge.leader{background-color:#e3f2fd;color:#1976d2;border:1px solid #bbdefb}.role-badge.user{background-color:#f5f5f5;color:#616161;border:1px solid #e0e0e0}.role-selector{padding:4px 8px;border-radius:4px;border:1px solid #ccc;background-color:#fff;font-size:13px;min-width:90px}.role-selector:disabled{background-color:#f5f5f5;cursor:not-allowed}.role-changed{animation:highlight 2s ease-in-out}@keyframes highlight{0%,to{background-color:transparent}50%{background-color:#1976d21a}}.leader-org-view{padding:20px;background-color:#f8f9fa;border-radius:8px;margin-bottom:20px}.leader-actions{margin-top:15px;padding:15px;background-color:#f8f9fa;border-left:4px solid #f0ad4e;border-radius:4px}.leader-actions p{margin:8px 0}.org-action-btn{background-color:#5bc0de;color:#fff;border:none;border-radius:4px;padding:8px 16px;font-size:14px;cursor:pointer;transition:background-color .3s;margin-right:10px}.org-action-btn:hover{background-color:#31b0d5}.leader-dashboard-link{display:inline-block;margin-top:10px;color:#007bff;text-decoration:none;font-weight:500}.leader-dashboard-link:hover{text-decoration:underline}.admin-dashboard{max-width:1200px;margin:2rem auto;padding:2rem;background-color:#f9fafb;border-radius:16px;box-shadow:0 4px 12px #0000001a}.admin-header{margin-bottom:2rem;text-align:center}.admin-dashboard h2{margin-bottom:.5rem;font-size:2rem;color:#1a202c;font-weight:700}.admin-subtitle{color:#6b7280;font-size:1rem;margin-bottom:1.5rem}.admin-stats{display:flex;justify-content:space-between;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.stat-card{flex:1;min-width:200px;padding:1.5rem;background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;text-align:center;transition:all .3s cubic-bezier(.25,.8,.25,1);border-top:4px solid transparent}.stat-card:nth-child(1){border-top-color:#4f46e5}.stat-card:nth-child(2){border-top-color:#8b5cf6}.stat-card:nth-child(3){border-top-color:#ec4899}.stat-card:nth-child(4){border-top-color:#f43f5e}.stat-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #00000014}.stat-value{font-size:2.5rem;font-weight:700;color:#4f46e5;margin-bottom:.5rem}.stat-label{font-size:.875rem;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:1px}.admin-filters{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1rem}.tab-navigation{display:flex;overflow-x:auto;background-color:#fff;border-radius:10px;box-shadow:0 2px 6px #0000000d;padding:.25rem}.tab-button{padding:.75rem 1.25rem;background:none;border:none;cursor:pointer;font-weight:500;color:#6b7280;position:relative;transition:all .2s ease;white-space:nowrap;border-radius:8px}.tab-button.active{color:#4f46e5;background-color:#4f46e51a}.tab-button:hover:not(.active){color:#4f46e5;background-color:#4f46e50d}.search-container{position:relative;display:flex;align-items:center;flex-grow:1;max-width:400px}.search-input{width:100%;border-radius:10px;border:1px solid #e2e8f0;background-color:#fff;font-size:.9rem;transition:all .3s ease;padding:.75rem 1rem .75rem 2.5rem;box-shadow:0 2px 4px #00000008}.search-input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e533}.search-container:before{content:"🔍";position:absolute;left:.8rem;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.table-responsive{overflow-x:auto;margin-bottom:2rem;border-radius:12px;box-shadow:0 2px 10px #0000000d}.admin-table{width:100%;border-collapse:separate;border-spacing:0;background-color:#fff}.admin-table th,.admin-table td{padding:1rem;text-align:left;border-bottom:1px solid #f3f4f6}.admin-table th{background-color:#f9fafb;font-weight:600;color:#4b5563;position:sticky;top:0;z-index:10;text-transform:uppercase;font-size:.75rem;letter-spacing:1px}.admin-table tr:last-child td{border-bottom:none}.admin-table tbody tr:hover{background-color:#f9fafb}.row-blocked{background-color:#fee2e280!important}.row-suspended{background-color:#fef9c380!important}.row-expired{background-color:#f1f5f980!important}.admin-select{width:100%;padding:.5rem;border-radius:8px;border:1px solid #e5e7eb;background-color:#f9fafb;font-size:.875rem;transition:all .3s ease}.admin-select:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e533}.role-select{background-color:#f0f8ff;border-color:#91c3fd;color:#0d4c92;font-weight:500}.user-thumbnail,.user-thumbnail-placeholder{width:42px;height:42px;border-radius:50%;margin-right:.75rem;flex-shrink:0;box-shadow:0 2px 4px #0000001a}.user-thumbnail{object-fit:cover}.user-thumbnail-placeholder{background-color:#4f46e5;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:1.2rem}.user-name{font-weight:600;color:#1a202c}.user-company{font-size:.75rem;color:#6b7280}.subscription-cell{display:flex;flex-direction:column;gap:.5rem}.subscription-status{font-size:.75rem;padding:.25rem .5rem;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;max-width:fit-content;font-weight:600}.status-none{background-color:#e5e7eb;color:#4b5563}.status-active{background-color:#dcfce7;color:#166534}.status-expired{background-color:#fee2e2;color:#991b1b}.status-lifetime{background-color:#dbeafe;color:#1e40af}.share-cell{display:flex;flex-direction:column;align-items:center;gap:.75rem}.share-link{display:inline-block;color:#4f46e5;text-decoration:none;font-weight:600;transition:all .2s ease;padding:.25rem 0}.share-link:hover{color:#4338ca;text-decoration:underline}.copy-link-btn{background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:.35rem .75rem;font-size:.75rem;cursor:pointer;transition:all .2s ease;color:#475569;font-weight:500}.copy-link-btn:hover{background-color:#e2e8f0;color:#1e293b}.qr-code-container{display:flex;flex-direction:column;align-items:center;margin-top:.5rem}.qr-code-container svg{padding:4px;background-color:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a}.qr-actions{display:flex;gap:.75rem;margin-top:.5rem}.qr-download-link{font-size:.75rem;color:#4f46e5;text-decoration:none;cursor:pointer;font-weight:500;background:none;border:none;padding:0}.qr-download-link:hover{text-decoration:underline;color:#4338ca}.actions-cell{display:flex;gap:.5rem}.action-button{padding:.4rem .75rem;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:.75rem;font-weight:600;display:flex;align-items:center;justify-content:center;white-space:nowrap}.view-btn{background-color:#f1f5f9;color:#334155;border:1px solid #e2e8f0}.view-btn:hover{background-color:#e2e8f0;color:#0f172a}.edit-btn{background-color:#4f46e5;color:#fff}.edit-btn:hover{background-color:#4338ca;transform:translateY(-1px);box-shadow:0 2px 4px #4f46e54d}.delete-btn{background-color:#fee2e2;color:#991b1b}.delete-btn:hover{background-color:#fecaca;color:#7f1d1d}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 0}.loading-spinner{width:40px;height:40px;border:4px solid rgba(79,70,229,.2);border-top:4px solid #4f46e5;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.no-results{text-align:center;padding:3rem 0}.no-results-message{color:#6b7280;font-size:1.125rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.qr-modal{background-color:#fff;border-radius:16px;padding:2rem;width:90%;max-width:420px;box-shadow:0 10px 25px #0003;position:relative;animation:slideUp .3s ease}.close-modal{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6b7280;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center}.close-modal:hover{background-color:#f3f4f6;color:#1f2937}.qr-modal h3{text-align:center;margin:0 0 1.5rem;color:#1f2937}.qr-large{display:flex;justify-content:center;margin:1.5rem 0}.qr-large svg{background-color:#fff;padding:12px;border-radius:12px;box-shadow:0 4px 12px #0000001a}.share-options{display:flex;gap:.5rem;margin-bottom:1.5rem}.share-url-input{flex-grow:1;padding:.75rem;border-radius:8px;border:1px solid #e2e8f0;font-size:.875rem}.copy-url-btn{padding:0 1rem;background-color:#4f46e5;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.copy-url-btn:hover{background-color:#4338ca}.modal-footer{text-align:center}.modal-footer p{margin-bottom:1rem;color:#6b7280}.download-qr-btn{margin-top:.5rem;padding:.75rem 1.5rem;background-color:#4f46e5;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s ease}.download-qr-btn:hover{background-color:#4338ca;transform:translateY(-1px);box-shadow:0 2px 4px #4f46e54d}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 992px){.admin-dashboard{padding:1rem;margin:1rem}.admin-stats{flex-direction:row;flex-wrap:wrap}.stat-card{min-width:calc(50% - 1rem);margin-bottom:1rem}.actions-cell{flex-direction:column}}@media (max-width: 768px){.admin-table th,.admin-table td{padding:.75rem .5rem;font-size:.875rem}.tab-navigation{width:100%;overflow-x:auto}.search-container{width:100%;max-width:none}.stat-card{min-width:100%}}@media (max-width: 576px){.admin-dashboard h2{font-size:1.5rem}.admin-table th,.admin-table td{padding:.5rem .25rem;font-size:.75rem}}.section-tabs{display:flex;justify-content:center;margin-top:1.5rem;gap:1rem}.section-tab{padding:.75rem 1.5rem;border:none;background-color:#f1f5f9;border-radius:8px;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s ease}.section-tab.active-section{background-color:#4f46e5;color:#fff}.refresh-button{padding:.75rem 1.5rem;border:none;background-color:#10b981;border-radius:8px;font-weight:500;color:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;margin-left:1rem}.leader-dashboard{padding:20px;max-width:1200px;margin:0 auto}.leader-header{margin-bottom:24px}.leader-header h2{margin:0;font-size:24px;color:#333}.leader-subtitle{color:#666;margin:5px 0 0}.leader-stats{display:flex;gap:20px;margin-bottom:24px}.stat-card{background-color:#fff;border-radius:8px;padding:20px;flex:1;box-shadow:0 2px 4px #0000001a}.stat-value{font-size:24px;font-weight:600;margin-bottom:5px}.stat-label{font-size:14px;color:#666}.leader-actions{margin-bottom:24px}.add-member-btn{display:flex;align-items:center;gap:6px;background-color:#52c41a;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-weight:500}.add-member-btn:hover{background-color:#389e0d}.refresh-btn{background-color:#f5f5f5;border:1px solid #d9d9d9;padding:8px 16px;border-radius:4px;cursor:pointer}.refresh-btn:hover{background-color:#e6e6e6}.submit-btn{background-color:#1890ff;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer}.submit-btn:hover{background-color:#096dd9}.cancel-btn{background-color:#f5f5f5;border:1px solid #d9d9d9;color:#333;padding:8px 16px;border-radius:4px;cursor:pointer}.cancel-btn:hover{background-color:#e6e6e6}.leader-filters{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.tab-navigation{display:flex}.tab-button{padding:10px 16px;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:14px;color:#666;transition:all .2s}.tab-button.active{border-bottom:2px solid #1890ff;color:#1890ff;font-weight:500}.search-container{flex:0 0 300px}.search-input{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.table-responsive{overflow-x:auto}.leader-table{width:100%;border-collapse:collapse;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.leader-table th,.leader-table td{padding:12px;text-align:left;border-bottom:1px solid #eee}.leader-table th{background-color:#f9f9f9;font-weight:500}.user-name-cell{display:flex;align-items:center}.user-thumbnail{width:40px;height:40px;border-radius:50%;object-fit:cover;margin-right:10px}.user-thumbnail-placeholder{width:40px;height:40px;border-radius:50%;background-color:#1890ff;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;margin-right:10px}.user-name-container{display:flex;flex-direction:column}.user-name{font-weight:500}.user-company{font-size:12px;color:#666}.leader-select{padding:6px 12px;border-radius:4px;border:1px solid #ddd;width:100%;max-width:140px}.share-cell{display:flex;align-items:center;gap:10px}.share-link{color:#1890ff;text-decoration:none}.share-link:hover{text-decoration:underline}.copy-link-btn{background-color:#f5f5f5;border:1px solid #d9d9d9;border-radius:4px;padding:4px 8px;font-size:12px;cursor:pointer}.copy-link-btn:hover{background-color:#e6e6e6}.qr-code-container{width:64px;height:64px;display:flex;justify-content:center;align-items:center;position:relative}.qr-actions{position:absolute;bottom:-20px;left:0;right:0;display:flex;justify-content:center;gap:4px;font-size:10px;opacity:0;transition:opacity .2s}.qr-code-container:hover .qr-actions{opacity:1}.qr-download-link{color:#1890ff;background:none;border:none;padding:0;cursor:pointer;font-size:10px;text-decoration:underline}.actions-cell{display:flex;gap:8px}.action-button{padding:6px 10px;border-radius:4px;font-size:12px;cursor:pointer;text-decoration:none;display:inline-block;text-align:center}.view-btn{background-color:#f5f5f5;color:#555;border:1px solid #d9d9d9}.view-btn:hover{background-color:#e6e6e6}.edit-btn{background-color:#1890ff;color:#fff;border:none}.edit-btn:hover{background-color:#0c7cd5}.remove-btn{background-color:#ff4d4f;color:#fff;border:none}.remove-btn:hover{background-color:#ff7875}.row-blocked{background-color:#fff1f0}.no-results{text-align:center;padding:40px 0}.no-results-message{color:#666;font-style:italic}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px}.loading-spinner{width:40px;height:40px;border:3px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#1890ff;animation:spin 1s ease-in-out infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background-color:#fff;padding:24px;border-radius:8px;width:400px;max-width:90%;position:relative}.close-modal{position:absolute;top:15px;right:15px;background:none;border:none;font-size:24px;cursor:pointer;color:#666}.qr-modal{background-color:#fff;padding:24px;border-radius:8px;width:350px;text-align:center;position:relative}.qr-large{margin:20px auto}.share-options{display:flex;gap:10px;margin-bottom:20px}.share-url-input{flex:1;padding:8px 12px;border:1px solid #ddd;border-radius:4px}.modal-footer{border-top:1px solid #eee;padding-top:16px;margin-top:20px}.download-qr-btn{background-color:#1890ff;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;margin-top:10px}.download-qr-btn:hover{background-color:#0c7cd5}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-weight:500}.form-group input{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px}.form-group select{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;background-color:#fff}.form-group small{display:block;margin-top:4px;color:#888;font-size:12px}.error-message{background-color:#fff2f0;border:1px solid #ffccc7;padding:12px;border-radius:4px;margin-bottom:16px;color:#cf1322}.action-bar{display:flex;justify-content:space-between;margin-bottom:20px}.role-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500;text-transform:capitalize}.role-badge.admin{background-color:#722ed1;color:#fff}.role-badge.leader{background-color:#1890ff;color:#fff}.role-badge.user{background-color:#52c41a;color:#fff}.home-page{width:100%;overflow-x:hidden}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 2rem}section{padding:5rem 0;scroll-margin-top:80px;position:relative;display:block!important;visibility:visible!important;opacity:1!important;transition:opacity .5s ease}.section-header{text-align:center;margin-bottom:3rem}.section-header h2{font-size:2.5rem;margin-bottom:1rem;color:#2d3748;font-weight:700;position:relative;display:inline-block}.section-header h2:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:60px;height:4px;background:#3182ce;border-radius:2px}.section-header .highlight{color:#3182ce}.section-subtitle{font-size:1.25rem;color:#718096;max-width:700px;margin:0 auto}.about-section{background-color:#fff;overflow:hidden}.about-content{display:flex;flex-wrap:wrap;justify-content:space-between;gap:3rem}.about-description{flex:1;min-width:300px;font-size:1.125rem;color:#4a5568;line-height:1.7}.about-description p{margin-bottom:1.5rem}.impact-stats{display:flex;flex-wrap:wrap;gap:1.5rem;flex:1;min-width:300px}.stat-box{flex:1;min-width:120px;background:#f7fafc;padding:1.5rem;border-radius:8px;text-align:center;box-shadow:0 4px 6px #0000000d;transition:transform .3s ease,box-shadow .3s ease}.stat-box:hover{transform:translateY(-5px);box-shadow:0 10px 15px #0000001a}.stat-number{display:block;font-size:2.25rem;font-weight:700;color:#3182ce;margin-bottom:.5rem}.stat-label{color:#718096;font-size:.9rem}.features-section{background:linear-gradient(to bottom,#f7fafc,#ebf4ff);position:relative}.features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.feature-card{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 10px #0000000d;transition:transform .3s ease,box-shadow .3s ease;border:1px solid rgba(226,232,240,.5)}.feature-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0000001a}.feature-icon{font-size:2.5rem;margin-bottom:1.25rem}.feature-card h3{font-size:1.25rem;font-weight:600;margin-bottom:.875rem;color:#2d3748}.feature-card p{color:#718096;line-height:1.6}.pricing-section{background-color:#f7f5fa;padding:5rem 0}.pricing-header{text-align:center;margin-bottom:4rem}.pricing-header h2{font-size:2.8rem;font-weight:600;margin-bottom:1rem;color:#333}.pricing-subtitle{font-size:1.05rem;color:#666;margin-bottom:2rem;max-width:700px;margin-left:auto;margin-right:auto;line-height:1.6}.pricing-toggle{display:inline-flex;background-color:#f1effa;border-radius:50px;padding:.4rem;margin:1.5rem 0}.toggle-option{padding:.8rem 1.2rem;border-radius:50px;border:none;background:transparent;color:#666;font-weight:500;cursor:pointer;transition:all .3s ease;font-size:.95rem}.toggle-option.active{background-color:#fff;color:#333;box-shadow:0 2px 8px #0000000d}.pricing-cards{display:flex;justify-content:center;gap:1.5rem;margin-top:2rem}.pricing-card{flex:1;max-width:370px;background:#fff;border-radius:12px;padding:2.5rem 2rem;box-shadow:0 5px 20px #0000000d;border:1px solid #f0f0f0;transition:transform .3s ease,box-shadow .3s ease;position:relative}.pricing-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #00000014}.pricing-card.custom{background-color:#f0eefb}.pricing-card.featured:hover{transform:scale(1.05) translateY(-10px)}.pricing-card .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.pricing-card .card-header h3{font-size:1.5rem;font-weight:700;color:#2d3748}.pricing-card .popular-tag,.pricing-card .value-tag,.pricing-card .elite-tag{font-size:.75rem;font-weight:600;padding:.35em .75em;border-radius:30px}.pricing-card .popular-tag{background-color:#ed64a61a;color:#ed64a6}.pricing-card .value-tag{background-color:#3182ce1a;color:#3182ce}.pricing-card .elite-tag{background-color:#4c51bf1a;color:#4c51bf}.pricing-card .card-price{text-align:center;padding:1.5rem;background-color:#f7fafc;margin-bottom:2rem}.pricing-card .price{font-size:2.5rem;font-weight:700;color:#2d3748}.pricing-card .period{display:block;font-size:.9rem;color:#718096;margin-left:.5rem}.pricing-card .card-features{list-style-type:none;margin:0;padding:0;color:#4a5568;margin-bottom:2rem}.pricing-card .card-features li{border-bottom:1px solid #edf2f7;position:relative;padding:.75rem 0 .75rem 1.5rem}.pricing-card .card-features li:before{content:"✓";color:#3182ce;position:absolute;left:0;font-weight:700}.pricing-card .card-features li:last-child{border-bottom:none}.pricing-card .order-btn{display:block;width:100%;padding:.875rem;background-color:#3182ce;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.pricing-card .order-btn:hover{background-color:#2b6cb0;box-shadow:0 10px 15px -3px #3182ce33}.contact-section{background-color:#f7fafc}.contact-container{display:flex;flex-wrap:wrap;gap:3rem}.contact-info{flex:1;min-width:300px}.contact-item{display:flex;margin-bottom:2rem;align-items:flex-start}.contact-icon{font-size:1.5rem;margin-right:1rem;background-color:#3182ce1a;color:#3182ce;width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.contact-text h3{margin:0 0 .5rem;color:#2d3748;font-size:1.125rem}.contact-text p{margin:0;color:#718096}.social-links{display:flex;gap:.75rem;margin-top:2.5rem}.social-link{width:40px;height:40px;border-radius:50%;font-size:0;display:flex;align-items:center;justify-content:center;background-color:#fff;color:#718096;transition:all .3s ease;box-shadow:0 2px 5px #0000000d}.social-link:hover{background-color:#3182ce;color:#fff;transform:translateY(-3px);box-shadow:0 5px 10px #0000001a}.social-link.facebook{color:#3b5998}.social-link.twitter{color:#1da1f2}.social-link.instagram{color:#e1306c}.social-link.linkedin{color:#0077b5}.contact-form-container{flex:2;min-width:300px}.contact-form{background-color:#fff;padding:2.5rem;border-radius:12px;box-shadow:0 10px 25px #0000000d}.contact-form .form-group{margin-bottom:1.5rem}.contact-form label{display:block;margin-bottom:.5rem;color:#4a5568;font-weight:500}.contact-form input,.contact-form textarea{width:100%;padding:.75rem 1rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.9rem;background-color:#f7fafc;transition:all .3s ease}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:#3182ce;background-color:#fff;box-shadow:0 0 0 3px #3182ce1a}.contact-form .submit-btn{display:block;width:100%;padding:.75rem 1.5rem;background-color:#3182ce;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.contact-form .submit-btn:hover{background-color:#2b6cb0;box-shadow:0 10px 15px -3px #3182ce33}.cta-section{background:linear-gradient(135deg,#3182ce,#4299e1);color:#fff;text-align:center;padding:4rem 0}.cta-section h2{font-size:1.75rem;margin-bottom:1rem;font-weight:700}.cta-section p{font-size:1.125rem;max-width:700px;margin:0 auto 2rem;opacity:.9}.cta-btn{padding:1rem 2rem;background-color:#fff;color:#3182ce;border:none;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.cta-btn:hover{transform:translateY(-3px);box-shadow:0 10px 20px #0003}.seven-preview-container{min-height:100vh;width:100%;position:relative;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);padding:4rem 2rem;overflow:hidden;display:flex;align-items:center;justify-content:center}.stacked-cards{position:relative;max-width:1200px;width:100%;height:80vh;margin:0 auto}.preview-section{position:absolute;background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 8px 32px #0000001f;border:1px solid rgba(255,255,255,.8);transition:all .6s cubic-bezier(.25,.46,.45,.94);cursor:pointer;display:flex;flex-direction:column;overflow:hidden}.preview-section:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 40px #0000002e;z-index:10}.section-1{width:300px;height:200px;top:35%;left:42%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;z-index:7}.section-2{width:180px;height:140px;top:25%;left:45%;background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;z-index:6}.section-3{width:280px;height:320px;top:40%;left:48%;background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;z-index:5}.section-4{width:200px;height:160px;top:55%;left:40%;background:linear-gradient(135deg,#43e97b,#38f9d7);color:#fff;z-index:4}.section-5{width:160px;height:120px;top:20%;left:55%;background:linear-gradient(135deg,#fa709a,#fee140);color:#fff;z-index:3}.section-6{width:240px;height:180px;top:65%;left:50%;background:linear-gradient(135deg,#a8edea,#fed6e3);color:#333;z-index:2}.section-7{width:200px;height:140px;top:50%;left:60%;background:linear-gradient(135deg,#d299c2,#fef9d7);color:#333;z-index:1}.seven-preview-container.spread .section-1{top:5%;left:5%;transform:scale(1.05)}.seven-preview-container.spread .section-2{top:8%;left:75%;transform:scale(1.1)}.seven-preview-container.spread .section-3{top:20%;left:40%;transform:scale(1.02)}.seven-preview-container.spread .section-4{top:65%;left:8%;transform:scale(1.08)}.seven-preview-container.spread .section-5{top:35%;left:78%;transform:scale(1.15)}.seven-preview-container.spread .section-6{top:70%;left:55%;transform:scale(1.06)}.seven-preview-container.spread .section-7{top:45%;left:15%;transform:scale(1.1)}.section-content{flex:1;display:flex;flex-direction:column;justify-content:flex-start;padding:0;height:100%}.section-content h2{font-size:1.3rem;font-weight:600;margin-bottom:.5rem;line-height:1.3}.section-content p{font-size:.85rem;line-height:1.4;margin-bottom:.8rem;opacity:.9}.section-1 .section-content h2,.section-3 .section-content h2,.section-6 .section-content h2{font-size:1.4rem;margin-bottom:.75rem}.section-1 .section-content p,.section-3 .section-content p,.section-6 .section-content p{font-size:.9rem;margin-bottom:1rem}.section-2 .section-content h2,.section-5 .section-content h2,.section-7 .section-content h2{font-size:1.1rem;margin-bottom:.4rem}.section-2 .section-content p,.section-5 .section-content p,.section-7 .section-content p{font-size:.8rem;margin-bottom:.6rem}.section-video{width:100%;height:80px;object-fit:cover;border-radius:8px;margin-top:auto;box-shadow:0 2px 8px #0000001a}.section-1 .section-video,.section-3 .section-video,.section-6 .section-video{height:100px}.section-2 .section-video,.section-5 .section-video,.section-7 .section-video{height:60px}.preview-section:before{content:"";position:absolute;top:1rem;right:1rem;width:6px;height:6px;border-radius:50%;background:#fffc;z-index:10}.seven-preview-container.spread.end-animation .section-1{top:5%;left:5%;transform:scale(1.1) translateY(-20px);box-shadow:0 20px 60px #667eea4d;filter:brightness(1.1)}.seven-preview-container.spread.end-animation .section-2{top:8%;left:75%;transform:scale(1.15) translateY(-15px);box-shadow:0 20px 60px #f093fb4d;filter:brightness(1.1)}.seven-preview-container.spread.end-animation .section-3{top:20%;left:40%;transform:scale(1.08) translateY(-25px);box-shadow:0 20px 60px #4facfe4d;filter:brightness(1.1)}.seven-preview-container.spread.end-animation .section-4{top:65%;left:8%;transform:scale(1.12) translateY(-18px);box-shadow:0 20px 60px #43e97b4d;filter:brightness(1.1)}.seven-preview-container.spread.end-animation .section-5{top:35%;left:78%;transform:scale(1.2) translateY(-12px);box-shadow:0 20px 60px #fa709a4d;filter:brightness(1.1)}.seven-preview-container.spread.end-animation .section-6{top:70%;left:55%;transform:scale(1.1) translateY(-22px);box-shadow:0 20px 60px #a8edea4d;filter:brightness(1.05)}.seven-preview-container.spread.end-animation .section-7{top:45%;left:15%;transform:scale(1.14) translateY(-16px);box-shadow:0 20px 60px #d299c24d;filter:brightness(1.05)}@keyframes cardPulse1{0%,to{transform:scale(1.1) translateY(-20px)}50%{transform:scale(1.15) translateY(-25px)}}@keyframes cardPulse2{0%,to{transform:scale(1.15) translateY(-15px)}50%{transform:scale(1.2) translateY(-20px)}}@keyframes cardPulse3{0%,to{transform:scale(1.08) translateY(-25px)}50%{transform:scale(1.13) translateY(-30px)}}@keyframes cardPulse4{0%,to{transform:scale(1.12) translateY(-18px)}50%{transform:scale(1.17) translateY(-23px)}}@keyframes cardPulse5{0%,to{transform:scale(1.2) translateY(-12px)}50%{transform:scale(1.25) translateY(-17px)}}@keyframes cardPulse6{0%,to{transform:scale(1.1) translateY(-22px)}50%{transform:scale(1.15) translateY(-27px)}}@keyframes cardPulse7{0%,to{transform:scale(1.14) translateY(-16px)}50%{transform:scale(1.19) translateY(-21px)}}.seven-preview-container.spread.end-animation.pulse .section-1{animation:cardPulse1 2s ease-in-out infinite}.seven-preview-container.spread.end-animation.pulse .section-2{animation:cardPulse2 2s ease-in-out infinite}.seven-preview-container.spread.end-animation.pulse .section-3{animation:cardPulse3 2s ease-in-out infinite}.seven-preview-container.spread.end-animation.pulse .section-4{animation:cardPulse4 2s ease-in-out infinite}.seven-preview-container.spread.end-animation.pulse .section-5{animation:cardPulse5 2s ease-in-out infinite}.seven-preview-container.spread.end-animation.pulse .section-6{animation:cardPulse6 2s ease-in-out infinite}.seven-preview-container.spread.end-animation.pulse .section-7{animation:cardPulse7 2s ease-in-out infinite}.seven-preview-container.spread.end-animation .section-1{animation-delay:0s}.seven-preview-container.spread.end-animation .section-2{animation-delay:.1s}.seven-preview-container.spread.end-animation .section-3{animation-delay:.2s}.seven-preview-container.spread.end-animation .section-4{animation-delay:.3s}.seven-preview-container.spread.end-animation .section-5{animation-delay:.4s}.seven-preview-container.spread.end-animation .section-6{animation-delay:.5s}.seven-preview-container.spread.end-animation .section-7{animation-delay:.6s}@media (max-width: 1024px){.section-1{width:250px;height:160px;top:30%;left:40%}.section-2{width:150px;height:110px;top:22%;left:43%}.section-3{width:230px;height:260px;top:35%;left:46%}.section-4{width:170px;height:130px;top:50%;left:38%}.section-5{width:130px;height:100px;top:18%;left:52%}.section-6{width:200px;height:150px;top:60%;left:48%}.section-7{width:160px;height:110px;top:45%;left:58%}.seven-preview-container.spread .section-1{top:10%;left:10%}.seven-preview-container.spread .section-2{top:12%;left:68%}.seven-preview-container.spread .section-3{top:32%;left:25%}.seven-preview-container.spread .section-4{top:58%;left:12%}.seven-preview-container.spread .section-5{top:22%;left:75%}.seven-preview-container.spread .section-6{top:65%;left:50%}.seven-preview-container.spread .section-7{top:45%;left:18%}.seven-preview-container.spread.end-animation .section-1{top:10%;left:10%;transform:scale(1.1) translateY(-20px);box-shadow:0 20px 60px #667eea4d;filter:brightness(1.1)}.seven-preview-container.spread.end-animation .section-2{top:12%;left:68%;transform:scale(1.15) translateY(-15px);box-shadow:0 20px 60px #f093fb4d;filter:brightness(1.1)}.seven-preview-container.spread.end-animation .section-3{top:32%;left:25%;transform:scale(1.08) translateY(-25px);box-shadow:0 20px 60px #4facfe4d;filter:brightness(1.1)}.seven-preview-container.spread.end-animation .section-4{top:58%;left:12%;transform:scale(1.12) translateY(-18px);box-shadow:0 20px 60px #43e97b4d;filter:brightness(1.1)}.seven-preview-container.spread.end-animation .section-5{top:22%;left:75%;transform:scale(1.2) translateY(-12px);box-shadow:0 20px 60px #fa709a4d;filter:brightness(1.1)}.seven-preview-container.spread.end-animation .section-6{top:65%;left:50%;transform:scale(1.1) translateY(-22px);box-shadow:0 20px 60px #a8edea4d;filter:brightness(1.05)}.seven-preview-container.spread.end-animation .section-7{top:45%;left:18%;transform:scale(1.14) translateY(-16px);box-shadow:0 20px 60px #d299c24d;filter:brightness(1.05)}}@media (max-width: 768px){.seven-preview-container{padding:2rem .5rem;min-height:110vh}.stacked-cards{height:90vh}.section-1{width:200px;height:140px;top:28%;left:35%}.section-2{width:120px;height:90px;top:20%;left:40%}.section-3{width:180px;height:200px;top:32%;left:42%}.section-4{width:140px;height:110px;top:48%;left:32%}.section-5{width:100px;height:80px;top:15%;left:50%}.section-6{width:160px;height:120px;top:58%;left:45%}.section-7{width:130px;height:90px;top:42%;left:55%}.seven-preview-container.spread .section-1{top:5%;left:5%}.seven-preview-container.spread .section-2{top:8%;left:60%}.seven-preview-container.spread .section-3{top:25%;left:15%}.seven-preview-container.spread .section-4{top:60%;left:8%}.seven-preview-container.spread .section-5{top:12%;left:75%}.seven-preview-container.spread .section-6{top:70%;left:45%}.seven-preview-container.spread .section-7{top:40%;left:65%}.seven-preview-container.spread.end-animation .section-1{top:5%;left:5%;transform:scale(1.1) translateY(-15px);box-shadow:0 15px 45px #667eea4d;filter:brightness(1.1)}.seven-preview-container.spread.end-animation .section-2{top:8%;left:60%;transform:scale(1.15) translateY(-12px);box-shadow:0 15px 45px #f093fb4d;filter:brightness(1.1)}.seven-preview-container.spread.end-animation .section-3{top:25%;left:15%;transform:scale(1.08) translateY(-18px);box-shadow:0 15px 45px #4facfe4d;filter:brightness(1.1)}.seven-preview-container.spread.end-animation .section-4{top:60%;left:8%;transform:scale(1.12) translateY(-14px);box-shadow:0 15px 45px #43e97b4d;filter:brightness(1.1)}.seven-preview-container.spread.end-animation .section-5{top:12%;left:75%;transform:scale(1.2) translateY(-10px);box-shadow:0 15px 45px #fa709a4d;filter:brightness(1.1)}.seven-preview-container.spread.end-animation .section-6{top:70%;left:45%;transform:scale(1.1) translateY(-16px);box-shadow:0 15px 45px #a8edea4d;filter:brightness(1.05)}.seven-preview-container.spread.end-animation .section-7{top:40%;left:65%;transform:scale(1.14) translateY(-12px);box-shadow:0 15px 45px #d299c24d;filter:brightness(1.05)}.section-content h2{font-size:1.1rem}.section-content p{font-size:.75rem}.section-video{height:60px}.section-1 .section-video,.section-3 .section-video,.section-6 .section-video{height:70px}.section-2 .section-video,.section-5 .section-video,.section-7 .section-video{height:50px}}@media (max-width: 480px){.seven-preview-container{padding:1.5rem .5rem;min-height:100vh}.stacked-cards{height:85vh}.section-1{width:160px;height:120px;top:25%;left:30%}.section-2{width:100px;height:80px;top:18%;left:35%}.section-3{width:140px;height:160px;top:30%;left:38%}.section-4{width:120px;height:100px;top:45%;left:25%}.section-5{width:80px;height:70px;top:15%;left:45%}.section-6{width:130px;height:100px;top:55%;left:40%}.section-7{width:110px;height:80px;top:40%;left:50%}.seven-preview-container.spread .section-1{top:8%;left:8%}.seven-preview-container.spread .section-2{top:5%;left:55%}.seven-preview-container.spread .section-3{top:25%;left:18%}.seven-preview-container.spread .section-4{top:58%;left:5%}.seven-preview-container.spread .section-5{top:18%;left:70%}.seven-preview-container.spread .section-6{top:70%;left:35%}.seven-preview-container.spread .section-7{top:45%;left:65%}.seven-preview-container.spread.end-animation .section-1{top:8%;left:8%;transform:scale(1.1) translateY(-12px);box-shadow:0 10px 30px #667eea4d;filter:brightness(1.1)}.seven-preview-container.spread.end-animation .section-2{top:5%;left:55%;transform:scale(1.15) translateY(-10px);box-shadow:0 10px 30px #f093fb4d;filter:brightness(1.1)}.seven-preview-container.spread.end-animation .section-3{top:25%;left:18%;transform:scale(1.08) translateY(-14px);box-shadow:0 10px 30px #4facfe4d;filter:brightness(1.1)}.seven-preview-container.spread.end-animation .section-4{top:58%;left:5%;transform:scale(1.12) translateY(-10px);box-shadow:0 10px 30px #43e97b4d;filter:brightness(1.1)}.seven-preview-container.spread.end-animation .section-5{top:18%;left:70%;transform:scale(1.2) translateY(-8px);box-shadow:0 10px 30px #fa709a4d;filter:brightness(1.1)}.seven-preview-container.spread.end-animation .section-6{top:70%;left:35%;transform:scale(1.1) translateY(-12px);box-shadow:0 10px 30px #a8edea4d;filter:brightness(1.05)}.seven-preview-container.spread.end-animation .section-7{top:45%;left:65%;transform:scale(1.14) translateY(-10px);box-shadow:0 10px 30px #d299c24d;filter:brightness(1.05)}.section-content h2{font-size:1rem}.section-content p{font-size:.7rem}.section-video{height:50px}.section-1 .section-video,.section-3 .section-video,.section-6 .section-video{height:60px}.section-2 .section-video,.section-5 .section-video,.section-7 .section-video{height:40px}}.features-section{background:url(/src/assets/profile2.jpg) center/cover no-repeat fixed;padding:8rem 0 6rem;position:relative;min-height:100vh;display:flex;align-items:center}.features-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#fff9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.features-section .container{position:relative;z-index:2}.features-section .section-header h2.main-title{font-size:4rem;color:#333;text-align:center;max-width:800px;margin:0 auto 3rem;font-weight:300;line-height:1.2;letter-spacing:-.5px}.features-section .section-header h2.main-title .line-break{display:block;margin-top:.2em;position:relative}.features-section .section-header h2.main-title .line-break:after{content:"";position:absolute;bottom:-.3em;right:30%;width:40px;height:4px;background-color:#666;transition:all .3s ease}@media (max-width: 768px){.features-section .section-header h2.main-title .line-break{margin-top:.1em}.features-section .section-header h2.main-title .line-break:after{right:40%;width:30px}}@media (max-width: 480px){.features-section .section-header h2.main-title .line-break:after{right:45%;width:20px;height:3px}}.features-showcase{background:#ffffffb3;border-radius:20px;padding:2rem;box-shadow:0 10px 30px #0000000d;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);margin-top:2rem;border:1px solid rgba(255,255,255,.3);position:relative}.showcase-nav-btn{width:40px;height:40px;border-radius:50%;border:none;background:#fffc;color:#333;display:flex;align-items:center;justify-content:center;cursor:pointer;position:absolute;top:50%;transform:translateY(-50%);z-index:10;box-shadow:0 2px 10px #0000001a;font-size:1.2rem;transition:all .3s ease}.showcase-nav-btn:hover{background:#fff;box-shadow:0 4px 12px #00000026;transform:translateY(-52%)}.showcase-nav-btn:active{transform:translateY(-48%);box-shadow:0 2px 8px #0000001a}.showcase-nav-btn.prev{left:-20px}.showcase-nav-btn.next{right:-20px}.team-tabs{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem}.team-tabs{display:flex;justify-content:center;gap:.5rem;margin-bottom:2rem;background-color:#ffffff80;border-radius:50px;padding:.35rem;width:fit-content;margin-left:auto;margin-right:auto}.tab-btn{padding:.65rem 1.5rem;border-radius:50px;border:none;background:transparent;color:#666;font-weight:500;cursor:pointer;transition:all .3s ease;font-size:.9rem}.tab-btn.active{background-color:#fff;color:#333;box-shadow:0 2px 8px #00000014}.team-content{display:grid;grid-template-columns:7fr 3fr;gap:2rem;transition:opacity .3s ease}.team-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.team-card{background-color:#fff;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;height:100%;box-shadow:0 4px 15px #0000000d;padding:0}.team-member-info{padding:1.75rem 1.75rem 0}.team-member-info h3{font-size:1.25rem;margin:0;color:#333;font-weight:500}.team-member-info .location{font-size:.875rem;color:#666;margin:.25rem 0 1rem}.team-member-image{height:170px;width:100%;padding-top:2rem;padding-bottom:1rem;display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative}.team-member-image img{width:170px;height:170px;max-width:100%;max-height:100%;border-radius:50%;object-fit:cover;transition:transform .3s ease,opacity .3s ease}.team-card:hover .team-member-image img{transform:scale(1.07)}.team-member-role{padding:1rem 1.75rem;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f0f0f0;margin-top:auto}.team-member-role span{font-size:.875rem;color:#333}.arrow-btn{width:28px;height:28px;border-radius:50%;border:none;background:transparent;color:#333;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:1.2rem}.arrow-btn:hover{transform:translate(3px);color:#666}.team-description{padding:1.5rem;background:transparent;border-radius:12px}.team-tag{text-transform:uppercase;color:#666;font-size:.7rem;letter-spacing:1px;margin-bottom:1rem}.team-description h2{font-size:2rem;margin-bottom:1.5rem;line-height:1.3;color:#333;font-weight:400}.team-description p{color:#666;line-height:1.6;margin-bottom:1.5rem;font-size:.9rem;opacity:.85}.read-more-link{color:#666;text-decoration:none;font-weight:500;display:inline-block;font-size:.9rem}@media (max-width: 1024px){.team-content{grid-template-columns:1fr}.team-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.team-cards{grid-template-columns:1fr}.features-section .section-header h2{font-size:2.5rem}.team-tabs{flex-direction:column;align-items:center}.tab-btn{width:100%;max-width:300px}}.about-section.workforce-hero{padding:7rem 0 5rem;color:#000;position:relative;overflow:hidden;background-color:#fff;margin-bottom:-2rem}.workforce-content{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:3rem}.workforce-text{flex:1;min-width:300px;max-width:550px}.workforce-text h1{font-size:3.5rem;font-weight:800;margin-bottom:1.5rem;line-height:1.1;letter-spacing:-.5px;color:#000}.workforce-text .subtitle{font-size:1.125rem;line-height:1.6;color:#4a5568;margin-bottom:3rem;max-width:90%;font-weight:400}.options-container{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:2rem;margin-bottom:3rem}.option-card{flex:1;background-color:#f6f7f7;border-radius:1.5rem;padding:1.75rem;position:relative;overflow:hidden;min-height:180px;max-width:260px;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;display:flex;flex-direction:column;box-shadow:0 2px 10px #0000000a}.option-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00000014}.option-label{display:inline-block;padding:.5rem 1.25rem;background-color:#fff;border-radius:2rem;font-size:.875rem;font-weight:500;margin-bottom:1rem;align-self:flex-start}.avatars-group{display:flex;margin:1.5rem 0}.avatar{width:55px;height:55px;border-radius:50%;overflow:hidden;border:2px solid white;margin-left:-12px;box-shadow:0 2px 8px #0000001a}.avatar:first-child{margin-left:0}.avatar img{width:100%;height:100%;object-fit:cover}.contractor-image{margin:1rem 0;overflow:hidden;border-radius:.75rem;height:190px}.contractor-image img{width:100%;height:100%;object-fit:cover}.option-card h3{font-size:1.15rem;font-weight:600;margin-top:auto;margin-bottom:0;padding-right:1.5rem}.arrow-icon{position:absolute;bottom:1.75rem;right:1.75rem;font-size:1.25rem;font-weight:400;opacity:.9;transition:transform .3s ease;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.option-card:hover .arrow-icon{transform:translate(3px)}.profile-showcase{flex:1;min-width:300px;position:relative;display:flex;flex-direction:column;gap:1rem}.navigation-dots{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;position:relative}.nav-dot{width:8px;height:8px;border-radius:50%;background-color:#e2e2e2;cursor:pointer;border:1px solid #cccccc}.nav-dot.active{background-color:#666;width:8px;height:8px;border:1px solid #555555}.arrow-next{margin-left:auto;cursor:pointer;font-size:1.25rem;opacity:.7;transition:opacity .3s ease,transform .3s ease;background-color:#f9f9f9;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid #e5e5e5;box-shadow:0 1px 4px #0000000d}.arrow-next:hover{opacity:1;transform:translate(3px);background-color:#f5f5f5}.profile-cards{display:flex;gap:1rem}.profile-card{flex:1;min-width:230px;background-color:#e2e2e2;border-radius:1.25rem;overflow:hidden;transition:transform .3s ease;box-shadow:0 5px 15px #0000000d}.profile-card:hover{transform:translateY(-5px)}.profile-card .card-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem .5rem 1.25rem;background-color:#ffffffe6;position:absolute;top:.75rem;right:.75rem;border-radius:2rem;z-index:2;box-shadow:0 1px 4px #0000000a}.profile-card .card-header span{font-size:.875rem;font-weight:500;color:#111}.profile-card .card-header .arrow-icon{position:relative;bottom:auto;right:auto;margin-left:.5rem;font-size:1rem;opacity:.7}.profile-image{width:100%;height:260px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}.profile-image img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}.profile-info{padding:1.25rem 1.5rem;background-color:#fffcfc}.profile-info h3{font-size:1.25rem;font-weight:600;margin-bottom:.25rem;color:#000}.profile-info p{color:#64748b;margin-bottom:1rem;font-size:.875rem}.read-more{color:#000;font-weight:500;text-decoration:none;font-size:.875rem;text-align:right;display:block;position:relative;padding-right:1rem}.read-more:after{content:"→";position:absolute;right:0;transition:transform .3s ease;font-size:1rem;top:-1px}.read-more:hover:after{transform:translate(3px)}.our-services{padding:5rem 0;background-color:#f8fafc}.service-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;margin-top:2rem}.service-card{flex:1;min-width:280px;max-width:350px;background:#fff;border-radius:12px;padding:2.5rem 2rem;box-shadow:0 10px 20px #0000000d;border:1px solid rgba(226,232,240,.8);transition:transform .3s ease,box-shadow .3s ease;position:relative}.service-card:hover{transform:translateY(-10px);box-shadow:0 20px 25px #0000001a}.service-card.featured{transform:scale(1.05);box-shadow:0 15px 30px #3182ce26;border:2px solid #3182ce}.service-card .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.service-card .card-header h3{font-size:1.5rem;font-weight:700;color:#2d3748}.service-card .card-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:#3182ce}.service-card .card-description{color:#718096;line-height:1.6;margin-bottom:2rem}.popular-tag,.value-tag,.elite-tag{font-size:.75rem;font-weight:600;padding:.35rem .75rem;border-radius:2rem}.popular-tag{background-color:#e6fffa;color:#319795}.value-tag{background-color:#ebf8ff;color:#3182ce}.elite-tag{background-color:#faf5ff;color:#805ad5}.cta-section{padding:5rem 0;background:linear-gradient(135deg,#3182ce,#2c5282);color:#fff;text-align:center}.cta-section h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.cta-section p{font-size:1.15rem;max-width:700px;margin:0 auto 2rem;opacity:.9}.cta-buttons{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}.cta-btn{font-size:1rem;font-weight:600;padding:.75rem 1.75rem;border-radius:.5rem;cursor:pointer;transition:all .3s ease;border:none}.primary-btn{background-color:#fff;color:#3182ce}.primary-btn:hover{background-color:#f7fafc;transform:translateY(-3px);box-shadow:0 10px 20px #0000001a}.secondary-btn{background-color:transparent;border:2px solid #fff;color:#fff}.secondary-btn:hover{background-color:#ffffff1a;transform:translateY(-3px)}.section-header{text-align:left}.section-header h2{font-size:2.5rem;text-align:left;display:block}.section-header h2:after{left:0;transform:none}@media (max-width: 992px){.workforce-content{flex-direction:column;gap:3rem}.profile-showcase{width:100%}.options-container{margin-bottom:0}}@media (max-width: 768px){.about-section.workforce-hero{padding:4rem 0 2rem}.section-header h2{font-size:2rem}.options-container{flex-direction:column}.option-card{min-height:150px}.service-cards{flex-direction:column;align-items:center}.service-card.featured{transform:none;order:-1}.cta-section h2{font-size:2rem}}@media (max-width: 576px){.profile-cards{flex-direction:column}.profile-card{min-width:100%}}.plan-badge{display:inline-block;padding:.5rem 1.2rem;background-color:#a78bfa;color:#fff;border-radius:50px;font-weight:600;font-size:.95rem;margin-bottom:1.2rem}.plan-badge.plus{background-color:#8b5cf6}.plan-badge.custom{background-color:#8381fa}.plan-description{color:#666;font-size:.95rem;line-height:1.6;margin-bottom:2rem;min-height:80px}.plan-price{margin-bottom:2rem;display:flex;align-items:baseline}.plan-price h3{font-size:2.5rem;font-weight:600;color:#333;margin:0}.plan-price span{font-size:1rem;color:#666;margin-left:.3rem}.custom-price{margin-bottom:2rem}.custom-price h3{font-size:2.5rem;font-weight:600;color:#333;margin:0}.plan-features{list-style:none;padding:0;margin:0 0 2rem}.plan-features li{display:flex;align-items:center;margin-bottom:1rem;color:#333}.check-icon{color:#8b5cf6;font-weight:700;margin-right:.5rem;font-size:1.1rem}.plan-cta{width:100%;padding:.8rem 0;border-radius:6px;font-weight:500;font-size:.95rem;cursor:pointer;transition:all .3s ease;background-color:#fff;border:1px solid #ddd;color:#333}.plan-cta:hover{background-color:#f5f5f5}.plan-cta.custom{background-color:#4f46e5;color:#fff;border:none}.plan-cta.custom:hover{background-color:#4338ca}@media (max-width: 1100px){.pricing-cards{flex-direction:column;align-items:center}.pricing-card{width:100%;max-width:500px;margin-bottom:1.5rem}.plan-description{min-height:auto}}@media (max-width: 768px){.pricing-header h2{font-size:2.2rem}.pricing-subtitle{font-size:.95rem}}@media (max-width: 480px){.pricing-toggle{flex-direction:column;gap:.5rem}.toggle-option{width:100%}.pricing-card{max-width:95%;padding:1.2rem 1rem}.plan-price h3{font-size:2rem}.plan-features{font-size:.9rem}.plan-features li{margin-bottom:.7rem}}@media (max-width: 380px){.plan-badge{padding:.4rem 1rem;font-size:.85rem}.plan-price h3{font-size:1.8rem}.plan-cta{padding:.7rem 0;font-size:.9rem}}.contact-section{background-color:#e5e6e6;padding:80px 0}.contact-container{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 12px #00000014}@media (max-width: 992px){.contact-container{grid-template-columns:1fr}}.contact-form-container{padding:50px;position:relative}.contact-form-container:before{content:"";position:absolute;top:0;left:0;height:3px;width:60px;background:linear-gradient(90deg,#3182ce,#63b3ed)}.contact-form-header{margin-bottom:30px}.contact-form-header h2{font-size:22px;font-weight:700;color:#1a202c;margin-bottom:0;line-height:1.4}.contact-form-header p{color:#1a202c;font-size:22px;font-weight:700;margin-top:0}.form-field-group{display:flex;justify-content:space-between;margin-bottom:20px;gap:20px;flex-wrap:wrap;width:100%}.form-field{margin-bottom:20px;position:relative;width:100%}.form-field-group .form-field{flex:0 0 calc(50% - 10px);min-width:0}.form-field label{display:block;font-size:13px;font-weight:600;margin-bottom:8px;color:#4a5568;transition:all .3s}.animated-field:focus-within label{color:#3182ce;transform:translateY(-2px)}.input-container{position:relative}.field-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:14px;color:#718096;z-index:1}.textarea-icon{top:16px;transform:none}.textarea-container{height:auto}.form-field input,.form-field textarea,.form-field select{width:100%;padding:12px 15px 12px 40px;border:1px solid #e2e8f0;border-radius:6px;font-size:15px;transition:all .3s ease;box-shadow:0 1px 2px #0000000d;background-color:#fff;box-sizing:border-box;max-width:100%}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{outline:none;border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a;transform:translateY(-1px)}.form-field input:hover,.form-field textarea:hover,.form-field select:hover{border-color:#a0aec0}.form-field textarea{resize:vertical;min-height:120px;font-family:inherit;padding-top:12px}.input-container input,.input-container textarea{transition:all .3s ease}.submit-btn{background-color:#000;color:#fff;border:none;padding:14px 0;font-size:16px;font-weight:600;border-radius:6px;cursor:pointer;transition:all .3s ease;margin-top:20px;width:100%;text-align:center;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;box-shadow:0 4px 6px #0000001a,0 1px 3px #00000014}.submit-btn:hover{background-color:#333;transform:translateY(-2px);box-shadow:0 7px 14px #0000001a,0 3px 6px #00000014}.submit-btn:active{transform:translateY(1px);box-shadow:0 2px 4px #0000001a}.btn-text{position:relative;z-index:1;margin-right:10px}.btn-icon{position:relative;z-index:1;font-size:18px;transition:transform .3s ease}.submit-btn:hover .btn-icon{transform:translate(4px)}.contact-image{background:url(/src/assets/profile2.jpg) center/cover no-repeat;position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:0;overflow:hidden}.contact-image:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#72727233,#1d1d1d99 90%);transition:all .5s ease}.contact-info-content{color:#fff;position:relative;z-index:2;padding:40px;text-align:center;animation:fadeIn .8s ease-out forwards;animation-delay:.3s;opacity:0}.contact-info-title{font-size:24px;font-weight:600;margin-bottom:8px;color:#fff;font-style:italic;line-height:1.3;padding-bottom:2rem}.contact-info-subtitle{font-size:24px;color:#fff;margin-bottom:40px;line-height:1.3;font-style:italic}.studio-label{position:absolute;left:50%;top:30px;transform:translate(-50%);background:#0006;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#fff;padding:8px 15px;border-radius:20px;font-size:12px;text-align:center;max-width:180px;z-index:10;box-shadow:0 2px 10px #0003}.studio-label p{margin:0;padding:0;line-height:1.4}.contact-info-network{font-size:20px;font-weight:600;margin-bottom:10px}.contact-network-tagline{font-size:14px;color:#666;margin-bottom:20px}.footer-feature-icons{position:absolute;bottom:20px;left:0;right:0;display:flex;justify-content:center;gap:20px;align-items:center;z-index:5;padding:0 20px}.footer-feature-icon{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:10px 15px;border-radius:30px;color:#fff;font-size:13px;display:flex;align-items:center;gap:8px;transition:all .3s ease;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 6px #0000001a;animation:fadeIn .5s ease-out forwards;opacity:0}.footer-feature-icon:nth-child(1){animation-delay:.7s}.footer-feature-icon:nth-child(2){animation-delay:.9s}.footer-feature-icon:hover{background:#ffffff40;transform:translateY(-3px);box-shadow:0 7px 14px #00000026}.phone-select{position:relative;display:flex;align-items:center;border:1px solid #e2e8f0;border-radius:6px;overflow:hidden;box-shadow:0 1px 2px #0000000d;transition:all .3s ease}.phone-select:focus-within{border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a;transform:translateY(-1px)}.phone-select:hover{border-color:#a0aec0}.select-wrapper{position:relative;display:flex;align-items:center;min-width:85px}.phone-icon{left:10px;z-index:2}.phone-select select{width:85px;border:none;padding:12px 25px 12px 35px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23718096' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E") no-repeat;background-position:calc(100% - 8px) center;font-size:15px;color:#4a5568;cursor:pointer}.phone-select select:focus{outline:none}.phone-input{flex:1;border:none;border-left:1px solid #e2e8f0;padding:12px 15px;font-size:15px;box-shadow:none}.phone-input:focus{outline:none;box-shadow:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animated-field{animation:fadeIn .5s ease-out forwards;opacity:0}.animated-field:nth-child(1){animation-delay:.1s}.animated-field:nth-child(2){animation-delay:.2s}.form-field.animated-field:nth-of-type(3){animation-delay:.3s}.form-field.animated-field:nth-of-type(4){animation-delay:.4s}.form-field.animated-field:nth-of-type(5){animation-delay:.5s}.submit-btn{animation:fadeIn .5s ease-out forwards;animation-delay:.6s;opacity:0}@media (max-width: 768px){.contact-container{grid-template-columns:1fr}.form-field-group{flex-direction:column;gap:10px}.form-field-group .form-field{flex:0 0 100%;width:100%}.contact-form-container{padding:30px}.contact-image{order:-1;min-height:400px}.footer-feature-icons{flex-direction:column;gap:15px;padding:0 20px}.contact-info-title,.contact-info-subtitle{font-size:20px}}@media (max-width: 576px){.phone-select{flex-direction:column;align-items:flex-start}.select-wrapper{width:100%;margin-bottom:10px}.phone-select select{width:100%}.phone-input{width:100%;border-left:none;border-top:1px solid #e2e8f0}}.site-footer{background-color:#fff;padding:60px 0 30px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.footer-container{max-width:1200px;margin:0 auto;padding:0 15px}.footer-content{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-bottom:40px}.footer-column h3{color:#000;font-size:16px;font-weight:600;margin-bottom:20px;text-transform:uppercase}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:12px}.footer-links a{color:#333;text-decoration:none;transition:color .2s;font-size:15px;display:block}.footer-links a:hover{color:#000}.social-icons{display:flex;gap:16px;margin-bottom:20px}.social-icon{background-color:transparent;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:transform .2s;color:#000}.social-icon:hover{transform:translateY(-3px);color:#000}.social-icon img{width:18px;height:18px}.social-icon svg{width:20px;height:20px;color:#000}.social-icon svg path{fill:#000}.social-icon svg path:hover{fill:#0004ff;translate:3px,3px}.footer-bottom{border-top:1px solid #eaeaea;padding-top:20px;text-align:center;color:#666;font-size:14px}@media (max-width: 768px){.footer-content{grid-template-columns:1fr;gap:30px}.footer-column{text-align:center}.social-icons{justify-content:center}}@media (max-width: 576px){.site-footer{padding:40px 0 20px}.footer-column h3{font-size:14px;margin-bottom:15px}.footer-links a{font-size:14px}.footer-bottom{font-size:12px}}.profile-card *,.profile-card img,.profile-image img{border-radius:0!important}.profile-showcase{flex:1;position:relative;display:flex;flex-direction:column;padding:0;margin-left:auto;width:100%}.profile-cards{display:flex;gap:20px;flex-wrap:wrap;margin:30px 0;width:100%;justify-content:space-between}.profile-card{flex:1;min-width:300px;min-height:600px;max-height:600px;background-color:#fff;border-radius:0;overflow:hidden;transition:all .4s cubic-bezier(.165,.84,.44,1);position:relative;margin-bottom:30px;box-shadow:0 8px 20px #0000001a;display:flex;flex-direction:column;border:1px solid #f0f0f0}.profile-card:hover{transform:translateY(-10px);box-shadow:0 20px 30px #00000026;border-color:#e0e0e0}.profile-card:hover .profile-image img{transform:scale(1.05)}.profile-card .card-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:#ffffffeb;position:absolute;top:16px;right:16px;border-radius:3px!important;z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 10px #0000001a;border:1px solid rgba(240,240,240,.8);transition:all .3s ease}.profile-card:hover .card-header{background-color:#fffffffa}.profile-card .card-header span{font-size:14px;font-weight:600;color:#333;text-transform:uppercase;letter-spacing:.5px}.profile-card .card-header .arrow-icon{font-size:16px;margin-left:10px;line-height:1;color:#555;transition:transform .3s ease}.profile-card:hover .card-header .arrow-icon{transform:translate(3px) translateY(-3px);color:#000}.profile-image{display:flex;width:480px;height:auto;position:relative;overflow:hidden;border-radius:0;justify-content:center;align-items:center;padding:20px 0}.profile-image img{width:100%;height:auto;object-fit:contain;display:block;transition:transform .6s ease}.card-content{padding-top:0%;display:flex;flex-direction:column;flex-grow:1;background:#fff;position:relative}.card-content p{font-size:15px;color:#718096;line-height:1.5;margin-bottom:20px;flex-grow:1}.card-meta{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;border-top:1px solid #f7f7f7}.card-date{font-size:14px;color:#a0aec0;font-weight:500}.card-action{background:#3182ce;color:#fff;border:none;padding:8px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;border-radius:0!important;letter-spacing:.5px}.card-action:hover{background:#2b6cb0;transform:translateY(-2px)}@media (max-width: 1024px){.profile-cards{justify-content:center}.profile-card{min-width:280px;max-width:340px}.profile-image{padding:15px 0}}@media (max-width: 768px){.profile-card{min-width:100%;max-width:100%}.profile-image{padding:10px 0}.profile-image img{max-height:500px;width:auto;margin:0 auto}}@media (max-width: 1280px){.container{padding:0 1.5rem}.features-section .section-header h2.main-title{font-size:3rem}.team-content{flex-direction:column}.team-cards{margin-bottom:2rem}.team-description{max-width:100%;padding-left:0}.workforce-content{flex-direction:column-reverse;gap:2rem}.profile-showcase{flex:0 0 100%;max-width:100%;padding-right:0}.workforce-text{flex:0 0 100%;max-width:100%}.profile-card{min-width:280px;margin-bottom:1rem}}@media (max-width: 992px){section{padding:4rem 0}.workforce-content h1{font-size:2.5rem}.features-showcase{padding:1rem}.team-tabs{flex-wrap:wrap;justify-content:center}.tab-btn{margin-bottom:1rem}.pricing-toggle{flex-direction:column;gap:.5rem}.pricing-cards{gap:2rem}}@media (max-width: 768px){h1,h2{font-size:2rem!important}h3{font-size:1.5rem!important}.hero-section{padding:7rem 0 4rem}.hero{min-height:60vh}.hero-bottom-section{padding:2rem 1rem}.hero-title{font-size:2rem!important;text-align:center}.hero-subtitle{font-size:1rem!important;text-align:center}.hero-buttons{flex-direction:column;width:100%;gap:1rem}.hero-button{width:100%}.features-section{padding:5rem 0 4rem;background-attachment:scroll!important}.features-section:before{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.features-section .section-header h2.main-title{font-size:2.5rem!important}.features-showcase{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.team-cards{flex-direction:column;width:100%}.team-card{width:100%;margin-bottom:1.5rem}.contact-container{grid-template-columns:1fr}.contact-form-container,.contact-image{padding:2rem}.form-field-group{flex-direction:column}.contact-image{display:none}.phone-select{flex-direction:column}.select-wrapper{width:100%;margin-bottom:.5rem}.phone-input{width:100%}.footer-content{flex-direction:column;gap:2rem}.footer-column{width:100%;text-align:center}.navbar-container{padding:0 1rem}.navbar-menu{padding:1rem}.features-section{background-attachment:scroll}}@media (max-width: 576px){section{padding:3rem 0}.container{padding:0 1rem}.workforce-content h1{font-size:1.8rem!important}.profile-showcase{padding:0;width:100%;margin-bottom:2rem}.profile-card{min-width:100%;min-height:auto;max-height:none}.profile-image{height:180px}.profile-card .card-header{top:.5rem;right:.5rem;padding:.4rem .8rem .4rem 1rem}.card-content{padding:1rem}.card-content p{font-size:.9rem;margin-bottom:.5rem}.pricing-header h2{font-size:1.8rem!important}.pricing-subtitle{font-size:.9rem}.pricing-card{padding:1.5rem 1rem}.plan-price h3{font-size:1.8rem!important}.features-section{padding:4rem 0 3rem!important;min-height:auto;background-attachment:scroll}.features-section .section-header h2.main-title{font-size:2rem!important}.features-section .section-header h2.main-title .line-break:after{right:40%;width:30px;height:3px}.features-showcase{padding:1.5rem 1rem;border-radius:12px;margin-left:0;margin-right:0}.team-tabs{gap:.5rem}.tab-btn{padding:.5rem 1rem;font-size:.9rem;margin-bottom:.5rem}.team-card{margin-bottom:1rem}.team-member-image{height:240px}.contact-form-header h2,.contact-form-header p{font-size:1.5rem!important}.contact-form-container,.contact-image{padding:1.5rem 1rem;border-radius:8px}.phone-select{flex-direction:column;gap:.5rem}.select-wrapper,.submit-btn{width:100%}.footer-feature-icon{flex-direction:column;text-align:center;gap:.5rem}.profile-cards,.team-cards{display:flex;flex-direction:column;gap:1rem}.profile-card,.team-card{width:100%;margin:0 auto}}@media (max-width: 375px){h1,h2{font-size:1.5rem!important}h3{font-size:1.2rem!important}.pricing-card{padding:1rem}.plan-features{font-size:.8rem}.plan-cta{padding:.6rem 1rem;font-size:.9rem}.profile-card{box-shadow:0 4px 15px #00000014}.profile-image{height:160px}.profile-card .card-header{top:.4rem;right:.4rem;padding:.3rem .7rem .3rem .8rem}.profile-card .card-header span{font-size:.8rem}.card-content p{font-size:.85rem}.contact-info-title{font-size:1.2rem!important}.studio-label{font-size:.8rem}.features-section .section-header h2.main-title{font-size:1.5rem!important}.features-showcase{padding:1rem .75rem;border-radius:10px}.team-tabs{padding:.2rem}.tab-btn{padding:.4rem .8rem;font-size:.8rem}.team-description h2{font-size:1.3rem!important}.team-description p{font-size:.9rem}.showcase-nav-btn{width:32px;height:32px}.showcase-nav-btn span{font-size:.9rem}.team-member-info h3{font-size:1.1rem!important}.team-member-image{height:220px;padding-top:1rem}.team-member-image img{width:200px;height:200px}}.profile-cards{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.options-container{width:100%}@media (max-width: 768px){.team-content{display:grid;grid-template-columns:1fr;gap:1.5rem}.showcase-nav-btn{display:flex;width:36px;height:36px;top:15px;transform:none;background:#ffffffe6;box-shadow:0 2px 8px #00000026;z-index:20}.showcase-nav-btn.prev{left:10px}.showcase-nav-btn.next{right:10px}.team-tabs{padding:.25rem;width:100%;max-width:100%;overflow-x:auto;justify-content:flex-start;margin-bottom:1.5rem;-ms-overflow-style:none;scrollbar-width:none;white-space:nowrap}.team-tabs::-webkit-scrollbar{display:none}.tab-btn{padding:.5rem 1rem;font-size:.85rem;flex:0 0 auto}.team-cards{display:grid;grid-template-columns:1fr;gap:1rem;width:100%}.team-card{margin-bottom:.5rem;box-shadow:0 3px 10px #00000014}.team-member-image{height:160px;padding-top:1.5rem;padding-bottom:.5rem}.team-member-image img{width:240px;height:240px}.team-description{text-align:center;padding:1rem .5rem}.team-description h2{font-size:1.5rem!important;margin:.5rem 0}.pricing-cards{flex-direction:column;align-items:center}.pricing-card{width:100%;max-width:90%;margin-bottom:1.5rem}.plan-description{min-height:auto;margin-bottom:1rem}}@media (max-width: 576px){.team-member-info h3{font-size:1rem!important}.team-member-role{font-size:.8rem}.team-member-image img{width:140px;height:140px}}@media (max-width: 768px){.pricing-section{padding:4rem 0 3rem}.pricing-cards{flex-direction:column;align-items:center;gap:2rem}.pricing-card{width:100%;max-width:90%;margin-bottom:0}.pricing-toggle{max-width:100%}.pricing-header{padding:0 1rem}.plan-features li{align-items:flex-start}.plan-features .check-icon{margin-top:3px}}img{max-width:100%;height:auto}@media (min-width: 577px) and (max-width: 768px){.pricing-card{max-width:70%}.options-container{grid-template-columns:repeat(2,1fr)}.profile-showcase{padding:0 1rem}.profile-card{min-width:100%;min-height:auto;max-height:none}.profile-image{height:200px}.team-content{grid-template-columns:1fr}.team-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;width:100%}.team-card{margin-bottom:0}.team-tabs{justify-content:center;width:auto;max-width:500px;margin:0 auto 1.5rem}.tab-btn{flex:0 0 auto}.features-showcase{padding:1.5rem}}@media (min-width: 769px) and (max-width: 992px){.team-content{grid-template-columns:2fr 1fr;gap:1.5rem}.team-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;width:100%}.features-section .section-header h2.main-title{font-size:3rem}.features-showcase{padding:1.75rem}.showcase-nav-btn.prev{left:-15px}.showcase-nav-btn.next{right:-15px}}@media (max-width: 350px){.options-container,.pricing-cards,.team-tabs{width:100%;display:flex;flex-direction:column}.option-card,.pricing-card,.tab-btn{width:100%}.form-field-group{flex-direction:column}.form-field{width:100%}button,.tab-btn,.toggle-option{min-height:44px;min-width:44px}a{padding:8px 0;display:inline-block}.showcase-nav-btn{min-height:44px;min-width:44px;touch-action:manipulation}.tab-btn{min-height:44px;touch-action:manipulation}.read-more-link{min-height:32px;padding:8px;margin:-8px;display:inline-flex;align-items:center;touch-action:manipulation}}.team-content{opacity:1;transition:opacity .3s ease}.tab-btn{position:relative;overflow:hidden}.tab-btn:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background-color:#333;transition:width .3s ease,left .3s ease}.tab-btn:hover:after{width:80%;left:10%}.tab-btn.active:after{width:80%;left:10%}@media (hover: hover){.team-card:hover .team-member-image img{transform:scale(1.07)}}@media (hover: none){.team-card:active .team-member-image img{transform:scale(1.05)}}@media (max-width: 992px){.showcase-nav-btn{top:calc(50% - 60px)}}@media (max-width: 768px){@keyframes cardFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.team-card{animation:cardFadeIn .3s ease forwards}.team-card:nth-child(2){animation-delay:.1s}.team-card:nth-child(3){animation-delay:.2s}.showcase-nav-btn{-webkit-tap-highlight-color:transparent;top:15px}.showcase-nav-btn:active{transform:scale(.95)}}@media (max-width: 576px){.team-tabs{scrollbar-width:none;-ms-overflow-style:none;position:relative}.team-tabs:after{content:"";position:absolute;right:0;top:0;bottom:0;width:30px;background:linear-gradient(to right,transparent,rgba(255,255,255,.7));pointer-events:none;opacity:.8}}@media (max-width: 480px){.team-member-image{height:auto;aspect-ratio:1/1;padding:1rem 0}.team-member-image img{width:200px;height:200px}.team-member-role{padding:.75rem 1rem;font-size:.8rem}}@media (min-width: 1281px){.profile-card{transition:transform .4s cubic-bezier(.165,.84,.44,1),box-shadow .4s ease}.profile-card:hover{transform:translateY(-10px) scale(1.01)}.profile-image img{transition:transform .6s ease;object-fit:contain;width:100%;height:auto;max-height:100%}.profile-card:hover .profile-image img{transform:scale(1.02)}}@media (max-width: 1280px) and (min-width: 993px){.profile-showcase{padding-right:0}.profile-card{min-height:500px;max-height:500px}.profile-image{height:300px;display:flex;align-items:center;justify-content:center}}@media (max-width: 992px) and (min-width: 769px){.profile-showcase{padding-right:0}.profile-card{min-height:auto;max-height:none}.profile-image{height:280px;display:flex;align-items:center;justify-content:center}.card-content{padding:1.2rem}}@media (max-width: 768px){.workforce-content{flex-direction:column-reverse}.profile-showcase{margin-bottom:2rem}.profile-card{min-height:auto;max-height:none;margin-bottom:0}}@media (max-width: 576px){.profile-card{margin-bottom:1.5rem;box-shadow:0 5px 15px #00000014}.profile-image{height:240px;display:flex;align-items:center;justify-content:center}.card-content{padding:1rem 1.2rem 1.2rem}}@media (max-width: 480px){.profile-image{height:220px;display:flex;align-items:center;justify-content:center}.card-content{padding:1rem}.profile-card .card-header{padding:.4rem .9rem .4rem 1rem}}@media (max-width: 375px){.profile-image{height:150px}.card-content{padding:.8rem}.card-content p{margin-bottom:0}.profile-card .card-header{padding:.3rem .7rem .3rem .8rem}}@media (hover: none){.profile-card .card-header{min-height:36px;display:flex;align-items:center}.profile-card .card-header .arrow-icon{padding:5px;margin-left:4px}}.profile-image{display:flex;justify-content:center;align-items:center;background-color:#fcfcfc}.profile-image img{width:auto!important;height:auto!important;max-width:100%;max-height:100%;object-fit:contain!important}.profile-card{display:flex;flex-direction:column}.profile-card .card-content{flex-grow:1;display:flex;flex-direction:column;justify-content:flex-start}html,body{scroll-behavior:smooth!important;overflow-x:hidden}*{-webkit-overflow-scrolling:touch}*{transition:background-color .3s ease,opacity .3s ease,transform .3s ease}.home-page,.section,.team-content,.features-showcase,.pricing-section,.contact-section{scroll-behavior:smooth!important}.home-page{transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}a[href^="#"]{scroll-behavior:smooth;transition:color .3s ease}.five-preview-container{height:90vh;width:100%;padding:4rem 2rem;overflow:visible;display:flex;align-items:center;justify-content:center;position:relative;margin:2rem 0;background-color:#000}.five-preview-container .stacked-cards{position:relative;max-width:1200px;width:100%;height:70vh;margin:0 auto;overflow:visible;perspective:1000px}.five-preview-container .preview-section{position:absolute;background:#000;border-radius:16px;padding:0;box-shadow:0 8px 32px #0000001f;border:1px solid rgba(255,255,255,.8);transition:all .8s cubic-bezier(.34,1.56,.64,1);cursor:pointer;overflow:hidden;will-change:transform,box-shadow,filter;backface-visibility:hidden;transform-style:preserve-3d}.five-preview-container .preview-section:hover{transform:translateY(-8px) scale(1.03);box-shadow:0 18px 40px #0003;z-index:20!important}.five-preview-container .section-left-1{width:340px;height:200px;top:30%;left:10%;transform:translate(0) translateY(0);background:linear-gradient(135deg,#667eea,#764ba2);z-index:4;margin:10px}.five-preview-container .section-left-2{width:340px;height:180px;top:65%;left:10%;transform:translate(0) translateY(0);background:linear-gradient(135deg,#f093fb,#f5576c);z-index:3;margin:10px}.five-preview-container .section-center{width:300px;height:560px;top:30%;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#4facfe,#00f2fe);z-index:7;margin:10px}.five-preview-container .section-right-1{width:340px;height:200px;top:30%;right:10%;left:auto;transform:translate(0) translateY(0);background:linear-gradient(135deg,#43e97b,#38f9d7);z-index:6;margin:10px}.five-preview-container .section-right-2{width:340px;height:150px;top:65%;right:10%;left:auto;transform:translate(0) translateY(0);background:linear-gradient(135deg,#fa709a,#fee140);z-index:5;margin:10px}.five-preview-container.spread .section-left-1{left:2%;top:25%;transform:translate(0) translateY(0) scale(1.05);transition-delay:.1s;z-index:4}.five-preview-container.spread .section-left-2{left:2%;top:70%;transform:translate(0) translateY(0) scale(1.05);transition-delay:.2s;z-index:3}.five-preview-container.spread .section-center{left:50%;top:25%;transform:translate(-50%) scale(1.1);transition-delay:.3s;z-index:7}.five-preview-container.spread .section-right-1{left:auto;right:2%;top:25%;transform:translate(0) translateY(0) scale(1.05);transition-delay:.4s;z-index:6}.five-preview-container.spread .section-right-2{left:auto;right:2%;top:70%;transform:translate(0) translateY(0) scale(1.05);transition-delay:.5s;z-index:5}.five-preview-container.spread.end-animation .section-left-1{left:2%;top:25%;transform:translate(0) scale(1.1);box-shadow:0 20px 60px #667eea4d;filter:brightness(1.1);transition-duration:.8s}.five-preview-container.spread.end-animation .section-left-2{left:2%;top:70%;transform:translate(0) scale(1.1);box-shadow:0 20px 60px #f093fb4d;filter:brightness(1.1);transition-duration:.8s}.five-preview-container.spread.end-animation .section-center{left:50%;top:20%;transform:translate(-50%) scale(1.15);box-shadow:0 20px 60px #4facfe4d;filter:brightness(1.1);transition-duration:.8s}.five-preview-container.spread.end-animation .section-right-1{right:2%;left:auto;top:25%;transform:translate(0) scale(1.1);box-shadow:0 20px 60px #43e97b4d;filter:brightness(1.1);transition-duration:.8s}.five-preview-container.spread.end-animation .section-right-2{right:2%;left:auto;top:70%;transform:translate(0) scale(1.1);box-shadow:0 20px 60px #fa709a4d;filter:brightness(1.1);transition-duration:.8s}@keyframes pulseLeft1{0%,to{transform:translate(0) scale(1.1)}50%{transform:translate(0) translateY(-8px) scale(1.15)}}@keyframes pulseLeft2{0%,to{transform:translate(0) scale(1.1)}50%{transform:translate(0) translateY(-8px) scale(1.15)}}@keyframes pulseCenter{0%,to{transform:translate(-50%) scale(1.15)}50%{transform:translate(-50%) translateY(-12px) scale(1.2)}}@keyframes pulseRight1{0%,to{transform:translate(0) scale(1.1)}50%{transform:translate(0) translateY(-8px) scale(1.15)}}@keyframes pulseRight2{0%,to{transform:translate(0) scale(1.1)}50%{transform:translate(0) translateY(-8px) scale(1.15)}}.five-preview-container.spread.end-animation.pulse .section-left-1{animation:pulseLeft1 3s infinite ease-in-out}.five-preview-container.spread.end-animation.pulse .section-left-2{animation:pulseLeft2 3s infinite ease-in-out;animation-delay:.2s}.five-preview-container.spread.end-animation.pulse .section-center{animation:pulseCenter 3s infinite ease-in-out;animation-delay:.3s}.five-preview-container.spread.end-animation.pulse .section-right-1{animation:pulseRight1 3s infinite ease-in-out;animation-delay:.4s}.five-preview-container.spread.end-animation.pulse .section-right-2{animation:pulseRight2 3s infinite ease-in-out;animation-delay:.5s}.five-preview-container .preview-section:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:16px;background:linear-gradient(135deg,#ffffff1a,#fff0,#ffffff1a);pointer-events:none;z-index:2;opacity:.6;transition:opacity .3s ease}.five-preview-container .preview-section:hover:after{opacity:.8}.five-preview-container .preview-section:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(to right,#fff0,#ffffff4d,#fff0);transform:rotate(30deg);opacity:0;transition:opacity .6s ease;pointer-events:none;z-index:3}.five-preview-container .preview-section:hover:before{animation:shimmer 1.5s forwards}@keyframes shimmer{0%{opacity:0;transform:rotate(30deg) translate(-100%)}20%{opacity:.3}to{opacity:0;transform:rotate(30deg) translate(100%)}}.five-preview-container .section-content{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10;margin:0;overflow:hidden;border-radius:16px}.five-preview-container .section-image,.five-preview-container .section-video{width:100%;height:100%;object-fit:cover;display:block;border-radius:16px}@media (max-width: 1200px){.five-preview-container.spread .section-left-1{left:10%}.five-preview-container.spread .section-left-2{left:5%}.five-preview-container.spread .section-right-1{right:10%}.five-preview-container.spread .section-right-2{right:5%}}@media (max-width: 992px){.five-preview-container{height:90vh}.five-preview-container .stacked-cards{height:70vh}.five-preview-container .section-left-1,.five-preview-container .section-left-2,.five-preview-container .section-right-1,.five-preview-container .section-right-2{transform:none;left:50%}.five-preview-container .section-left-1{transform:translate(-135px) translateY(-30px) rotate(-6deg)}.five-preview-container .section-left-2{transform:translate(-120px) translateY(20px) rotate(-3deg)}.five-preview-container .section-right-1{transform:translate(35px) translateY(-30px) rotate(6deg)}.five-preview-container .section-right-2{transform:translate(20px) translateY(20px) rotate(3deg)}.five-preview-container.spread .section-left-1{left:5%;top:30%;transform:translate(0) translateY(0) rotate(-3deg) scale(.9)}.five-preview-container.spread .section-left-2{left:2%;top:60%;transform:translate(0) translateY(0) rotate(2deg) scale(.9)}.five-preview-container.spread .section-right-1{right:5%;top:30%;transform:translate(0) translateY(0) rotate(3deg) scale(.9)}.five-preview-container.spread .section-right-2{right:2%;top:60%;transform:translate(0) translateY(0) rotate(-2deg) scale(.9)}.five-preview-container.spread .section-center{transform:translate(-50%) scale(1)}}@media (max-width: 768px){.five-preview-container{height:100vh}.five-preview-container .stacked-cards{height:80vh}.five-preview-container .section-left-1,.five-preview-container .section-right-1{width:200px;height:150px}.five-preview-container .section-left-2,.five-preview-container .section-right-2{width:180px;height:140px}.five-preview-container .section-center{width:240px;height:340px}.five-preview-container.spread .section-left-1{left:0%;top:25%}.five-preview-container.spread .section-left-2{left:0%;top:65%}.five-preview-container.spread .section-right-1{right:0%;top:25%}.five-preview-container.spread .section-right-2{right:0%;top:65%}.five-preview-container.spread.end-animation .section-left-1,.five-preview-container.spread.end-animation .section-left-2{left:-5%}.five-preview-container.spread.end-animation .section-right-1,.five-preview-container.spread.end-animation .section-right-2{right:-5%}}@media (max-width: 576px){.five-preview-container{height:110vh;padding:2rem 1rem}.five-preview-container .stacked-cards{height:90vh}.five-preview-container .section-left-1,.five-preview-container .section-right-1{width:160px;height:130px}.five-preview-container .section-left-2,.five-preview-container .section-right-2{width:150px;height:120px}.five-preview-container .section-center{width:180px;height:240px;top:15%}.five-preview-container .section-left-1{transform:translate(-100px) translateY(-20px) rotate(-6deg)}.five-preview-container .section-left-2{transform:translate(-90px) translateY(15px) rotate(-3deg)}.five-preview-container .section-right-1{transform:translate(20px) translateY(-20px) rotate(6deg)}.five-preview-container .section-right-2{transform:translate(10px) translateY(15px) rotate(3deg)}.five-preview-container.spread .section-left-1{left:-8%;top:20%;transform:translate(0) translateY(0) rotate(-3deg) scale(.8)}.five-preview-container.spread .section-left-2{left:-8%;top:70%;transform:translate(0) translateY(0) rotate(2deg) scale(.8)}.five-preview-container.spread .section-center{top:10%;transform:translate(-50%) scale(.85)}.five-preview-container.spread .section-right-1{right:-8%;top:20%;transform:translate(0) translateY(0) rotate(3deg) scale(.8)}.five-preview-container.spread .section-right-2{right:-8%;top:70%;transform:translate(0) translateY(0) rotate(-2deg) scale(.8)}.five-preview-container.spread.end-animation .section-left-1,.five-preview-container.spread.end-animation .section-left-2{left:-15%}.five-preview-container.spread.end-animation .section-right-1,.five-preview-container.spread.end-animation .section-right-2{right:-15%}}@media (max-width: 992px){.five-preview-container{height:85vh;padding:3rem 2rem;background-color:#000}.five-preview-container .stacked-cards{height:65vh}.five-preview-container .section-left-1,.five-preview-container .section-right-1{width:220px;height:180px}.five-preview-container .section-left-2,.five-preview-container .section-right-2{width:200px;height:170px}.five-preview-container .section-center{width:260px;height:320px}.five-preview-container.spread .section-left-1{left:5%!important;top:20%!important;transform:translate(0) translateY(0) rotate(-3deg) scale(.95)!important}.five-preview-container.spread .section-left-2{left:5%!important;top:60%!important;transform:translate(0) translateY(0) rotate(2deg) scale(.95)!important}.five-preview-container.spread .section-right-1{right:5%!important;top:20%!important;transform:translate(0) translateY(0) rotate(3deg) scale(.95)!important}.five-preview-container.spread .section-right-2{right:5%!important;top:60%!important;transform:translate(0) translateY(0) rotate(-2deg) scale(.95)!important}.five-preview-container.spread.end-animation .section-left-1{left:2%!important;top:15%!important;transform:translate(0) translateY(0) rotate(-2deg) scale(1)!important}.five-preview-container.spread.end-animation .section-left-2{left:2%!important;top:65%!important;transform:translate(0) translateY(0) rotate(1deg) scale(1)!important}.five-preview-container.spread.end-animation .section-right-1{right:2%!important;top:15%!important;transform:translate(0) translateY(0) rotate(2deg) scale(1)!important}.five-preview-container.spread.end-animation .section-right-2{right:2%!important;top:65%!important;transform:translate(0) translateY(0) rotate(-1deg) scale(1)!important}}@media (max-width: 768px){.five-preview-container{height:70vh;padding:1.5rem 1rem;margin:2rem 0;background-color:#000}.five-preview-container .stacked-cards{height:60vh}.five-preview-container .section-left-1,.five-preview-container .section-right-1{width:180px;height:140px}.five-preview-container .section-left-2,.five-preview-container .section-right-2{width:170px;height:130px}.five-preview-container .section-center{width:200px;height:260px;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.five-preview-container .section-left-1{transform:translate(-80px) translateY(-15px) rotate(-5deg)!important}.five-preview-container .section-left-2{transform:translate(-70px) translateY(10px) rotate(-2deg)!important}.five-preview-container .section-right-1{transform:translate(15px) translateY(-15px) rotate(5deg)!important}.five-preview-container .section-right-2{transform:translate(5px) translateY(10px) rotate(2deg)!important}.five-preview-container.spread .section-left-1{left:0%!important;top:20%!important;transform:translate(0) translateY(0) rotate(-2deg) scale(.95)!important;margin:8px!important}.five-preview-container.spread .section-left-2{left:0%!important;top:65%!important;transform:translate(0) translateY(0) rotate(1deg) scale(.95)!important;margin:8px!important}.five-preview-container.spread .section-center{top:40%!important;left:50%!important;transform:translate(-50%,-50%) scale(.95)!important;margin:8px!important}.five-preview-container.spread .section-right-1{right:0%!important;top:20%!important;transform:translate(0) translateY(0) rotate(2deg) scale(.95)!important;margin:8px!important}.five-preview-container.spread .section-right-2{right:0%!important;top:65%!important;transform:translate(0) translateY(0) rotate(-1deg) scale(.95)!important;margin:8px!important}.five-preview-container.spread.end-animation .section-left-1{left:0%!important;top:20%!important}.five-preview-container.spread.end-animation .section-left-2{left:0%!important;top:60%!important}.five-preview-container.spread.end-animation .section-center{top:40%!important;left:50%!important;transform:translate(-50%,-50%) scale(1.05)!important;z-index:10!important}.five-preview-container.spread.end-animation .section-right-1{right:0%!important;top:20%!important}.five-preview-container.spread.end-animation .section-right-2{right:0%!important;top:60%!important}.five-preview-container.spread.end-animation.pulse{overflow:hidden!important;max-height:70vh!important}}@media (max-width: 576px){.five-preview-container{height:60vh;padding:1rem .5rem}.five-preview-container .stacked-cards{height:50vh}.five-preview-container .section-left-1,.five-preview-container .section-right-1{width:140px;height:110px}.five-preview-container .section-left-2,.five-preview-container .section-right-2{width:130px;height:100px}.five-preview-container .section-center{width:180px;height:240px;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.five-preview-container .section-left-1{transform:translate(-60px) translateY(-10px) rotate(-4deg)!important}.five-preview-container .section-left-2{transform:translate(-50px) translateY(8px) rotate(-2deg)!important}.five-preview-container .section-right-1{transform:translate(10px) translateY(-10px) rotate(4deg)!important}.five-preview-container .section-right-2{transform:translate(0) translateY(8px) rotate(2deg)!important}.five-preview-container.spread .section-left-1{left:3%!important;top:30%!important;transform:translate(0) rotate(-2deg) scale(1)!important}.five-preview-container.spread .section-left-2{left:3%!important;top:50%!important;transform:translate(0) rotate(1deg) scale(1)!important}.five-preview-container.spread .section-center{top:40%!important;left:50%!important;transform:translate(-50%,-50%) scale(1)!important;z-index:7!important}.five-preview-container.spread .section-right-1{right:3%!important;top:30%!important;transform:translate(0) rotate(2deg) scale(1)!important}.five-preview-container.spread .section-right-2{right:3%!important;top:50%!important;transform:translate(0) rotate(-1deg) scale(1)!important}.five-preview-container.spread.end-animation .section-left-1{left:1%!important;top:25%!important}.five-preview-container.spread.end-animation .section-left-2{left:1%!important;top:55%!important}.five-preview-container.spread.end-animation .section-center{top:40%!important;left:50%!important;transform:translate(-50%,-50%) scale(1.05)!important;z-index:10!important}.five-preview-container.spread.end-animation .section-right-1{right:1%!important;top:25%!important}.five-preview-container.spread.end-animation .section-right-2{right:1%!important;top:55%!important}}@media (max-width: 400px){.five-preview-container{height:50vh;padding:.5rem 0}.five-preview-container .stacked-cards{height:45vh}.five-preview-container .section-left-1,.five-preview-container .section-right-1{width:120px;height:90px}.five-preview-container .section-left-2,.five-preview-container .section-right-2{width:110px;height:85px}.five-preview-container .section-center{width:160px;height:200px;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.five-preview-container .section-left-1{transform:translate(-40px) translateY(-8px) rotate(-3deg)!important}.five-preview-container .section-left-2{transform:translate(-35px) translateY(6px) rotate(-1deg)!important}.five-preview-container .section-right-1{transform:translate(5px) translateY(-8px) rotate(3deg)!important}.five-preview-container .section-right-2{transform:translate(0) translateY(6px) rotate(1deg)!important}.five-preview-container.spread .section-left-1{top:35%!important}.five-preview-container.spread .section-left-2{top:55%!important}.five-preview-container.spread .section-center{top:45%!important;left:50%!important;transform:translate(-50%,-50%) scale(1.05)!important;z-index:10!important}.five-preview-container.spread .section-right-1{top:35%!important}.five-preview-container.spread .section-right-2{top:55%!important}.five-preview-container.spread.end-animation .section-left-1,.five-preview-container.spread.end-animation .section-left-2,.five-preview-container.spread.end-animation .section-right-1,.five-preview-container.spread.end-animation .section-right-2{transform:scale(1.05)!important}}.five-preview-container .preview-section:before,.five-preview-container .preview-section:after{display:block!important}.five-preview-container .section-left-1,.five-preview-container .section-left-2{z-index:5!important}.five-preview-container .section-center{z-index:7!important}.five-preview-container .section-right-1,.five-preview-container .section-right-2{z-index:6!important}@media (max-width: 768px){.five-preview-container .preview-section{box-shadow:0 8px 20px #00000026!important;border:1px solid rgba(255,255,255,.6)!important}.five-preview-container .section-left-1{background:linear-gradient(135deg,#667eea,#764ba2)!important}.five-preview-container .section-left-2{background:linear-gradient(135deg,#f093fb,#f5576c)!important}.five-preview-container .section-center{background:linear-gradient(135deg,#4facfe,#00f2fe)!important}.five-preview-container .section-right-1{background:linear-gradient(135deg,#43e97b,#38f9d7)!important}.five-preview-container .section-right-2{background:linear-gradient(135deg,#fa709a,#fee140)!important}@keyframes mobilePulseLeft1{0%,to{transform:translate(0) rotate(-2deg) scale(1)}50%{transform:translate(-5px) translateY(-3px) rotate(-3deg) scale(1.03)}}@keyframes mobilePulseLeft2{0%,to{transform:translate(0) rotate(1deg) scale(1)}50%{transform:translate(-5px) translateY(-3px) rotate(2deg) scale(1.03)}}@keyframes mobilePulseCenter{0%,to{transform:translate(-50%,-50%) scale(1.05)}50%{transform:translate(-50%,-53%) scale(1.07)}}@keyframes mobilePulseRight1{0%,to{transform:translate(0) rotate(2deg) scale(1)}50%{transform:translate(5px) translateY(-3px) rotate(3deg) scale(1.03)}}@keyframes mobilePulseRight2{0%,to{transform:translate(0) rotate(-1deg) scale(1)}50%{transform:translate(5px) translateY(-3px) rotate(-2deg) scale(1.03)}}.five-preview-container.spread.end-animation.pulse .section-left-1{animation:mobilePulseLeft1 2s infinite ease-in-out!important}.five-preview-container.spread.end-animation.pulse .section-left-2{animation:mobilePulseLeft2 2s infinite ease-in-out!important;animation-delay:.2s!important}.five-preview-container.spread.end-animation.pulse .section-center{animation:mobilePulseCenter 2s infinite ease-in-out!important;animation-delay:.3s!important}.five-preview-container.spread.end-animation.pulse .section-right-1{animation:mobilePulseRight1 2s infinite ease-in-out!important;animation-delay:.4s!important}.five-preview-container.spread.end-animation.pulse .section-right-2{animation:mobilePulseRight2 2s infinite ease-in-out!important;animation-delay:.5s!important}}