*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:"Poppins",sans-serif;// font-family:Arial,sans-serif}.poppins-medium{font-family:"Poppins",serif;font-weight:500;font-style:normal}span{color:#541e4c;font-weight:bold;text-decoration:none}.hero-container{position:relative;// height:100vh;width:100%;overflow:hidden;&::before{content:"";position:absolute;inset:0;// This is shorthand for top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0.2) 100%);pointer-events:none;// This ensures clicks go through to content below}}.hero-container>*{position:relative;z-index:1}.hero-main{position:relative;z-index:2;min-height:90vh;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 1rem;h1{font-size:1.5rem;color:#fff;max-width:30ch;text-wrap:balance;margin-top:1rem;margin-bottom:1rem;line-height:100%;// text-shadow:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,// 2px 2px 0 #000}h2{font-size:1.1rem;color:rgb(71,71,71);background-color:rgba(255,255,255,0.5);padding:0.5rem;border-radius:5px}.subtitle{font-size:1rem;color:#fff;max-width:1200px;margin-top:1rem;margin-bottom:1rem;span{transition:all 0.5;text-shadow:-0.5px -0.5px 0 #fff,0.5px -0.5px 0 #fff,-0.5px 0.5px 0 #fff,0.5px 0.5px 0 #fff;&:hover{text-shadow:-0px -0px 0 #fff,0px -0px 0 #fff,-0px 0px 0 #fff,0px 0px 0 #fff;color:#fff}}}h3{color:rgb(71,71,71);background-color:rgba(255,255,255,0.5);padding:0.5rem;max-width:63ch;margin-top:0;margin-bottom:0.5rem;font-size:0.8rem}}.button-56{align-items:center;background-color:#fee6e3;border:2px solid #111;border-radius:8px;box-sizing:border-box;color:#111;cursor:pointer;display:flex;font-size:1rem;height:48px;justify-content:center;line-height:24px;max-width:100%;padding:0 1rem;position:relative;text-align:center;text-decoration:none;user-select:none;-webkit-user-select:none;touch-action:manipulation;@media (max-width:1300px){height:36px;padding:0 1rem}&:after{border-radius:8px;content:"";display:block;height:48px;left:0;width:100%;position:absolute;top:-2px;transform:translate(8px,8px);transition:transform 0.2s ease-out;z-index:-1;@media (max-width:1300px){height:36px}}&:hover:after{transform:translate(0,0)}&:active{background-color:#ffdeda;outline:0}&:hover{outline:0}}.btn-signin{color:#333;background:#fff;font-size:0.8rem;&:after{background-color:#e6e6e6}}.btn-signup{color:#333;background:#ffd700;font-size:0.8rem;&:after{background-color:#cea131}}.cta-button{background:#ffd700;font-size:0.8rem;&:after{background-color:#cea131}}.custom-shape-divider-top-1739471296{width:100%;overflow:hidden;line-height:0;svg{position:relative;display:block;width:calc(143% + 1.3px);height:105px;transform:rotateY(180deg);height:100px;padding:0;margin:0}.shape-fill{fill:#fffcf1}.wave-bottom{fill:none;stroke:url(#wave-gradient);stroke-width:20;stroke-linecap:round}}.custom-shape-divider-bottom-1739023652{position:absolute;bottom:0;left:0;width:100%;overflow:hidden;line-height:0rem;padding:0;margin:0;svg{position:relative;display:block;width:calc(164% + 1.3px);height:100px;padding:0;margin:0}.shape-fill{fill:#fffcf1}.wave-top{fill:none;stroke:url(#wave-gradient);stroke-width:20;stroke-linecap:round}}.container{margin:0 auto;background-color:#fffcf1;.header{text-align:center;h1{font-size:2.5rem;margin-bottom:1rem}p{color:#666;line-height:1.3;max-width:800px;margin:0 auto}}.timeline{// border:2px solid red;position:relative;padding:2rem 0;display:flex;flex-direction:column;align-items:center;width:100%;background-color:#fffcf1}.timeline::after{content:"";position:absolute;left:50%;top:70px;transform:translateX(-50%);width:0;height:calc(100% - 140px);border-left:2px dashed #ffa07a;z-index:1;@media (max-width:768px){display:none}}.timeline-item{display:flex;justify-content:center;align-items:center;margin-bottom:4rem;width:100%;text-decoration:none;transition:all 0.2s;&:hover{background-color:#fff;// border:1px solid red;// transform:translateY(-1%);&:hover{background-color:#fff;// border:1px solid #ffd700;// transform:translateY(-5px)}}position:relative;// border:2px solid green;@media (max-width:768px){margin-bottom:1rem}}.hexagon{width:80px;height:90px;background:linear-gradient(to bottom,#ff7f50,#ffd700);position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);z-index:20;@media (max-width:768px){display:none}}.hexagon span{color:white;font-size:1.5rem;font-weight:bold}.content{width:calc(50% - 60px);padding:2rem;border-radius:8px}.content.left{margin-right:auto;text-align:right;@media (max-width:768px){text-align:center}}.content.right{margin-left:auto;text-align:left;@media (max-width:768px){text-align:center}}.image-container{width:40%;margin-right:2rem;margin-left:2rem;text-align:center;&:hover{img{transform:perspective(800px) rotateY(0deg)!important;box-shadow:0 8px 16px rgba(0,0,0,0.2),0 0 0 1px rgba(0,0,0,0.1)}}@media (max-width:768px){display:none}}.image-container img{transition:all 2s;width:100%;height:auto;border-radius:8px;box-shadow:0 6px 12px rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.1);transform:perspective(400px) rotateY(3deg);transition:transform 0.3s ease}.timeline-item:nth-child(2) .image-container img{transform:perspective(400px) rotateY(-3deg)}// .image-container img:hover{// transform:perspective(800px) rotateY(0);// box-shadow:0 8px 16px rgba(0,0,0,0.2),0 0 0 1px rgba(0,0,0,0.1);//}.content h2{color:#333;margin-bottom:1rem}.content p{color:#666;line-height:1.6}// .green-bg{// background-color:#e8f5e9;//}// .peach-bg{// background-color:#ffe0d0;//}// .blue-bg{// background-color:#e3f2fd;//}@media (max-width:768px){.timeline-item-content{flex-direction:column;width:100%}.hexagon{left:40px;margin-bottom:1rem}.content{width:100%}}}.member{.cards-container{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;padding-bottom:5rem}.wraph1{margin-top:2rem;margin-bottom:3rem;color:#fff!important;text-align:center;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:black}.card{background-color:#fff9e6;border-radius:24px;// padding:24px;width:300px;// margin:20px;position:relative;border:1px solid #000}.grey{box-shadow:#87b5f1 8px 8px}.yellow{box-shadow:#e6f187 8px 8px}.red{box-shadow:#f1c587 8px 8px}.profile-wrap{position:relative;width:96px;height:96px;margin:-48px auto 20px}.profile-img{width:100%;height:100%;border-radius:50%;border:4px solid white;object-fit:cover}.icon{position:absolute;background-color:rgb(151,151,151);width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;&:hover{background-color:rgb(205,205,205)}}.icon svg{width:14px;height:14px;fill:none;stroke:white;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.card-content{text-align:center}.name{font-weight:bold;font-size:20px}.title{font-size:16px;margin-bottom:16px}.flag{width:20px;height:15px;object-fit:cover;border-radius:2px;vertical-align:middle;margin-right:6px;box-shadow:0 1px 2px rgba(0,0,0,0.1)}.institution{display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:6px;font-size:0.8rem}.icon svg{width:14px;height:14px;fill:none;stroke:white;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.card-content{text-align:center}.name{font-weight:bold;font-size:0.9rem;margin-bottom:0}.institution{font-size:0.8rem;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px}.flag{width:24px}.description{font-size:14px;line-height:1.5;color:#666;margin-top:16px}}