html,body{scroll-behavior:smooth;font-family:Roboto,sans-serif;font-size:16px;font-weight:400;overflow-x:hidden}img{max-width:100%}body{padding-top:3.75rem}.btn-1{color:#fff;background:#47a35f;border:none;border-radius:3rem;margin-top:10px;padding:.75rem 2rem;font-size:.9rem;font-weight:500}.btn-1:hover,.btn-1:focus{color:#fff;background:#47a35f;border:none}@media (width<=767px){.btn-1{padding:.6rem 1.5rem}}.icon{width:2.5rem;height:2.5rem}@media (width<=767px){html,body{font-size:14px}body{padding-top:4rem}}.navbar{background:#fff;padding:.6rem 0;box-shadow:0 0 4px #0003}.navbar .navbar-collapse .navbar-nav .nav-item .nav-link{color:#2e3a31;padding:.5rem 1rem;font-size:.9rem;font-style:normal;font-weight:500;transition:all .4s linear;position:relative}.navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover,.navbar .navbar-collapse .navbar-nav .nav-item .nav-link.active{color:#47a35f}.navbar .navbar-collapse .navbar-nav .nav-item .nav-link.active:after{content:"";background:#47a35f;width:16px;height:2px;transition:all .4s linear;display:block}@media (width<=767px){.navbar .navbar-toggler{box-shadow:none;border:none}.navbar .navbar-collapse .navbar-nav .nav-item .nav-link{font-size:1rem}}.main-banner{background:#47a35f1a url(images/union.svg) 0 100% no-repeat}@media (width<=767px){.main-banner{background-size:30%}}.main-banner .banner-item{flex-wrap:wrap;align-items:center;display:flex}.main-banner .banner-item .banner-content{flex:3;padding-left:calc(50% - 660px)}.main-banner .banner-item .banner-content h3{color:#18281c;font-size:2rem;font-weight:700}.main-banner .banner-item .banner-content h2{font-size:18px}.main-banner .banner-item .banner-content p{color:#2e3a31;font-size:1rem}.main-banner .banner-item .banner-image{flex:2}.main-banner .banner-item .banner-image img{max-width:100%}@media (width<=767px){.main-banner .banner-item .banner-content{padding:2.5rem 1rem}.main-banner .banner-item .banner-content h3{font-size:1.2rem}.main-banner .banner-item .banner-content p{font-size:.9rem}}@media (width<=1024px){.main-banner .banner-item .banner-content{padding:2.5rem 1rem}.main-banner .banner-item .banner-content h3{font-size:1.2rem}.main-banner .banner-item .banner-content p{font-size:.9rem}}.about-us{background:url(images/about-us.jpg) 50%/cover no-repeat;padding:3rem 0;position:relative}@media (width<=767px){.about-us{padding:2rem 0}}@media (width<=1024px){.about-us{padding:2rem 0}}.about-us:before{content:"";background:linear-gradient(90deg,#2e3a31d6,#2e3a31);width:100%;height:100%;position:absolute;top:0;left:0}.about-us .au-wrap{z-index:99;padding:2rem 7rem;position:relative}@media (width<=767px){.about-us .au-wrap{padding:0}}@media (width<=1024px){.about-us .au-wrap{padding:0}}.about-us .au-wrap__title{text-align:center;margin-bottom:3rem}.about-us .au-wrap__title h3{color:#e9fcee;margin-bottom:1rem;font-size:2rem;font-weight:700}@media (width<=767px){.about-us .au-wrap__title h3{font-size:1.75rem}}.about-us .au-wrap__title p{color:#e9fcee;width:60%;margin:0 auto;font-size:1rem;line-height:1.75}@media (width<=767px){.about-us .au-wrap__title p{width:90%;font-size:.9rem}}@media (width<=1024px){.about-us .au-wrap__title p{width:80%;font-size:.9rem}}.about-us .au-wrap__cols__wrap{background:#b6fdb51a;border-radius:.5rem;height:100%;padding:1.25rem}@media (width<=767px){.about-us .au-wrap__cols__wrap{height:auto;margin-bottom:1rem}}.about-us .au-wrap__cols__wrap h4{color:#e9fcee;font-size:1rem;font-weight:700}.about-us .au-wrap__cols__wrap p{color:#e9fcee;margin:0;font-size:.85rem}.about-us .au-wrap__action{text-align:center;padding:3rem 0 0;overflow:hidden}@media (width<=767px){.about-us .au-wrap__action{padding-top:1rem}}@media (width<=1024px){.about-us .au-wrap__action{padding-top:2rem}}.about-us .au-wrap__action .btn-1{text-decoration:none;display:inline-block}.features{padding:2.5rem 0;scroll-margin-top:85px}@media (width<=1024px){.features{padding:2rem 0}}.features h3{color:#18281c;margin-bottom:1.25rem;font-size:1.75rem;font-weight:700;line-height:1.5}.features h3 span{color:#47a35f}.features .features-list{flex-direction:column;gap:1.5rem;padding:0;display:flex}.features .features-list .fw{cursor:pointer;background:#fff;border:2px solid #18281c33;border-radius:1rem;align-items:center;gap:1rem;padding:1.5rem;text-decoration:none;transition:all .2s;display:flex}.features .features-list .fw:hover{border:2px solid #47a35f4d}.features .features-list .fw.selected{border:2px solid #47a35fcc}.features .features-list .fw.selected .fw__icon{background:#47a35f}.features .features-list .fw.selected .fw__icon .icon{color:#fff}.features .features-list .fw__icon{background:#47a35f33;border-radius:50%;justify-content:center;align-items:center;width:4rem;height:4rem;display:flex}.features .features-list .fw__icon .icon{color:#47a35f;width:1.75rem;height:1.75rem}.features .features-list .fw__info{width:calc(100% - 5rem);padding-left:.5rem}.features .features-list .fw__info h5{color:#18281c;margin-bottom:.3rem;font-size:1.2rem;font-weight:700}.features .features-list .fw__info p{color:#2e3a31;margin:0;font-size:1rem}.features .features-photo{border-radius:1rem;overflow:hidden}.features .features-photo img{width:100%}@media (width<=767px){.features{padding:2.5rem 0}.features h3{margin-bottom:1rem;font-size:1.5rem}.features .features-photo{margin-bottom:1.5rem}.features .features-list{gap:1rem}.features .features-list .fw{padding:1rem}.features .features-list .fw__icon{width:3rem;height:3rem}.features .features-list .fw__info{width:calc(100% - 4rem)}.features .features-list .fw__info p{display:none}.features .features-list .fw.selected .fw__info p{display:block}}@media (width<=1024px){.features h3{font-size:1.75rem}.features .features-list{gap:1rem}.features .features-list .fw{gap:.5rem;padding:.75rem}.features .features-list .fw__icon{width:2.5rem;height:2.5rem}.features .features-list .fw__info{width:calc(100% - 3rem)}.features .features-list .fw__info h5{font-size:1rem}.features .features-list .fw__info p{font-size:.85rem;display:none}.features .features-list .fw.selected .fw__info p{display:block}}.services{background:#edf6ef url(images/union1.svg) 100% 100%/15rem no-repeat;padding:5rem 0}.services .service-title{margin-bottom:2rem}.services .service-title h4{color:#18281c;font-size:1.875rem;font-weight:700}.services .service-title p{color:#18281c;font-size:1rem;font-weight:400;line-height:1.5}.services .services-list .card{background:#fff;border:none;border-radius:.5rem;height:100%;padding:1.5rem}.services .services-list .card .sl__icon{background:#47a35f;border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.services .services-list .card .sl__icon .icon{width:1.75rem;height:1.75rem}.services .services-list .card h5{color:#18281c;margin:.5rem 0;font-size:1.25rem;font-weight:700}.services .services-list .card p{color:#18281c;font-size:.9rem;font-weight:400;line-height:1.5}.services .services-list .card a{color:#47a35f;font-size:.9rem;font-weight:600;text-decoration:none}.services .services-list .card a .icon{width:1rem;height:1rem}@media (width<=767px){.services{padding:2rem 0 1rem}.services .service-title img{margin-bottom:1rem}.services .service-title h4{font-size:1.6rem}.services .services-list .card{margin-bottom:1.25rem}.services .services-list .card h5{font-size:1rem}}@media (width<=1024px){.services{padding:2.5rem 0}.services .service-title h4{font-size:1.5rem}.services .service-title p{font-size:.85rem}.services .service-title .btn-1{padding:.6rem 1.5rem;font-size:.8rem}}.reviews{padding:3rem 0}.reviews .reviews-list .review-item{flex-direction:column;align-items:center;padding:1rem 5rem;display:flex}.reviews .reviews-list .review-item p{color:#18281c;text-align:center;font-size:1.5rem;line-height:2}.reviews .reviews-list .review-item .reviwer-profile{align-items:center;gap:1rem;display:flex}.reviews .reviews-list .review-item .reviwer-profile img{border-radius:50%;width:3.75rem;height:3.75rem}.reviews .reviews-list .review-item .reviwer-profile label{color:#18281c;margin:0;font-size:1.2rem;font-weight:600}@media (width<=767px){.reviews{padding:3rem 0}.reviews .reviews-list .review-item{padding:0}.reviews .reviews-list .review-item p{font-size:1.25rem}.reviews .reviews-list .review-item .reviwer-profile img{width:3rem;height:3rem}.reviews .reviews-list .review-item .reviwer-profile label{font-size:1rem}}@media (width<=1024px){.reviews .reviews-list .review-item{padding:0 2rem}.reviews .reviews-list .review-item p{font-size:1.25rem;line-height:1.75}}.app-starter{margin-bottom:3rem}.app-starter .starter-wrapper{text-align:center;background:linear-gradient(90deg,#18281c,#47a35f,#18281c);border-radius:1.5rem;flex-direction:column;align-items:center;gap:.75rem;padding:5rem 10rem;display:flex;position:relative;overflow:hidden}.app-starter .starter-wrapper:before{content:"";opacity:.4;background:linear-gradient(.36turn,#47a35f,#2b9e494d);border-radius:1.75rem;width:515px;height:256px;display:block;position:absolute;top:60%;left:-345px;transform:rotate(-55deg)}.app-starter .starter-wrapper:after{content:"";opacity:.4;background:linear-gradient(.36turn,#47a35f,#2b9e494d);border-radius:1.75rem;width:515px;height:256px;display:block;position:absolute;top:60%;right:-320px;transform:rotate(-130deg)}.app-starter .starter-wrapper h4{color:#fff;font-size:1.8rem;font-weight:700}.app-starter .starter-wrapper p{color:#fff;font-size:1.1rem;line-height:1.5}.app-starter .starter-wrapper a{color:#47a35f;background:#fff;border-radius:2rem;padding:.75rem 2rem;font-size:1rem;font-weight:600}@media (width<=767px){.app-starter .starter-wrapper{padding:2rem 0}.app-starter .starter-wrapper:before{width:400px;height:200px;top:60%;left:-300px}.app-starter .starter-wrapper:after{width:400px;height:200px;top:50%;right:-300px}.app-starter .starter-wrapper h4{font-size:1.5rem}.app-starter .starter-wrapper p{width:90%;font-size:1rem}.app-starter .starter-wrapper .btn{z-index:999;position:relative}}@media (width<=1024px){.app-starter .starter-wrapper{padding:3rem}.app-starter .starter-wrapper h4{font-size:1.5rem}.app-starter .starter-wrapper p{font-size:1rem}}.contact-us{background:#edf6ef;padding:5rem 0}@media (width<=767px){.contact-us{padding:2rem 0}}.contact-us__wrapper{padding-bottom:2rem}.contact-us__wrapper h4{color:#18281c;font-size:2rem;font-weight:600}@media (width<=767px){.contact-us__wrapper h4{font-size:1.75rem}}.contact-us__wrapper p{color:#18281c;width:90%;font-size:.9rem}@media (width<=767px){.contact-us__wrapper p{text-align:justify;width:100%}}.contact-us__wrapper .contact-info{flex-direction:column;gap:1rem;display:flex}.contact-us__wrapper .contact-info .ci{align-items:center;gap:1rem;display:flex}.contact-us__wrapper .contact-info .ci .icon{color:#fff;background:#47a35f;border-radius:50%;width:1.75rem;height:1.75rem;padding:6px}.contact-us__wrapper .contact-info .ci a{color:#18281c;font-size:.9rem;text-decoration:none}.contact-us__wrapper .contact-info .ci p{color:#18281c;margin:0;font-size:.9rem}.contact-us__wrapper .contact-info .ci p a{color:#47a35f;text-decoration:underline;display:block}@media (width<=767px){.contact-us__wrapper form{margin-top:2.5rem}}.contact-us__wrapper form .form-group{margin-bottom:1rem}.contact-us__wrapper form .form-group .form-control{color:#18281c;box-shadow:none;border:1px solid #c8dacd;border-radius:0;padding:.6rem 1rem;font-size:.9rem}.contact-us__wrapper form .form-group .form-control:focus{border-color:#47a35f}.contact-us__wrapper form .form-group .btn-1{text-transform:uppercase;border-radius:0;width:100%;display:block}.contact-us__social{border-top:1px solid #bdd5c3;padding-top:3rem}.contact-us__social p{color:#18281c;text-align:center;width:90%;margin:0 auto;font-size:.9rem;line-height:1.5}.contact-us__social .social-links{justify-content:center;align-items:center;gap:.5rem;margin:1rem 0 0;padding:0;display:flex}.contact-us__social .social-links li{display:block}.contact-us__social .social-links li a{color:#fff;background:#47a35f;border-radius:50%;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;display:flex}.contact-us__social .social-links li a .icon{width:1rem;height:1rem}footer{background:#edf6ef;padding:2rem 0}footer ul{margin:0;padding:0}footer ul li{display:inline-block}footer ul li a{color:#18281c;margin:0;padding:0 .75rem;font-size:.9rem;text-decoration:none}footer ul li a:hover{color:#47a35f}footer p{color:#18281c;margin:0;font-size:.9rem}@media (width<=767px){footer{padding:1.5rem 0}footer ul{margin:.5rem 0 .5rem -.75rem}}.chatbot-section{z-index:999;border:none;border-radius:10px;width:400px;height:350px;margin-top:2px;margin-right:10px;position:fixed;bottom:32px;right:10px}.familytreeImage{height:742px}@media (width<=767px){.familytreeImage{height:413px}}.links-ul{flex-wrap:wrap;display:flex}@media (width<=768px){.links-ul{flex-direction:column;margin-left:10px}}.div2{z-index:9999;opacity:0;visibility:hidden;pointer-events:none;background-color:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .6s ease-in-out,visibility .6s ease-in-out;display:flex;position:fixed;top:0;left:0}.close-btn{cursor:pointer;z-index:10000;color:#000;background:0 0;border:none;font-size:35px;transition:all .3s;position:absolute;top:0;right:163px}.gif{cursor:pointer;width:120px;height:140px;margin-top:380px;position:fixed;left:0}.carousel-wrapper{background-color:#ecf6ef;justify-content:center;align-items:center;width:100%;max-width:100%;margin:0 auto;padding:40px 0;display:flex;overflow:hidden}.carousel-track{align-items:center;transition:transform .6s ease-in-out;display:flex}.carousel-image{object-fit:cover;opacity:.3;object-fit:contain;border-radius:16px;width:100%;max-width:75vw;height:auto;margin-right:15px;transition:none;transform:scale(.85);box-shadow:0 6px 18px #0003}.carousel-image.active{opacity:1;transform:scale(1)}@media (width<=768px){.carousel-wrapper{width:100%;padding:10px 0}.carousel-image{opacity:1;max-width:90vw;height:auto;transform:scale(1)}.carousel-track{gap:10px}}.div2{z-index:9999;color:#fff;background-color:#000000b3;justify-content:center;align-items:center;width:100vw;height:100vh;font-size:small;transition:opacity .12s ease-in-out;display:flex;position:fixed;top:0;left:0}.tree-container{justify-content:center;align-items:center;width:100%;height:100%;max-height:100vh;display:flex}.familyTreeFullImage{object-fit:contain;max-width:90%;height:auto;max-height:92vh;display:block}iframe{border:none;width:100%;height:100%}.tag{opacity:0;padding-bottom:32px;transition:opacity .4s;position:absolute}.tag:hover{opacity:1}.view-tree{color:#fff;background-color:#18281c;border:0;border-radius:10px;padding:10px 20px;font-weight:500}.badge{color:#fff;letter-spacing:1px;cursor:pointer;background-color:#18281c;border-radius:20px;padding:10px 15px;font-size:10px;position:absolute;bottom:15px;left:-60px}.badge:after{content:"";border-top:8px solid #18281c;border-left:8px solid #0000;border-right:8px solid #0000;width:0;height:0;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.expand{background-color:#ffffff5e;border-radius:50%;padding:2px;position:absolute;top:5px;right:5px}.expand:hover{cursor:pointer}@media (width<=768px){.family-gallery-container{width:100%}.family-gallery-image{width:500px;height:300px}}.gallery-container{flex-direction:column;justify-content:center;align-items:center;gap:16px;padding-top:16px;display:flex}.view-all-trees{background-color:#f0f8f3;justify-content:center;align-items:center;padding-bottom:10px;display:flex}.celebrity-family-tree{display:flex}.categories{flex-direction:column;gap:10px;height:90vh;padding:10px;display:flex;overflow-y:scroll}.card{background:#f9f9f9;border:1px solid #ccc;border-radius:10px;flex-shrink:0;max-width:350px;max-height:300px;padding:15px}.card ul{margin:0;padding:0;list-style:none}.card li{margin-bottom:10px}.card img{object-fit:cover;width:60px;height:60px;margin-right:10px}.card div{align-items:center;display:flex}.celeb-name-btn:hover{color:#fff;background-color:green}.header{align-items:center;gap:10px;margin-top:45px;display:flex}.header h1{text-align:center;flex:1;margin:0}.back-btn{cursor:pointer;background:#47a35f;border:none;border-radius:6px;padding:10px 15px}.names{z-index:10;flex-wrap:wrap;justify-content:center;gap:15px;display:flex;position:relative;margin-top:-120px!important}.celeb-name-btn{cursor:pointer;color:green;text-align:center;background:0 0;border:1px solid green;border-radius:25px;outline:none;align-items:center;padding:5px 15px;font-size:17px;font-weight:600;text-decoration:none;transition:color .3s ease-out .1s;display:flex;overflow:hidden}.celeb-name{margin:10px}.accordion-header{cursor:pointer;color:#fff;-webkit-user-select:none;user-select:none;background-color:#50e6a063;border-radius:6px;justify-content:space-between;align-items:center;padding:10px 15px;font-weight:600;display:flex}.accordion-header:hover{background-color:#14c773}.accordion-body{background:#f9f9f9;border-radius:0 0 6px 6px;transition:all .3s;overflow-y:scroll}.accordion-body ul{margin:0;padding:10px;list-style:none}.accordion-body li{align-items:center;gap:8px;margin-bottom:8px;display:flex}.accordion-body img{object-fit:cover;border-radius:8px;width:45px;height:45px}.accordion-body a{color:#0d6efd;font-weight:500;text-decoration:none}.accordion-body a:hover{text-decoration:underline}.hero-spotlight-modal{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#000000d9;width:100%;height:100%;animation:.3s fadeIn;display:none;position:fixed;top:0;left:0;overflow-y:auto}.hero-spotlight-content{background:#fff;border:3px solid #47a35f33;border-radius:24px;width:100%;max-width:700px;max-height:90vh;padding:40px 35px;animation:.4s slideUp;position:relative;overflow-y:auto;box-shadow:0 25px 80px #0006}.hero-progress-bar{z-index:10;background:#e2e8f0;border-radius:24px 24px 0 0;height:6px;position:sticky;top:0;left:0;right:0;overflow:hidden}.hero-progress-fill{background:linear-gradient(90deg,#47a35f 0%,#3d8b51 100%);width:0%;height:100%;transition:width .5s}.hero-spotlight-close{cursor:pointer;color:#718096;z-index:10;background:linear-gradient(135deg,#f7fafc 0%,#edf2f7 100%);border:2px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;font-size:2rem;font-weight:300;transition:all .3s;display:flex;position:absolute;top:20px;right:25px}.hero-spotlight-close:hover{color:#c53030;background:linear-gradient(135deg,#fee 0%,#fcc 100%);border-color:#fc8181;transform:rotate(90deg)}@keyframes fadeInSlide{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.hero-spotlight-landing{text-align:center;padding:30px 0}.hero-spotlight-landing h2{color:#2d3748;background:linear-gradient(135deg,#47a35f 0%,#2d8a4e 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:15px;font-size:2.2rem;font-weight:800}.hero-highlight{display:inline-block;position:relative}.hero-highlight:after{content:"";opacity:.4;z-index:-1;background:linear-gradient(135deg,gold 0%,#ffed4e 100%);width:100%;height:8px;position:absolute;bottom:-5px;left:0;transform:skew(-10deg)}.hero-subtitle{color:#4a5568;margin-bottom:20px;font-size:1.2rem;font-weight:500}.hero-description{color:#718096;margin-bottom:35px;font-size:1rem;line-height:1.6}.hero-start-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#47a35f 0%,#3d8b51 100%);border:none;border-radius:50px;align-items:center;gap:12px;margin-bottom:25px;padding:20px 50px;font-size:1.25rem;font-weight:800;transition:all .4s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 8px 25px #47a35f80}.hero-start-btn:before{content:"";background:#ffffff4d;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-start-btn:hover:before{width:300px;height:300px}.hero-start-btn:hover{transform:translateY(-5px)scale(1.05);box-shadow:0 12px 35px #47a35f99}.hero-star-icon{width:28px;height:28px;animation:3s linear infinite rotate}@keyframes rotate{0%,to{transform:rotate(0)}50%{transform:rotate(10deg)}}.hero-benefits{color:#47a35f;border-top:2px dashed #e2e8f0;flex-wrap:wrap;justify-content:center;gap:20px;margin-top:20px;padding-top:20px;font-size:.9rem;font-weight:600;display:flex}.hero-form-step{padding:25px 0}.hero-form-step h3{color:#2d3748;text-align:center;margin-bottom:25px;font-size:1.6rem;font-weight:700}.hero-input,.hero-textarea{box-sizing:border-box;background:#fff;border:2px solid #e2e8f0;border-radius:14px;width:100%;margin-bottom:20px;padding:16px 20px;font-family:inherit;font-size:1rem;transition:all .3s}.hero-input:focus,.hero-textarea:focus{border-color:#47a35f;outline:none;transform:translateY(-2px);box-shadow:0 0 0 5px #47a35f26}.hero-textarea{resize:vertical;min-height:120px}.hero-inputs-grid{grid-template-columns:1fr 1fr;gap:15px;margin-bottom:20px;display:grid}.hero-btn-primary,.hero-btn-secondary{cursor:pointer;border:none;border-radius:30px;justify-content:center;align-items:center;gap:8px;padding:14px 35px;font-size:1rem;font-weight:700;transition:all .3s;display:inline-flex}.hero-btn-secondary:hover{background:#f7fafc;border-color:#cbd5e0;transform:translateY(-2px)}.hero-family-inputs{grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:25px;display:grid}.list-input-wrapper{align-items:stretch;gap:10px;margin-bottom:15px;display:flex}.list-input-wrapper input{flex:1;margin:0}.gender-toggle{gap:8px;display:flex}.gender-toggle-btn{cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:25px;flex:1;padding:10px;font-size:.9rem;font-weight:600;transition:all .3s}.gender-toggle-btn.active[data-gender=M]{color:#fff;background:#4cc9f0;border-color:#4cc9f0}.gender-toggle-btn.active[data-gender=F]{color:#fff;background:#ff8fab;border-color:#ff8fab}.add-list-btn{color:#fff;cursor:pointer;background:#ff8fab;border:none;border-radius:25px;padding:14px 24px;font-weight:600;transition:all .3s}.add-list-btn:hover{background:#ff6b8a;transform:translateY(-2px)}.chips-container{background:#f5f6f8;border-radius:12px;min-height:40px;margin-bottom:15px;padding:10px}.chip{border-radius:20px;align-items:center;gap:6px;margin:4px;padding:6px 12px;font-size:.85rem;font-weight:600;animation:.3s slideIn;display:inline-flex}.chip-male{color:#006064;background:#e0f7fa;border:1px solid #b2ebf2}.chip-female{color:#880e4f;background:#fce4ec;border:1px solid #f8bbd0}.remove-chip{cursor:pointer;opacity:.6;background:0 0;border:none;padding:0 4px;font-size:1.2rem;line-height:1}.remove-chip:hover{opacity:1;color:#c53030}.hero-tree-visualization{background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);border:3px solid #e2e8f0;border-radius:20px;min-height:400px;margin-bottom:25px;padding:35px 25px;overflow-x:auto}#treeCanvas{width:100%;min-width:600px;display:block}.hero-match-message{color:#2d8a4e;background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border:3px solid #47a35f;border-radius:16px;margin-bottom:25px;padding:20px 25px;font-size:1.1rem;font-weight:700;animation:.6s slideIn}.hero-share-section{margin:25px 0}.hero-whatsapp-btn{color:#fff;cursor:pointer;background:#25d366;border:none;border-radius:50px;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px 32px;font-size:1.05rem;font-weight:700;transition:all .3s;display:inline-flex;box-shadow:0 6px 20px #25d36666}.hero-whatsapp-btn:hover{background:#128c7e;transform:translateY(-3px);box-shadow:0 8px 25px #25d36680}.hero-whatsapp-icon{width:24px;height:24px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@media (width<=768px){.hero-spotlight-content{max-height:95vh;padding:35px 20px}.hero-spotlight-landing h2{font-size:1.6rem}.hero-start-btn{justify-content:center;width:100%;padding:18px 40px;font-size:1.1rem}.hero-inputs-grid,.hero-family-inputs{grid-template-columns:1fr}.list-input-wrapper{flex-direction:column}.gender-toggle,.add-list-btn{width:100%}.hero-step-buttons{flex-direction:column}.hero-btn-primary,.hero-btn-secondary{width:100%}#treeCanvas{min-width:500px}}@media (width<=480px){.hero-spotlight-content{padding:30px 15px}.hero-form-step h3{font-size:1.3rem}.hero-input,.hero-textarea{padding:14px 16px;font-size:.95rem}#treeCanvas{min-width:400px}}.celebrity-family-trees-enhanced{background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);padding:40px 0 30px}.section-title{color:#2d3748;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#47a35f 0%,#2d8a4e 100%);margin-bottom:10px;font-size:2.2rem;font-weight:700}.section-subtitle{color:#718096;max-width:550px;margin:0 auto;font-size:1rem}.category-tabs-wrapper::-webkit-scrollbar{display:none}.tab-btn{color:#4a5568;cursor:pointer;white-space:nowrap;background:#fff;border:2px solid #e2e8f0;border-radius:50px;align-items:center;gap:6px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:all .3s;display:flex}.tab-btn:hover{color:#47a35f;border-color:#47a35f;transform:translateY(-2px)}.tab-btn.active{color:#fff;background:linear-gradient(135deg,#47a35f 0%,#3d8b51 100%);border-color:#0000;box-shadow:0 4px 12px #47a35f4d}.tab-icon{font-size:1.1rem}.search-input{background:#fff;border:2px solid #e2e8f0;border-radius:50px;width:100%;padding:12px 16px 12px 48px;font-size:1rem;transition:all .3s}.search-input:focus{border-color:#47a35f;outline:none;box-shadow:0 0 0 4px #47a35f1a}.active-category-info{text-align:center;margin-bottom:25px}.badge-icon{font-size:1.2rem}.celebs-grid{grid-template-columns:repeat(5,1fr);gap:16px;min-height:100px;display:grid}.celebs-grid.empty{background:#fff;border:2px dashed #e2e8f0;border-radius:16px;justify-content:center;align-items:center;min-height:300px;display:flex}.empty-message{text-align:center;color:#718096;font-size:1.1rem}.empty-message .emoji{margin-bottom:10px;font-size:3rem;display:block}.celeb-card{cursor:pointer;text-align:center;background:#f9f8f8;border:2px solid #0000;border-radius:12px;flex-direction:column;align-items:center;padding:10px 8px;text-decoration:none;transition:all .3s;display:flex;box-shadow:0 2px 10px #0000000f}.celeb-card:hover{border-color:#47a35f;transform:translateY(-4px);box-shadow:0 6px 20px #0000001a}.celeb-card-icon{opacity:.8;margin-bottom:12px;font-size:2.5rem}.celeb-card-name{color:#2d3748;margin:0 0 8px;font-size:1rem;font-weight:600;line-height:1.3}.celeb-card-category{color:#47a35f;text-transform:capitalize;margin-bottom:10px;font-size:.75rem;font-weight:600}.celeb-card-arrow{color:#a0aec0;align-items:center;gap:4px;font-size:.85rem;transition:color .3s;display:flex}.celeb-card:hover .celeb-card-arrow{color:#47a35f}.view-all-cta{text-align:center;margin-top:30px}.view-all-btn{color:#fff;background:linear-gradient(135deg,#47a35f 0%,#3d8b51 100%);border-radius:50px;align-items:center;gap:8px;padding:12px 32px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 15px #47a35f4d}.view-all-btn:hover{transform:translateY(-3px);box-shadow:0 6px 20px #47a35f66}.celebs-grid.fade-out{opacity:0;transform:translateY(10px)}.celebs-grid.fade-in{opacity:1;transition:all .3s;transform:translateY(0)}@media (width<=768px){.section-title{font-size:1.7rem}.category-tabs{justify-content:flex-start}.tab-btn{padding:8px 16px;font-size:.85rem}.celebs-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.celeb-card{padding:16px 12px}.celeb-card-icon{font-size:2rem}.celeb-card-name{font-size:.9rem}.category-badge{flex-wrap:wrap;justify-content:center}}.hero-tree-visualization{background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);border:3px solid #e2e8f0;border-radius:20px;min-height:500px;margin-bottom:25px;padding:35px 25px;position:relative;overflow:hidden}#treeCanvas{width:100%;height:500px;display:block}.tree-node{cursor:pointer;transition:all .3s}.tree-node:hover{filter:brightness(.95)}.tree-node-rect{rx:8;ry:8;stroke-width:3px;filter:drop-shadow(0 2px 4px #0000001a)}.tree-node-rect.male{stroke:#81c784;fill:#e8f5e9}.tree-node-rect.female{stroke:#f48fb1;fill:#fce4ec}.tree-node-rect.hero{stroke:#47a35f!important;fill:#c8e6c9!important;stroke-width:4px!important}.tree-node-avatar{font-size:24px}.tree-node-name{fill:#2d3748;font-size:13px;font-weight:700}.tree-node-relation{fill:#718096;font-size:11px}.tree-node-hero-badge{fill:#47a35f;font-size:10px;font-weight:700}.tree-link{fill:none;stroke:#cbd5e0;stroke-width:2px;transition:all .3s}.tree-link:hover{stroke:#47a35f;stroke-width:3px}.tree-zoom-controls{z-index:10;gap:8px;display:flex;position:absolute;bottom:20px;right:20px}.tree-zoom-btn{cursor:pointer;color:#47a35f;background:#fff;border:2px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.2rem;transition:all .3s;display:flex}.tree-zoom-btn:hover{color:#fff;background:#47a35f;border-color:#47a35f}.tree-tooltip{color:#fff;pointer-events:none;opacity:0;z-index:100;background:#2d3748f2;border-radius:8px;max-width:250px;padding:12px 16px;font-size:.85rem;transition:opacity .3s;position:absolute}.tree-tooltip.visible{opacity:1}.tree-legend{z-index:10;background:#fff;border-radius:12px;padding:12px 16px;position:absolute;top:20px;right:20px;box-shadow:0 2px 8px #0000001a}.tree-legend-item{color:#4a5568;align-items:center;gap:8px;margin-bottom:8px;font-size:.8rem;display:flex}.tree-legend-item:last-child{margin-bottom:0}.legend-color{border-style:solid;border-width:2px;border-radius:4px;width:16px;height:16px}.legend-color.male{background:#e8f5e9;border-color:#81c784}.legend-color.female{background:#fce4ec;border-color:#f48fb1}.legend-color.hero{background:#c8e6c9;border-color:#47a35f}@media (width<=768px){.hero-tree-visualization{min-height:400px;padding:25px 15px}#treeCanvas{height:400px}.tree-legend{padding:8px 12px;top:10px;right:10px}.tree-zoom-controls{bottom:10px;right:10px}}#familyChart{background:#fff;border:2px solid #e2e8f0;border-radius:16px;padding:20px;overflow:auto;box-shadow:0 10px 30px #0000001a}.pagination-wrapper{justify-content:center;align-items:center;width:100%;margin-top:30px;display:flex}.pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.page-btn{color:#4a5568;cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:8px;min-width:38px;height:38px;font-weight:600;transition:all .25s}.page-btn:hover{color:#47a35f;border-color:#47a35f;transform:translateY(-2px)}.page-btn.active{color:#fff;background:linear-gradient(135deg,#47a35f 0%,#3d8b51 100%);border-color:#0000;box-shadow:0 4px 10px #47a35f4d}.page-btn.nav-btn{padding:0 12px;font-size:.9rem}.page-btn.disabled{opacity:.4;pointer-events:none}@media (width<=768px){.page-btn{min-width:34px;height:34px;font-size:.85rem}}.hero-story-display{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #47a35f;border-radius:16px;margin-bottom:20px;padding:18px}.story-header{color:#2d8a4e;margin-bottom:8px;font-weight:600}.story-content{color:#374151;min-height:40px;font-size:14px;line-height:1.6}.celebrity-family-trees-enhanced{background:#f6faf7;padding:40px 0 35px;position:relative;overflow:hidden}.celebrity-family-trees-enhanced:before{content:"";opacity:.08;pointer-events:none;z-index:0;background:url(./images/tree-bg.png) 50%/cover no-repeat;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.celebrity-family-trees-enhanced .container{z-index:1;position:relative}.celeb-explorer-card{background:#fff;border:1px solid #e2e8f0;border-radius:22px;padding:38px 32px 32px;position:relative;box-shadow:0 12px 35px -6px #0000000f}@media (width<=768px){.celeb-explorer-card{border-radius:16px;padding:24px 16px 20px}}.category-tabs{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px;margin-bottom:0;padding:0 5px;display:flex}.tab-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:30px;align-items:center;gap:6px;padding:8px 16px;font-size:13.5px;font-weight:500;transition:all .2s;display:inline-flex;box-shadow:0 1px 3px #0000000a}.tab-btn:hover{color:#15803d;border-color:#86efac;transform:translateY(-2px);box-shadow:0 4px 10px #0000000f}.tab-btn.active{color:#fff;background:#16a34a;border-color:#16a34a;font-weight:600;box-shadow:0 4px 12px #16a34a59}.search-wrapper{max-width:520px;margin:20px auto 16px;position:relative}.search-input{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:30px;width:100%;padding:12px 20px 12px 45px;font-size:14px;transition:all .2s;box-shadow:inset 0 1px 3px #0000000a}.search-input:focus{background:#fff;border-color:#16a34a;outline:none;box-shadow:0 0 0 3px #16a34a26}.search-icon{color:#94a3b8;width:18px;height:18px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.active-category-info{justify-content:center;margin:14px 0 24px;display:flex}.category-badge{color:#fff;background:#16a34a;border-radius:30px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex;box-shadow:0 4px 12px #16a34a40}.badge-count{background:#ffffff40;border-radius:20px;padding:2px 8px;font-size:12px}.celebs-grid{grid-template-columns:repeat(5,1fr);gap:16px;margin-top:10px;display:grid}@media (width<=1200px){.celebs-grid{grid-template-columns:repeat(5,1fr);gap:12px}}@media (width<=991px){.celebs-grid{grid-template-columns:repeat(3,1fr);gap:12px}}@media (width<=576px){.celebs-grid{grid-template-columns:repeat(2,1fr);gap:10px}}.celeb-card{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:16px 10px;text-decoration:none;transition:all .25s;display:flex;box-shadow:0 2px 6px #00000008}.celeb-info{text-align:center;flex-direction:column;align-items:center;width:100%;display:flex}.celeb-card:hover{background:#fff;border-color:#86efac;transform:translateY(-4px);box-shadow:0 10px 20px -4px #16a34a26}.celeb-avatar-frame{background:#e6f4ec;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:10px;display:flex;overflow:hidden}.celeb-avatar{object-fit:var(--avatar-fit,cover);object-position:var(--avatar-position,center 24%);width:100%;height:100%;transform:scale(var(--avatar-scale,1));transform-origin:var(--avatar-origin,center center);border-radius:50%}.celeb-name{color:#1a1a1a;margin:0;font-size:15px;font-weight:600}.celeb-role{color:#47a35f;margin:2px 0;font-size:13px}.celeb-link{color:#47a35f;font-size:12px}.pagination{justify-content:center;gap:8px;margin-top:30px;display:flex}.page-btn{background:#fff;border:1px solid #ddd;border-radius:8px;padding:8px 12px}.page-btn.active{color:#fff;background:#47a35f;box-shadow:0 4px 12px #47a35f66}.hero-spotlight-modal{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0009}.hero-spotlight-content{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-align:center;background:#ffffffeb;border-radius:20px;width:480px;max-width:90%;padding:45px 35px;position:relative;box-shadow:0 30px 70px #00000059}.hero-close{color:#718096;cursor:pointer;background:0 0;border:none;font-size:18px;position:absolute;top:18px;right:18px}.hero-shield{filter:drop-shadow(0 6px 12px #0003);width:75px;margin-bottom:15px}.hero-intro p{color:#4a5568;z-index:1;margin-bottom:28px;font-size:1rem;position:relative}.hero-primary-btn{color:#fff;background:linear-gradient(135deg,#1f3d2b,#47a35f);border:none;border-radius:50px;width:100%;margin-bottom:14px;padding:16px;font-size:1rem;font-weight:700;transition:all .3s;box-shadow:0 10px 25px #47a35f80}.hero-primary-btn:hover{transform:scale(1.02)}.hero-spotlight-content{animation:.35s popup}@keyframes popup{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.hero-spotlight-modal{z-index:9999;background:#0009;display:none;position:fixed;inset:0}.hero-spotlight-modal.active{justify-content:center;align-items:center;display:flex}.hero-spotlight-content{-webkit-backdrop-filter:blur(12px);text-align:center;background:#fffffacc;border:1px solid #fff6;border-radius:20px;width:480px;max-width:90%;padding:45px 35px;position:relative;box-shadow:0 25px 60px #00000040,0 10px 25px #00000026}.hero-spotlight-close{color:#4a5568;background:#edf2f7;border:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;display:flex;position:absolute;top:18px;right:18px}.hero-shield{width:85px;margin-bottom:15px}.hero-intro h2{color:#2f855a;z-index:1;margin-bottom:10px;font-size:1.9rem;font-weight:700;position:relative}.hero-intro p{color:#4a5568;z-index:1;margin-bottom:30px;position:relative}.hero-primary-btn{color:#fff;background:linear-gradient(135deg,#1f3d2b,#48bb78);border:none;border-radius:50px;width:100%;margin-bottom:15px;padding:18px;font-weight:700}.hero-secondary-btn{color:#2f855a;background:#fff;border:2px solid #48bb78;border-radius:50px;width:100%;padding:16px;font-weight:600}.hero-avatar{text-align:center;margin-bottom:20px}.avatar-circle{color:#fff;background:linear-gradient(135deg,#48bb78,#2f855a);border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;margin:auto;font-size:34px;display:flex;box-shadow:0 10px 25px #48bb7866}.upload-btn{color:#2f855a;cursor:pointer;background:0 0;border:none;margin-top:10px}@media (width<=768px){.popup-main{flex-direction:column}.popup-right{width:100%}.hero-onboarding-popup{width:auto}}.sibling-item,.child-item{background:var(--g50);border:1.5px solid var(--g100);border-radius:12px;margin-bottom:12px;padding:12px}.sibling-item .form-grid-2,.child-item .form-grid-2{gap:8px}.sibling-item .form-input,.child-item .form-input{padding:8px 10px;font-size:12px}.view-only-badge{background:var(--gold);color:#fff;z-index:100;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:600;display:none;position:fixed;top:12px;right:12px;box-shadow:0 4px 12px #c9920a4d}.view-only-badge.active{display:block}.view-only-notice{text-align:center;background:var(--g50);border-left:3px solid var(--gold);color:var(--textm);margin-bottom:16px;padding:12px;font-size:13px;display:none}.view-only-notice.active{display:block}.view-only-notice a{color:var(--g600);font-weight:600;text-decoration:none}.view-only-notice a:hover{text-decoration:underline}.node-card.spouse{border-top:3px solid #e87a8a}.node-card.sibling{border-top:3px solid #93c5fd}.node-card.child{border-top:3px solid #2563eb}@media (width<=768px){.sibling-item,.child-item{padding:10px}.sibling-item .form-grid-2,.child-item .form-grid-2{grid-template-columns:1fr}.view-only-badge{padding:4px 10px;font-size:11px;top:8px;right:8px}.view-only-notice{padding:10px;font-size:12px}}.celebrity-section{z-index:2;padding:60px 0 30px;position:relative}.section-header{margin-bottom:30px}.section-title{color:#2f8f4e;margin-bottom:10px;font-size:32px;font-weight:700}.section-subtitle{color:#6c7a89;margin-bottom:20px;font-size:15px}@media (width<=768px){.celebs-grid{grid-template-columns:repeat(2,1fr);gap:12px;padding:0 8px;display:grid}.celeb-card{margin-bottom:12px}.celeb-card .card-image{width:60px;height:60px}.celeb-card .card-name{margin:8px 0 4px;font-size:13px}.celeb-card .card-category,.celeb-card .view-tree-link{font-size:11px}}@media (width<=480px){.celebs-grid{grid-template-columns:repeat(2,1fr);gap:10px;padding:0 5px}.celeb-card{padding:10px}.celeb-card .card-image{width:50px;height:50px}.celeb-card .card-name{font-size:12px}}.div1{background:#fff;border-radius:1rem;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000014}.expand{cursor:pointer;z-index:10;background-color:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:transform .2s,background-color .2s;display:flex;position:absolute;top:12px;right:12px;box-shadow:0 4px 12px #0000001f}.expand:hover{background-color:#fff;transform:scale(1.08)}.familytreeImage{object-fit:cover;border-radius:1rem;width:100%;height:auto;max-height:520px;transition:transform .3s;display:block}@media (width<=767px){.familytreeImage{max-height:380px}}.div2{z-index:99999;opacity:0;visibility:hidden;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#000000d1;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .3s ease-in-out,visibility .3s ease-in-out;display:flex;position:fixed;top:0;left:0}.div2.show{opacity:1;visibility:visible;pointer-events:auto}.tree-container{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;max-height:100vh;padding:20px;display:flex;position:relative}.familyTreeFullImage{object-fit:contain;border-radius:8px;max-width:90%;height:auto;max-height:85vh;transition:transform .3s;display:block;box-shadow:0 20px 50px #00000080}.close-btn{cursor:pointer;z-index:100000;color:#fff;background:#ffffff40;border:1px solid #fff6;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:32px;line-height:1;transition:all .2s;display:flex;position:absolute;top:20px;right:25px}.close-btn:hover{background:#ffffff80;transform:scale(1.05)}.celebrity-family-tree{padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.categories{flex-wrap:wrap;justify-content:flex-start;gap:20px;display:flex}.card{background:#fff;border-radius:12px;flex-direction:column;flex:250px;justify-content:flex-start;max-width:280px;height:320px;padding:15px;transition:transform .3s,box-shadow .3s;display:flex;box-shadow:0 4px 10px #0000001a}.card:hover{transform:translateY(-5px);box-shadow:0 8px 18px #00000026}.card p:first-child{color:#333;border-bottom:2px solid #eee;margin-bottom:12px;padding-bottom:6px;font-size:1.2rem;font-weight:600}.card ul{flex-grow:1;margin:0;padding:0;list-style:none;overflow-y:auto}.card ul li{margin-bottom:12px}.card ul li div{align-items:center;gap:10px;display:flex}.card ul li img{object-fit:cover;border:2px solid #ddd;border-radius:50%;width:48px;height:48px}.card ul li p{color:#444;margin:0;font-size:.95rem;line-height:1.4}.card ul li a{color:#07f;margin-top:2px;font-size:.85rem;text-decoration:none;transition:color .3s;display:inline-block}.card ul li a:hover{color:#0056cc;text-decoration:underline}@media (width<=768px){.categories{justify-content:center}}#categoryDropdownMenu{max-height:350px;overflow-y:auto}.names{transition:max-height .5s ease-out;overflow:hidden}.names.collapsed{max-height:200px;position:relative}.names.collapsed:after{content:"";pointer-events:none;background:linear-gradient(#fff0,#fff);width:100%;height:80px;position:absolute;bottom:0;left:0}.view-more-container{justify-content:center;width:100%;margin-top:15px;display:flex}.view-more-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#47a35f 0%,#3d8b51 100%);border:none;border-radius:50px;align-items:center;gap:8px;padding:10px 30px;font-size:1rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 15px #47a35f4d}.view-more-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #47a35f66}.hero-spotlight-modal{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:9999;background:#000000d9;width:100%;height:100%;display:none;position:fixed;top:0;left:0;overflow-y:auto}.hero-spotlight-content:before{content:"";filter:blur(40px);z-index:-1;background:radial-gradient(circle,#47a35f40,#0000);width:200px;height:200px;position:absolute;top:-50px;left:50%;transform:translate(-50%)}.hero-spotlight-close{cursor:pointer;color:#718096;z-index:10;background:#f7fafc;border:2px solid #e2e8f0;border-radius:50%;width:45px;height:45px;font-size:2.2rem;position:absolute;top:20px;right:25px}.hero-spotlight-step{animation:.6s fadeInSlide;display:none}.hero-spotlight-step.active{display:block}.hero-spotlight-step.hidden{display:none}.hero-input,.hero-textarea{border:2px solid #e2e8f0;border-radius:14px;width:100%;margin-bottom:25px;padding:16px 20px;font-family:inherit;font-size:1rem}.hero-input:focus,.hero-textarea:focus{border-color:#47a35f;outline:none;box-shadow:0 0 0 5px #47a35f26}.hero-btn-primary,.hero-btn-secondary{cursor:pointer;border:none;border-radius:30px;justify-content:center;align-items:center;gap:8px;padding:14px 35px;font-weight:700;display:inline-flex}.hero-btn-primary{color:#fff;background:linear-gradient(135deg,#47a35f 0%,#3d8b51 100%);flex:1;box-shadow:0 6px 20px #47a35f66}.hero-btn-secondary{color:#4a5568;background:#fff;border:2px solid #e2e8f0}.hero-tree-visualization{background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);border:3px solid #e2e8f0;border-radius:20px;margin-bottom:25px;padding:35px 25px;overflow-x:auto}.hero-whatsapp-btn{color:#fff;cursor:pointer;background:#25d366;border:none;border-radius:50px;justify-content:center;align-items:center;gap:8px;width:100%;margin-bottom:15px;padding:14px 32px;font-weight:700;display:inline-flex}.hero-trigger-btn{color:#fff;cursor:pointer;z-index:1000;background:linear-gradient(135deg,#47a35f 0%,#3d8b51 100%);border:none;border-radius:50px;align-items:center;gap:10px;padding:16px 32px;font-size:1rem;font-weight:700;transition:all .4s;animation:2s infinite bounce;display:flex;position:fixed;bottom:30px;left:30px;box-shadow:0 6px 20px #47a35f80}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero-trigger-btn:hover{animation:none;transform:translateY(-5px)scale(1.05);box-shadow:0 8px 25px #47a35f99}.hero-trigger-icon{width:24px;height:24px}@media (width<=768px){.hero-spotlight-content{padding:35px 20px}.list-input-wrapper{flex-direction:column}.gender-toggle,.add-list-btn{width:100%}#treeCanvas{min-width:600px}.hero-trigger-btn{padding:14px 24px;font-size:.9rem;bottom:20px;right:20px}}.tree-body{text-align:center;background:#f8f9fa;margin:40px 0;padding:40px 20px}.tree-body img{border-radius:12px;max-width:100%;height:auto;display:none;box-shadow:0 8px 30px #00000026}.tree-body img[src]{display:block}.hero-spotlight-modal{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:9999;background:#0f1712bf;display:none;position:fixed;inset:0;overflow-y:auto}.hero-spotlight-modal.active{justify-content:center;align-items:center;padding:20px;display:flex}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.hero-spotlight-close{border:1px solid var(--border-soft);background:#fff;border-radius:50%;width:40px;height:40px;font-size:1.8rem;transition:all .3s;position:absolute;top:18px;right:20px}.hero-spotlight-close:hover{background:var(--accent);color:#fff}.hero-form-step h3,.hero-spotlight-landing h2{color:var(--text-dark);letter-spacing:-.3px;margin-bottom:20px;font-size:1.8rem;font-weight:700}.hero-subtitle{color:#4a5568;font-size:1rem}.hero-input,.hero-textarea{background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;width:100%;padding:18px;font-size:1rem;transition:all .3s}.hero-input:focus,.hero-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px #47a35f1f}.hero-inputs-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.hero-btn-primary{color:#fff;background:linear-gradient(135deg,#1f3d2b,#47a35f);border-radius:50px;padding:14px 28px;font-weight:600;transition:all .3s;box-shadow:0 8px 25px #47a35f4d}.hero-btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px #47a35f66}.hero-btn-secondary{background:#fff;border:1px solid #e2e8f0;border-radius:50px;padding:14px 28px;transition:all .3s}.hero-btn-secondary:hover{background:#f1f5f9}.hero-step-buttons{justify-content:space-between;gap:15px;margin-top:25px;display:flex}.hero-tree-visualization{background:linear-gradient(135deg,#fff,#f3f7f4);border:1px solid #e2e8f0;border-radius:22px;padding:30px;box-shadow:inset 0 0 20px #00000008}.hero-story-display{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #a7f3d0;border-radius:18px;padding:20px}.hero-whatsapp-btn{background:#25d366;border-radius:50px;padding:16px;font-weight:600;transition:all .3s}.hero-whatsapp-btn:hover{transform:scale(1.03)}.hero-trigger-btn{color:#fff;background:linear-gradient(135deg,#1f3d2b,#47a35f);border-radius:50px;padding:14px 26px;font-weight:600;transition:all .3s;position:fixed;bottom:30px;left:30px;box-shadow:0 10px 25px #00000040}.hero-trigger-btn:hover{transform:translateY(-3px);box-shadow:0 14px 30px #0000004d}.chip{background:#f1f5f9;border-radius:20px;padding:6px 12px;font-size:.9rem}@media (width<=768px){.hero-spotlight-content{padding:30px 20px}.hero-inputs-grid{grid-template-columns:1fr}}.month-dropdown{cursor:pointer;border:1px solid #ddd;border-radius:8px;padding:10px 16px;font-size:14px}.hero-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;opacity:0;visibility:hidden;background:#0f1712a6;transition:all .4s;position:fixed;inset:0}.hero-overlay.show{opacity:1;visibility:visible}.hero-onboarding-popup{transform-origin:0 100%;z-index:1001;width:380px;max-width:calc(100vw - 40px);max-height:calc(100vh - 160px);position:fixed;bottom:110px;left:30px;overflow-y:auto;transform:translateY(30px)scale(.95)}.hero-onboarding-popup.show{transform:translateY(0)scale(1)}.hero-onboarding-popup::-webkit-scrollbar{width:6px}.hero-onboarding-popup::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}@media (width<=768px){.hero-onboarding-popup{width:auto;max-height:calc(100vh - 140px);bottom:120px;left:15px;right:15px}}.fh-fab{z-index:1200;color:#fff;cursor:pointer;background:linear-gradient(135deg,#1b5e34,#38a169);border:none;border-radius:50px;align-items:center;gap:10px;padding:13px 22px;font-family:Raleway,sans-serif;font-size:14px;font-weight:700;transition:all .3s;display:flex;position:fixed;bottom:28px;left:28px;box-shadow:0 8px 28px #1b5e3473}.fh-fab:hover{transform:translateY(-3px)scale(1.03)}.fh-fab .fh-pulse{background:#c9920a;border:2px solid #fff;border-radius:50%;width:12px;height:12px;animation:2s infinite fhPulse;position:absolute;top:-4px;right:-4px}@keyframes fhPulse{0%,to{transform:scale(1)}50%{opacity:.7;transform:scale(1.5)}}.fh-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1300;opacity:0;visibility:hidden;background:#050f0ab8;transition:all .35s;position:fixed;inset:0}.fh-overlay.show{opacity:1;visibility:visible}.fh-popup{z-index:1400;opacity:0;visibility:hidden;transform-origin:0 100%;background:#fff;border-radius:22px;width:360px;max-width:calc(100vw - 40px);max-height:calc(100vh - 150px);transition:all .4s cubic-bezier(.34,1.56,.64,1);position:fixed;bottom:108px;left:28px;overflow:hidden;transform:translateY(24px)scale(.94);box-shadow:0 28px 72px #00000052}.fh-popup.show{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.fh-popup-banner{background:linear-gradient(135deg,#0f3d20,#1b5e34);padding:22px 22px 18px;position:relative;overflow:hidden}.fh-popup-banner:after{content:"🌳";opacity:.1;font-size:52px;position:absolute;bottom:-10px;right:18px}.fh-banner-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.fh-banner-badge{color:#e8b020;background:#c9920a33;border:1px solid #c9920a4d;border-radius:20px;padding:4px 10px;font-size:10px;font-weight:700}.fh-banner-close{color:#ffffffb3;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff26;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;display:flex}.fh-popup-banner h3{color:#fff;margin:0 0 5px;font-family:Playfair Display,serif;font-size:19px}.fh-popup-banner p{color:#ffffff94;margin:0;font-size:12px;line-height:1.55}.fh-popup-body{padding:18px 20px 22px}.fh-steps{flex-direction:column;gap:11px;margin-bottom:18px;display:flex}.fh-step{align-items:flex-start;gap:11px;display:flex}.fh-step-num{color:#fff;background:linear-gradient(135deg,#1b5e34,#38a169);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:700;display:flex}.fh-step-info h4{color:#1a2e1f;margin:0 0 2px;font-size:13px;font-weight:700}.fh-step-info p{color:#7a9a82;margin:0;font-size:11px}.fh-popup-cta{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1b5e34,#38a169);border:none;border-radius:11px;justify-content:center;align-items:center;gap:8px;width:100%;padding:13px;font-size:14px;font-weight:700;transition:all .2s;display:flex}.fh-popup-trust{text-align:center;color:#9fb8a8;margin-top:9px;font-size:11px}.fh-celeb-cta{background:linear-gradient(135deg,#0f3d20,#1b5e34 55%,#226b3d);border-radius:20px;justify-content:space-between;align-items:center;gap:24px;margin:28px 0 8px;padding:32px 36px;display:flex;position:relative;overflow:hidden}.fh-celeb-cta:before{content:"";background:radial-gradient(circle,#c9920a26,#0000);border-radius:50%;width:240px;height:240px;position:absolute;top:-70px;right:-50px}.fh-celeb-cta:after{content:"⭐";opacity:.06;font-size:80px;position:absolute;top:50%;right:160px;transform:translateY(-50%)}.fh-celeb-left{flex:1;position:relative}.fh-celeb-left h3{color:#fff;margin:0 0 8px;font-family:Playfair Display,serif;font-size:21px;line-height:1.35}.fh-celeb-left h3 em{color:#e8b020;font-style:italic}.fh-celeb-left p{color:#ffffff9e;max-width:380px;margin:0;font-size:13px;line-height:1.65}.fh-celeb-tags{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.fh-celeb-tag{color:#ffffffb3;background:#ffffff1a;border:1px solid #ffffff24;border-radius:20px;padding:4px 12px;font-size:11px}.fh-celeb-actions{flex-direction:column;flex-shrink:0;gap:10px;display:flex;position:relative}.fh-celeb-btn-main{color:#fff;cursor:pointer;white-space:nowrap;background:#c9920a;border:none;border-radius:11px;align-items:center;gap:8px;padding:14px 28px;font-family:Raleway,sans-serif;font-size:14px;font-weight:700;transition:all .2s;display:flex}.fh-celeb-btn-main:hover{background:#e8b020;transform:translateY(-2px);box-shadow:0 8px 22px #c9920a73}.fh-celeb-btn-sec{color:#ffffffb3;cursor:pointer;white-space:nowrap;text-align:center;background:0 0;border:1px solid #ffffff38;border-radius:11px;padding:11px 28px;font-family:Raleway,sans-serif;font-size:13px;font-weight:600;transition:all .2s}.fh-celeb-btn-sec:hover{color:#fff;border-color:#ffffff73}@media (width<=768px){.fh-celeb-cta{flex-direction:column;padding:22px 20px}.fh-celeb-cta:after{display:none}.fh-celeb-actions{width:100%}.fh-celeb-btn-main,.fh-celeb-btn-sec{justify-content:center;width:100%}.fh-fab{padding:11px 16px;font-size:13px;bottom:18px;left:15px}.fh-popup{width:auto;bottom:100px;left:15px;right:15px}}.share-experience-panel{background:radial-gradient(circle at 100% 0,#c9920a24,#0000 24%),linear-gradient(135deg,#fbf8f0 0%,#f4fbf6 52%,#eef8f2 100%);border:1px solid #1b5e341a;border-radius:24px;margin:28px 0 0;padding:28px;box-shadow:0 20px 48px #102b1a14}.share-experience-head{justify-content:space-between;align-items:end;gap:24px;margin-bottom:22px;display:flex}.share-experience-head h3{color:#143d24;margin:0 0 8px;font-size:1.85rem;font-weight:700}.share-experience-head p{color:#5f7867;max-width:680px;margin:0}.share-experience-grid{grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);align-items:stretch;gap:22px;display:grid}.share-journey{gap:14px;display:grid}.share-journey-card{background:#ffffffd6;border:1px solid #1b5e3414;border-radius:18px;align-items:flex-start;gap:14px;padding:16px 18px;display:flex}.share-step-pill{color:#fff;background:linear-gradient(135deg,#1b5e34,#47a35f);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-weight:700;display:flex;box-shadow:0 10px 24px #1b5e3438}.share-journey-card h4{color:#163b25;margin:0 0 6px;font-size:1.02rem}.share-journey-card p{color:#617867;margin:0;font-size:.95rem;line-height:1.6}.share-preview-shell{background:linear-gradient(#153523 0%,#11281c 100%);border-radius:30px;min-height:520px;padding:20px 16px 16px 86px;position:relative;box-shadow:0 24px 54px #091a1147}.share-preview-card{color:#fff;background:linear-gradient(160deg,#10341f,#1b5e34 58%,#2f855a);border:1px solid #c9920a57;border-radius:22px;width:126px;padding:12px;position:absolute;top:34px;left:18px;transform:rotate(-8deg);box-shadow:0 24px 38px #00000059}.share-preview-card-badge{letter-spacing:.08em;text-transform:uppercase;background:#ffffff1f;border-radius:999px;margin-bottom:30px;padding:4px 8px;font-size:.58rem;font-weight:700;display:inline-flex}.share-preview-card-avatar{background:#ffffff1f;border:2px solid #c9920aa6;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;margin:0 auto 10px;font-size:1rem;display:flex}.share-preview-card h5{text-align:center;margin:0 0 6px;font-size:1rem}.share-preview-card p{text-align:center;color:#ffffffb8;margin:0;font-size:.68rem;line-height:1.5}.share-preview-card-meta{gap:6px;margin-top:12px;display:grid}.share-preview-card-meta span{text-align:center;color:#ffffffd1;background:#ffffff17;border-radius:999px;padding:6px 8px;font-size:.62rem;display:block}.share-preview-browser{background:#f7fbf8;border-radius:18px;min-height:100%;overflow:hidden}.share-preview-topbar{background:#edf4ee;border-bottom:1px solid #1b5e3414;align-items:center;gap:8px;padding:12px 14px;display:flex}.share-preview-dot{background:#bdd4c2;border-radius:50%;width:9px;height:9px}.share-preview-url{color:#64816d;text-overflow:ellipsis;white-space:nowrap;background:#fff;border-radius:999px;flex:1;margin-left:8px;padding:7px 12px;font-size:.82rem;overflow:hidden}.share-preview-body{padding:18px}.share-preview-hero{color:#fff;background:linear-gradient(145deg,#0f3d20 0%,#1f5e36 58%,#2f855a 100%);border-radius:22px;padding:22px 18px 18px;position:relative;overflow:hidden}.share-preview-hero:after{content:"";background:radial-gradient(circle,#c9920a33,#0000 70%);border-radius:50%;width:180px;height:180px;position:absolute;top:-80px;right:-60px}.share-preview-badge{background:#ffffff1f;border-radius:999px;align-items:center;gap:6px;margin-bottom:14px;padding:6px 12px;font-size:.78rem;font-weight:700;display:inline-flex}.share-preview-hero h4{margin:0 0 8px;font-size:1.45rem}.share-preview-hero p{color:#ffffffc7;max-width:290px;margin:0;font-size:.92rem;line-height:1.6}.share-preview-stats{grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0;display:grid}.share-preview-stat{text-align:center;background:#ffffff14;border:1px solid #ffffff1f;border-radius:16px;padding:12px 10px}.share-preview-stat strong{margin-bottom:4px;font-size:1.15rem;display:block}.share-preview-stat span{color:#ffffffb8;font-size:.78rem}.share-preview-members{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:16px;display:grid}.share-preview-member{background:#fff;border:1px solid #1b5e3414;border-radius:16px;padding:12px}.share-preview-member strong{color:#173923;margin-bottom:4px;font-size:.92rem;display:block}.share-preview-member span{color:#73907d;font-size:.82rem}.share-preview-footer{background:#fff;border:1px solid #1b5e3414;border-radius:16px;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;padding:12px 14px;display:flex}.share-preview-footer span{color:#64816d;font-size:.84rem}.share-preview-footer button{color:#fff;background:linear-gradient(135deg,#1b5e34,#47a35f);border:none;border-radius:999px;padding:10px 14px;font-weight:700}@media (width<=991px){.share-experience-grid{grid-template-columns:1fr}}@media (width<=767px){.share-experience-panel{padding:22px 16px}.share-experience-head{display:block}.share-preview-stats,.share-preview-members{grid-template-columns:1fr}.share-preview-shell{min-height:auto;padding:16px}.share-preview-card{width:100%;margin-bottom:16px;position:relative;top:auto;left:auto;transform:none}}.fh-popup-cta{z-index:10;cursor:pointer;position:relative;pointer-events:auto!important}.fh-overlay.show{pointer-events:none}.fh-popup{pointer-events:auto}.fh-celeb-btn-main,.fh-celeb-btn-sec{z-index:10;cursor:pointer;position:relative;pointer-events:auto!important}.fh-celeb-actions{z-index:10;position:relative}.fh-celeb-cta{z-index:5;position:relative}.user-trees-section{padding:52px 0 0}.user-tree-stage{background:radial-gradient(circle at 0 0,#c9920a1f,#0000 22%),radial-gradient(circle at 100% 100%,#2f855a1a,#0000 26%),linear-gradient(145deg,#f8fcf9 0%,#eef7f1 50%,#f7fbf8 100%);border:1px solid #1b5e3414;border-radius:28px;padding:24px;position:relative;box-shadow:0 26px 60px #0f3d2014}.user-tree-stage:before{content:"";pointer-events:none;border:1px solid #ffffffb3;border-radius:22px;position:absolute;inset:14px}.user-tree-stage-head{z-index:1;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:20px;display:flex;position:relative}.user-tree-stage-copy p{color:#64816d;max-width:620px;margin:8px 0 0;line-height:1.7}.user-tree-stage-meta{color:#1b5e34;background:#fff;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:12px;font-weight:700;display:inline-flex;box-shadow:0 12px 24px #1b5e3414}.user-tree-viewport{border-radius:24px;padding:4px 0 10px;position:relative;overflow:hidden}.user-tree-grid{scroll-snap-type:x proximity;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#1b5e3466 #1b5e3414;gap:18px;margin:0;padding:6px 8px 20px;display:flex;overflow-x:auto}.user-tree-grid::-webkit-scrollbar{height:12px}.user-tree-grid::-webkit-scrollbar-track{background:#1b5e3414;border-radius:999px}.user-tree-grid::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#1b5e34,#38a169);border:2px solid #fffc;border-radius:999px}.user-tree-grid:focus-visible{outline:2px solid #1b5e3459}.user-tree-card:after{content:"";opacity:0;background:linear-gradient(90deg,#0000,#c9920ae6,#0000);height:3px;transition:opacity .25s;position:absolute;inset:auto 0 0}.user-tree-card:hover:after{opacity:1}.user-tree-card-cta{background:linear-gradient(#fff 0%,#f7fbf8 100%);border-style:dashed;border-color:#a8c5b0}.user-tree-card-cta:hover{border-color:#1b5e34}.user-tree-nav{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.user-tree-nav button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#123822,#1b5e34);border:none;border-radius:16px;min-width:48px;min-height:48px;font-size:18px;line-height:1;transition:transform .2s,box-shadow .2s,opacity .2s;box-shadow:0 14px 30px #1b5e342e}.user-tree-nav button:hover{transform:translateY(-2px);box-shadow:0 18px 36px #1b5e343d}.user-tree-nav button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.utc-banner:before{content:"";background:radial-gradient(circle at 72% 24%,#ffffff2e,#0000 34%),linear-gradient(#ffffff05,#fff0);position:absolute;inset:0}.utc-banner:after{content:"";background:#ffffff14;border-radius:50%;width:140px;height:140px;position:absolute;top:-52px;right:-42px}.utc-cta{background:linear-gradient(145deg,#f2faf5,#e6f4ec)}.utc-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.utc-plus-icon{color:#1b5e34;background:#1b5e3414;border:2px dashed #a8c5b0;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;font-size:22px;display:flex}.utc-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.utc-stats span{color:#456352;background:#f6fbf7;border-radius:14px;align-items:center;gap:6px;min-height:44px;padding:9px 10px;font-size:11px;display:flex}.utc-url{color:#7a9a82;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;min-width:0;font-size:10.5px;display:flex;overflow:hidden}.utc-open{color:#1b5e34;flex-shrink:0;align-items:center;gap:5px;font-size:11px;font-weight:700;display:flex}.user-tree-journey{background:#fff;border:1px solid #dde8e2;border-radius:20px;flex-wrap:wrap;align-items:center;gap:0;padding:22px 24px;display:flex;box-shadow:0 14px 32px #1b5e340f}.utj-step{flex:1;align-items:flex-start;gap:12px;min-width:180px;padding:8px;display:flex}.utj-num{color:#fff;background:linear-gradient(135deg,#1b5e34,#38a169);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;font-weight:700;display:flex;box-shadow:0 8px 18px #1b5e342e}.utj-step h4{color:#1a2e1f;margin:0 0 3px;font-size:13px;font-weight:700}.utj-step p{color:#7a9a82;margin:0;font-size:11.5px;line-height:1.4}.utj-arrow{color:#dde8e2;flex-shrink:0;padding:0 4px;font-size:14px}@media (width<=900px){.user-tree-stage-head{flex-direction:column;align-items:flex-start}.user-tree-grid{gap:14px}}@media (width<=768px){.user-tree-stage{border-radius:22px;padding:18px}.user-tree-card{min-width:286px;max-width:286px}.user-tree-nav{justify-content:space-between;width:100%}}@media (width<=500px){.user-tree-grid{gap:12px;padding-inline:2px}.user-tree-card{min-width:248px;max-width:248px}.utc-stats{grid-template-columns:1fr}.user-tree-journey{flex-direction:column}.utj-arrow{display:none}}.aligned-premium{background:radial-gradient(circle at 0 0,#47a35f0f,#0000 28%),radial-gradient(circle at 100% 100%,#c9920a0d,#0000 22%),linear-gradient(#f8fcf9 0%,#eef7f1 55%,#f7fbf8 100%);padding:35px 0 38px}.ap-head{max-width:760px;margin:0 auto 20px}.ap-badge{color:#1b5e34;background:#fff;border-radius:50px;align-items:center;gap:8px;margin-bottom:12px;padding:8px 16px;font-size:12px;font-weight:700;display:inline-flex;box-shadow:0 8px 24px #1b5e3414}.ap-badge .dot{background:#47a35f;border-radius:50%;width:7px;height:7px}.ap-head h2{color:#1b5e34;margin-bottom:10px;font-size:2.2rem;font-weight:700;line-height:1.25}.ap-head p{color:#6c8c74;margin:0;font-size:1rem;line-height:1.7}.ap-nav-row{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.ap-label{color:#7a9a82;font-size:.95rem}.user-tree-nav{gap:10px;display:flex}.user-tree-nav button{color:#fff;background:#1b5e34;border:none;border-radius:14px;width:46px;height:46px;font-size:16px;transition:all .25s;box-shadow:0 10px 24px #1b5e342e}.user-tree-grid{scrollbar-width:none;gap:18px;padding:8px 4px 18px;display:flex;overflow-x:auto}.user-tree-card{background:#fff;border:1px solid #1b5e3414;border-radius:22px;min-width:310px;max-width:310px;transition:all .3s;box-shadow:0 14px 32px #1b5e3414}.utc-body{padding:18px}.utc-name{color:#1b5e34;font-size:1.08rem;font-weight:700}.utc-role{color:#7a9a82;font-size:.82rem}.utc-tribute{color:#4f6b57;font-size:.92rem;line-height:1.65}.utc-stats span{font-size:.78rem}.ap-cta{color:#fff;background:linear-gradient(135deg,#1b5e34,#2e8b57);border-radius:22px;justify-content:space-between;align-items:center;gap:20px;margin-top:28px;padding:28px;display:flex}.ap-cta h3{margin:0 0 6px;font-size:1.45rem}.ap-cta p{color:#ffffffb8;margin:0;font-size:.95rem}.ap-btn{color:#fff;white-space:nowrap;background:#c9920a;border:none;border-radius:14px;padding:14px 22px;font-size:.95rem;font-weight:700;transition:all .25s}.ap-btn:hover{background:#d9a61d;transform:translateY(-2px)}.ap-steps{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px;display:grid}.ap-step{background:#fff;border:1px solid #1b5e3414;border-radius:18px;padding:20px;box-shadow:0 8px 24px #1b5e340d}.ap-step span{color:#fff;background:#1b5e34;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin-bottom:12px;font-size:.85rem;font-weight:700;display:flex}.ap-step h4{color:#1b5e34;margin-bottom:5px;font-size:1rem}.ap-step p{color:#7a9a82;margin:0;font-size:.88rem}@media (width<=991px){.ap-cta{flex-direction:column;align-items:flex-start}.ap-steps{grid-template-columns:1fr 1fr}}@media (width<=768px){.ap-head h2{font-size:1.8rem}.ap-nav-row{flex-direction:column;align-items:flex-start;gap:14px}.ap-steps{grid-template-columns:1fr}.user-tree-card{min-width:270px}}.utc-tribute-wrap{margin-bottom:14px}.utc-tribute{color:#4f6b57;-webkit-box-orient:vertical;font-size:.92rem;line-height:1.65;display:-webkit-box;overflow:hidden}.utc-banner:before{opacity:.62;background:radial-gradient(circle,#ffffff38 0 1px,#0000 2px) 0 0/18px 18px,linear-gradient(120deg,#0000 0 34%,#ffffff1a 34% 35%,#0000 35% 100%),radial-gradient(circle at 86% 18%,#ffffff2e,#0000 28%),linear-gradient(#ffffff0d,#0000000d)}.utc-banner:after{opacity:.9;background:radial-gradient(circle,#0000 46%,#fff3 47% 48%,#0000 49%),radial-gradient(circle,#0000 62%,#ffffff24 63% 64%,#0000 65%);border-radius:50%;width:168px;height:168px;top:-54px;right:-46px;transform:rotate(10deg)}.utc-badge:before{content:"";background:#c9920a;border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:8px;transform:translateY(-50%);box-shadow:0 0 0 2px #ffffff40}.utc-body:before{content:"";background:linear-gradient(90deg,#c9920a,#c9920a1f);border-radius:999px;width:34px;height:3px;margin-bottom:12px;display:block}.utc-name{letter-spacing:0;line-height:1.25}.user-tree-nav button{color:#fff;cursor:pointer;background:#1b5e34;border:none;border-radius:14px;justify-content:center;align-items:center;width:46px;height:46px;font-size:15px;font-weight:300;transition:all .25s;display:flex;box-shadow:0 10px 24px #1b5e342e}.user-tree-nav button:hover{background:#2f7c49;transform:translateY(-2px)}.aligned-premium .user-tree-grid{align-items:stretch;gap:24px;padding:16px 8px 26px}.aligned-premium .user-tree-card{--card-accent:#c9920a;--card-deep:#123822;--card-mid:#1b5e34;--card-soft:#f3faf5;box-sizing:border-box;isolation:isolate;background:linear-gradient(#fffffff5,#fafdfbfa),radial-gradient(circle at 100% 0,#c9920a29,#0000 28%);border:1px solid #1b5e3421;border-radius:28px;flex:0 0 332px;min-width:332px;max-width:332px;height:520px;transform:translateY(0);box-shadow:0 24px 54px #143d2424,inset 0 1px #ffffffeb}.aligned-premium .user-tree-card:nth-child(3n+2){--card-accent:#d56a35;--card-deep:#4a1942;--card-mid:#b13a4b;--card-soft:#fff4ef}.aligned-premium .user-tree-card:nth-child(3n+3){--card-accent:#22b8a7;--card-deep:#0d3b6e;--card-mid:#146c82;--card-soft:#eefbfa}.aligned-premium .user-tree-card:before{content:"";pointer-events:none;z-index:2;border:1px solid #fffc;border-radius:22px;position:absolute;inset:12px}.aligned-premium .user-tree-card:after{content:"";background:linear-gradient(90deg, transparent, var(--card-accent), transparent);opacity:.82;z-index:3;border-radius:999px 999px 0 0;height:5px;position:absolute;inset:auto 22px 0}.aligned-premium .user-tree-card:hover{border-color:color-mix(in srgb, var(--card-accent) 45%, white);transform:translateY(-10px);box-shadow:0 34px 70px #0f3d2038,0 0 0 5px #c9920a14}.aligned-premium .utc-banner{background:radial-gradient(circle at 78% 16%, #ffffff40, transparent 25%), linear-gradient(135deg, var(--card-deep), var(--card-mid) 58%, color-mix(in srgb, var(--card-accent) 55%, var(--card-mid)));border-bottom:none;flex:0 0 156px;height:156px;min-height:156px;overflow:hidden}.aligned-premium .utc-banner:before{opacity:.72;background:linear-gradient(115deg,#0000 0 30%,#ffffff21 30% 31%,#0000 31% 100%),radial-gradient(circle,#ffffff3d 0 1px,#0000 2px) 0 0/19px 19px}.aligned-premium .utc-banner:after{background:radial-gradient(circle,#0000 48%,#ffffff3d 49% 50%,#0000 51%),radial-gradient(circle,#0000 66%,#ffffff24 67% 68%,#0000 69%);width:190px;height:190px;top:-58px;right:-38px}.aligned-premium .utc-avatar{width:82px;height:82px;color:var(--card-deep);background:radial-gradient(circle at 32% 24%,#fff,#ffffffbd 44%,#ffffff8a),linear-gradient(145deg,#ffffffeb,#ffffff80);border:6px solid #ffffffb8;font-size:34px;box-shadow:0 22px 36px #0003,0 0 0 1px #c9920a75,inset 0 0 0 8px #ffffff3d}.aligned-premium .utc-avatar:before{border-color:color-mix(in srgb, var(--card-accent) 72%, white);border-left-color:#0000;border-right-color:#0000;inset:-15px}.aligned-premium .utc-avatar:after{border-color:#ffffff80 #ffffff29 #ffffff29;inset:-28px}.aligned-premium .utc-badge{color:#fff;background:#05150d5c;border-radius:999px;padding:7px 13px 7px 28px;font-size:9px;top:16px;left:16px;box-shadow:0 12px 26px #00000024}.aligned-premium .utc-body{background:linear-gradient(180deg, #fffffff0, #ffffffc7), radial-gradient(circle at top left, var(--card-soft), transparent 38%);flex:auto;min-height:0;padding:24px 26px 12px}.aligned-premium .utc-body:before{background:linear-gradient(90deg, var(--card-accent), #c9920a1a);width:58px;height:4px;margin-bottom:16px}.aligned-premium .utc-name{color:#143d24;margin-bottom:7px;font-size:1.2rem;line-height:1.25}.aligned-premium .utc-role{background:var(--card-soft);color:#66846d;border-radius:999px;align-items:center;width:fit-content;margin-bottom:14px;padding:5px 11px;font-size:.78rem;font-weight:700;display:inline-flex}.aligned-premium .utc-meta-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;display:flex}.aligned-premium .utc-meta-row .utc-role{margin-bottom:0}.aligned-premium .utc-location{color:#476452;background:#1b5e340f;border-radius:999px;align-items:center;gap:6px;width:fit-content;max-width:100%;padding:5px 11px;font-size:.78rem;font-weight:700;line-height:1.2;display:inline-flex}.aligned-premium .utc-location-pin{background:var(--card-accent);border-radius:50% 50% 50% 0;flex:0 0 9px;width:9px;height:9px;position:relative;transform:rotate(-45deg)}.aligned-premium .utc-location-pin:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:3px}.aligned-premium .utc-tribute-wrap{margin-bottom:18px}.aligned-premium .utc-tribute{color:#496551;border-left:3px solid color-mix(in srgb, var(--card-accent) 70%, white);-webkit-line-clamp:4;min-height:94px;padding-left:16px;font-size:.94rem;font-style:normal;line-height:1.72;position:relative}.aligned-premium .utc-view-more{color:var(--card-mid);margin-top:10px;font-size:.84rem}.aligned-premium .utc-stats{display:none}.aligned-premium .utc-stats span{background:var(--card-soft);color:#476452;border-radius:16px;min-height:48px;padding:12px 14px;font-size:.83rem;font-weight:600}.aligned-premium .utc-footer{color:#fff;background:linear-gradient(100deg,#658b74,#72a986);border-top:none;flex:none;margin-top:auto;padding:15px 18px 18px}.aligned-premium .utc-url{color:#ffffff9e;max-width:178px}.aligned-premium .utc-open{color:#fff;background:#ffffff1f;border-radius:999px;padding:8px 12px;font-size:11px}@media (width<=768px){.aligned-premium .user-tree-card{flex-basis:284px;min-width:284px;max-width:284px;height:510px}.aligned-premium .utc-body{padding:22px 20px 12px}}.empty-trees-state{text-align:center;background:linear-gradient(135deg,#f8fcf9 0%,#eef7f1 100%);border:2px dashed #c8ddc8;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;min-width:100%;padding:60px 30px;display:flex}.empty-trees-icon{opacity:.8;margin-bottom:20px;font-size:64px}.empty-trees-state h3{color:#1b5e34;margin:0 0 12px;font-size:1.5rem;font-weight:700}.empty-trees-state p{color:#6c8c74;max-width:400px;margin:0 0 24px;font-size:1rem;line-height:1.6}.empty-trees-cta{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1b5e34,#38a169);border:none;border-radius:50px;padding:14px 28px;font-size:1rem;font-weight:700;transition:all .3s;box-shadow:0 8px 24px #1b5e344d}.empty-trees-cta:hover{transform:translateY(-3px);box-shadow:0 12px 30px #1b5e3466}@media (width<=768px){.empty-trees-state{padding:40px 20px}.empty-trees-icon{font-size:48px}.empty-trees-state h3{font-size:1.25rem}}.user-tree-card{cursor:pointer;background:#fff;border:1px solid #0000000f;border-radius:20px;flex-direction:column;min-width:330px;max-width:330px;height:520px;transition:all .4s cubic-bezier(.165,.84,.44,1);display:flex;position:relative;overflow:hidden;box-shadow:0 12px 35px #00000012}.user-tree-card:hover{border-color:#c9920a;transform:translateY(-10px);box-shadow:0 25px 50px #0000001f}.utc-banner{justify-content:center;align-items:center;height:160px;display:flex;position:relative;overflow:hidden}.utc-forest{background:linear-gradient(135deg,#e6f2ed 0%,#a5e1c7 100%)!important}.utc-dawn{background:linear-gradient(135deg,#fdf8e6 0%,#e9dcb7 100%)!important}.utc-ocean{background:linear-gradient(135deg,#eef4f9 0%,#c3dcf3 100%)!important}.utc-avatar{color:#1b5e34!important}.utc-banner:before{content:"";z-index:1;position:absolute;inset:0;background-image:radial-gradient(#ffffff1a 1px,#0000 1px)!important;background-size:20px 20px!important}.utc-avatar{color:#1b3d2f;z-index:2;background:#fff;border:5px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;font-family:Playfair Display,serif;font-size:38px;font-weight:700;display:flex;box-shadow:0 8px 20px #00000040}.utc-badge{color:#fff;text-transform:uppercase;letter-spacing:1.2px;background:#c9920a;border-radius:30px;padding:5px 14px;font-size:10px;font-weight:800;position:absolute;top:15px;right:15px;box-shadow:0 4px 10px #0000001a}.utc-body{text-align:center;flex-direction:column;flex:1;padding:25px 20px;display:flex}.utc-name{color:#1a1a1a;margin-bottom:5px;font-family:Playfair Display,serif;font-size:1.45rem}.utc-tribute{color:#4a4a4a;-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:10px 0;font-family:Lora,serif;font-size:1rem;font-style:italic;line-height:1.7;display:-webkit-box;overflow:hidden}.utc-footer{background:#fbfbfb;border-top:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:15px 20px;display:flex}.utc-location-text{color:#020202;align-items:center;gap:5px;font-size:.8rem;display:flex}.utc-view-btn:hover{background:#2d8a4e;box-shadow:0 4px 12px #1b5e3440}.user-tree-grid{scrollbar-width:none;align-items:stretch;gap:30px;padding:60px 20px;display:flex;overflow-x:auto}.user-tree-grid::-webkit-scrollbar{display:none}.user-tree-card{--accent-gold:#c9920a;cursor:pointer;background:#fff;border:1px solid #f0f4f1;border-radius:28px;flex-direction:column;min-width:340px;max-width:340px;height:540px;margin-bottom:20px;transition:all .5s cubic-bezier(.2,1,.3,1);display:flex;position:relative;box-shadow:0 10px 40px #0000000a;overflow:visible!important}.user-tree-card:hover{transform:translateY(-12px);box-shadow:0 30px 60px #1b5e341f}.utc-banner{z-index:1;border-radius:28px 28px 0 0;height:150px;position:relative;overflow:hidden}.utc-banner:before{content:"";background-image:radial-gradient(#00000008 1.2px,#0000 1px);background-size:18px 18px;position:absolute;inset:0}.utc-avatar{z-index:10;background:#fff;border:5px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;display:flex;position:absolute;top:100px;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 12px 25px #00000014}.utc-avatar img{object-fit:cover;width:100%;height:100%}.utc-avatar i{font-size:36px}.avatar-tint-m{color:#2c5282;background:#ebf8ff;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.avatar-tint-f{color:#702459;background:#fff5f7;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.utc-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#5a7061;text-transform:uppercase;letter-spacing:.5px;z-index:5;background:#ffffffb3;border:1px solid #fffc;border-radius:30px;padding:6px 14px 6px 32px;font-size:10px;font-weight:800;position:absolute;top:20px;left:20px}.utc-badge:before{content:"";background:var(--accent-gold);border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.utc-body{text-align:center;flex:1;padding:60px 25px 20px}.utc-role-tag{color:var(--accent-gold);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:10px;font-size:11px;font-weight:800}.utc-name{color:#1a2e1f;margin-bottom:15px;font-family:Playfair Display,serif;font-size:1.5rem;font-weight:700;line-height:1.2}.utc-tribute{color:#5a6b5e;-webkit-line-clamp:3;-webkit-box-orient:vertical;padding:0 10px;font-family:Lora,serif;font-size:1rem;font-style:italic;line-height:1.7;display:-webkit-box;overflow:hidden}.utc-footer{background:#fbfcfb;border-top:1px solid #f0f4f1;border-radius:0 0 28px 28px;justify-content:space-between;align-items:center;padding:18px 25px 22px;display:flex}.utc-location-text{color:#020202;align-items:center;gap:6px;font-size:15px;font-weight:600;display:flex}.utc-view-btn{color:#fff;background:#1b5e34;border:none;border-radius:12px;padding:9px 20px;font-size:.85rem;font-weight:700;transition:all .3s}