:root{--test2-primary:#0a0a0a;--test2-accent:#6366f1;--test2-accent-light:#818cf8;--test2-surface:#fff;--test2-surface-dark:#1a1a1a;--test2-text:#171717;--test2-text-muted:#737373;--test2-border:#e5e5e5;--test2-spacing-xs:.5rem;--test2-spacing-sm:1rem;--test2-spacing-md:2rem;--test2-spacing-lg:4rem;--test2-spacing-xl:6rem;--test2-radius:1rem;--test2-transition:.3s cubic-bezier(.4, 0, .2, 1)}.test2-container{background:var(--test2-surface);min-height:100vh;position:relative;overflow-x:hidden}.particle-canvas{pointer-events:none;z-index:1;width:100%;height:100%;position:fixed;top:0;left:0}.test2-hero{min-height:100vh;padding:var(--test2-spacing-lg) var(--test2-spacing-md);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.gradient-mesh{z-index:0;background:radial-gradient(circle at 20% 30%,#6366f126 0%,#0000 50%),radial-gradient(circle at 80% 70%,#818cf81a 0%,#0000 50%),linear-gradient(135deg,#fafafa 0%,#fff 100%);position:absolute;inset:0}.hero-content{z-index:2;text-align:center;max-width:800px;position:relative}.hero-label{letter-spacing:.1em;text-transform:uppercase;color:var(--test2-accent);margin-bottom:var(--test2-spacing-sm);opacity:0;font-size:.875rem;font-weight:600;animation:.8s forwards fadeInUp;display:inline-block}.hero-title{color:var(--test2-primary);margin-bottom:var(--test2-spacing-md);opacity:0;font-size:clamp(2.5rem,8vw,5rem);font-weight:700;line-height:1.1;animation:.8s .2s forwards fadeInUp}.hero-title .highlight{background:linear-gradient(135deg, var(--test2-accent) 0%, var(--test2-accent-light) 100%);-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--test2-text-muted);margin-bottom:var(--test2-spacing-lg);opacity:0;max-width:600px;margin-left:auto;margin-right:auto;font-size:1.25rem;line-height:1.6;animation:.8s .4s forwards fadeInUp}.hero-actions{gap:var(--test2-spacing-sm);opacity:0;flex-wrap:wrap;justify-content:center;animation:.8s .6s forwards fadeInUp;display:flex}.btn-primary,.btn-secondary{border-radius:var(--test2-radius);cursor:pointer;transition:all var(--test2-transition);border:none;padding:1rem 2rem;font-size:1rem;font-weight:600;position:relative;overflow:hidden}.btn-primary:before,.btn-secondary:before{content:"";opacity:0;transition:opacity var(--test2-transition);background:linear-gradient(135deg,#0000 0%,#fff3 100%);position:absolute;inset:0}.btn-primary:hover:before,.btn-secondary:hover:before{opacity:1}.btn-primary{background:linear-gradient(135deg, var(--test2-accent) 0%, var(--test2-accent-light) 100%);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #6366f14d}.btn-secondary{color:var(--test2-primary);border:2px solid var(--test2-border);background:0 0}.btn-secondary:hover{border-color:var(--test2-accent);color:var(--test2-accent)}.floating-cards{pointer-events:none;z-index:0;position:absolute;inset:0}.float-card{border-radius:var(--test2-radius);color:var(--test2-text);background:#fff;align-items:center;gap:.75rem;padding:1.5rem;font-weight:600;animation:6s ease-in-out infinite float;display:flex;position:absolute;box-shadow:0 10px 40px #00000014}.float-card .card-icon{color:var(--test2-accent);font-size:1.5rem}.float-card.card-1{animation-delay:0s;top:15%;left:10%}.float-card.card-2{animation-delay:2s;top:60%;right:15%}.float-card.card-3{animation-delay:4s;bottom:20%;left:15%}.test2-features{padding:var(--test2-spacing-xl) var(--test2-spacing-md);background:var(--test2-surface);z-index:2;position:relative}.features-grid{gap:var(--test2-spacing-md);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));max-width:1200px;margin:0 auto;display:grid}@media (min-width:768px){.features-grid{grid-template-columns:repeat(2,1fr)}.features-grid .large{grid-column:span 2}}.feature-card{padding:var(--test2-spacing-lg);border-radius:var(--test2-radius);border:1px solid var(--test2-border);transition:all var(--test2-transition);background:#fff;position:relative;overflow:hidden}.feature-card:hover{border-color:var(--test2-accent);transform:translateY(-4px);box-shadow:0 20px 60px #0000001a}.feature-card.dark{background:var(--test2-surface-dark);color:#fff;border-color:var(--test2-surface-dark)}.feature-card.dark h3{color:#fff}.feature-card.dark p{color:#ffffffb3}.feature-card.dark .card-number{color:#ffffff4d}.card-number{color:#0000000d;margin-bottom:var(--test2-spacing-sm);font-size:3rem;font-weight:700;line-height:1}.feature-card h3{color:var(--test2-primary);margin-bottom:var(--test2-spacing-sm);font-size:1.5rem;font-weight:700}.feature-card p{color:var(--test2-text-muted);font-size:1rem;line-height:1.6}.card-accent{background:linear-gradient(90deg, var(--test2-accent) 0%, var(--test2-accent-light) 100%);transform-origin:0;height:4px;transition:transform var(--test2-transition);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.feature-card:hover .card-accent{transform:scaleX(1)}.card-glow{opacity:0;width:200%;height:200%;transition:opacity var(--test2-transition);background:radial-gradient(circle,#6366f133 0%,#0000 70%);position:absolute;top:-50%;right:-50%}.feature-card:hover .card-glow{opacity:1}.test2-stats{padding:var(--test2-spacing-xl) var(--test2-spacing-md);z-index:2;background:linear-gradient(135deg,#fafafa 0%,#fff 100%);position:relative}.stats-container{gap:var(--test2-spacing-lg);max-width:900px;margin:0 auto;display:grid}.stat-item{position:relative}.stat-value{color:var(--test2-primary);margin-bottom:var(--test2-spacing-xs);font-size:4rem;font-weight:700;line-height:1}.stat-label{color:var(--test2-text-muted);margin-bottom:var(--test2-spacing-sm);font-size:1rem}.stat-bar{background:linear-gradient(90deg, var(--test2-accent) 0%, var(--test2-accent-light) 100%);border-radius:2px;height:4px;transition:width 1s}.test2-gallery{padding:var(--test2-spacing-xl) var(--test2-spacing-md);z-index:2;background:linear-gradient(#fff 0%,#f8f9fa 100%);position:relative;overflow:hidden}.gallery-header{text-align:center;max-width:700px;margin:0 auto var(--test2-spacing-xl)}.gallery-title{color:var(--test2-primary);margin-bottom:var(--test2-spacing-sm);font-size:3rem;font-weight:700}@media (max-width:767px){.gallery-title{font-size:2rem}}.gallery-subtitle{color:var(--test2-text-muted);font-size:1.25rem}@media (max-width:767px){.gallery-subtitle{font-size:1rem}}.gallery-grid{gap:var(--test2-spacing-lg);perspective:1000px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));max-width:1200px;margin:0 auto;display:grid}@media (max-width:767px){.gallery-grid{gap:var(--test2-spacing-md);grid-template-columns:1fr}}.gallery-card{border-radius:calc(var(--test2-radius)*1.5);cursor:pointer;height:350px;transform-style:preserve-3d;transition:transform .1s ease-out;position:relative}.gallery-card:before{content:"";border-radius:calc(var(--test2-radius)*1.5);opacity:0;transition:opacity var(--test2-transition);z-index:-1;background:linear-gradient(135deg,#6366f14d,#818cf84d);position:absolute;inset:-2px}.gallery-card.active:before{opacity:1}.card-background{border-radius:calc(var(--test2-radius)*1.5);opacity:.9;transition:opacity var(--test2-transition);position:absolute;inset:0}.gallery-card:hover .card-background{opacity:1}.card-content-3d{height:100%;padding:var(--test2-spacing-lg);text-align:center;color:#fff;z-index:2;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;transform:translateZ(50px)}.card-icon-3d{margin-bottom:var(--test2-spacing-md);filter:drop-shadow(0 4px 8px #0003);transition:transform var(--test2-transition);font-size:4rem}.gallery-card:hover .card-icon-3d{transform:scale(1.1)translateZ(20px)}.card-title-3d{margin-bottom:var(--test2-spacing-sm);text-shadow:0 2px 4px #0003;font-size:1.75rem;font-weight:700}@media (max-width:767px){.card-title-3d{font-size:1.5rem}}.card-description-3d{opacity:.9;text-shadow:0 1px 2px #0003;max-width:280px;font-size:1rem;line-height:1.6}.card-shine{border-radius:calc(var(--test2-radius)*1.5);background:linear-gradient(135deg,#0000 0%,#ffffff1a 45%,#ffffff4d 50%,#ffffff1a 55%,#0000 100%);transition:transform .6s;position:absolute;inset:0;transform:translate(-100%)}.gallery-card:hover .card-shine{transform:translate(100%)}.card-reflection{filter:blur(10px);opacity:0;height:40px;transition:opacity var(--test2-transition);background:linear-gradient(#0000001a 0%,#0000 100%);border-radius:50%;position:absolute;bottom:-20px;left:10%;right:10%}.gallery-card:hover .card-reflection{opacity:1}.test2-morphing{padding:var(--test2-spacing-xl) var(--test2-spacing-md);z-index:2;background:linear-gradient(135deg,#0a0a0a 0%,#1a1a1a 100%);position:relative;overflow:hidden}.test2-morphing:before{content:"";background:linear-gradient(90deg, transparent 0%, var(--test2-accent) 50%, transparent 100%);height:1px;position:absolute;top:0;left:0;right:0}.morphing-container{text-align:center;max-width:1000px;margin:0 auto}.morphing-label{letter-spacing:.15em;text-transform:uppercase;color:var(--test2-accent-light);margin-bottom:var(--test2-spacing-lg);opacity:.8;font-size:.875rem;font-weight:600;display:inline-block}.morphing-text-wrapper{cursor:pointer;flex-direction:column;justify-content:center;align-items:center;min-height:200px;display:flex;position:relative}@media (max-width:767px){.morphing-text-wrapper{min-height:150px}}.morphing-text-container{justify-content:center;align-items:center;width:100%;height:120px;display:flex;position:relative}@media (max-width:767px){.morphing-text-container{height:80px}}.morphing-text{color:#fff;opacity:0;pointer-events:none;white-space:nowrap;font-size:clamp(2rem,6vw,4rem);font-weight:700;line-height:1.2;position:absolute;transform:translateY(30px)scale(.9)}.morphing-text.active{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.morphing-text.active .morphing-char{animation:.6s cubic-bezier(.34,1.56,.64,1) forwards morphIn}.morphing-text.previous .morphing-char{animation:.6s cubic-bezier(.34,1.56,.64,1) forwards morphOut}@media (max-width:767px){.morphing-text{font-size:1.75rem}}.morphing-char{opacity:0;background:linear-gradient(135deg, #fff 0%, var(--test2-accent-light) 100%);-webkit-text-fill-color:#0000;filter:blur();-webkit-background-clip:text;background-clip:text;display:inline-block;transform:translateY(20px)rotateX(-90deg)}.morphing-indicators{margin-top:var(--test2-spacing-lg);justify-content:center;gap:12px;display:flex}.indicator{cursor:pointer;background:#fff3;border:none;border-radius:2px;width:40px;height:4px;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.indicator:before{content:"";background:linear-gradient(90deg, var(--test2-accent) 0%, var(--test2-accent-light) 100%);transform-origin:0;transition:transform 3.5s linear;position:absolute;inset:0;transform:scaleX(0)}.indicator.active{background:linear-gradient(90deg, var(--test2-accent) 0%, var(--test2-accent-light) 100%)}.indicator.active:before{transform:scaleX(1)}.indicator:hover{background:#fff6;transform:scaleY(1.5)}.indicator:focus{outline:2px solid var(--test2-accent);outline-offset:4px}.morphing-subtitle{color:#fff9;margin-top:var(--test2-spacing-md);letter-spacing:.05em;font-size:1.125rem}@media (max-width:767px){.morphing-subtitle{font-size:1rem}}.test2-closing{padding:var(--test2-spacing-xl) var(--test2-spacing-md);background:var(--test2-surface-dark);color:#fff;text-align:center;z-index:2;position:relative}.closing-content{max-width:700px;margin:0 auto}.closing-content h2{margin-bottom:var(--test2-spacing-md);font-size:3rem;font-weight:700}.closing-content p{color:#ffffffb3;font-size:1.25rem;line-height:1.6}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes morphIn{0%{opacity:0;filter:blur(10px);transform:translateY(30px)rotateX(-90deg)scale(.8)}50%{opacity:.5;filter:blur(5px)}to{opacity:1;filter:blur();transform:translateY(0)rotateX(0)scale(1)}}@keyframes morphOut{0%{opacity:1;filter:blur();transform:translateY(0)rotateX(0)scale(1)}50%{opacity:.5;filter:blur(5px)}to{opacity:0;filter:blur(10px);transform:translateY(-30px)rotateX(90deg)scale(.8)}}@media (max-width:767px){.test2-hero{padding:var(--test2-spacing-md) var(--test2-spacing-sm)}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1rem}.float-card{display:none}.features-grid{grid-template-columns:1fr}.stat-value{font-size:3rem}.closing-content h2{font-size:2rem}}