@keyframes float{0%{transform:translateY(0px)}50%{transform:translateY(-20px)}100%{transform:translateY(0px)}}@keyframes titleFadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(23,162,184,0.7);transform:scale(1)}70%{box-shadow:0 0 0 10px rgba(23,162,184,0);transform:scale(1.05)}100%{box-shadow:0 0 0 0 rgba(23,162,184,0);transform:scale(1)}}@keyframes bounce{0%,80%,100%{transform:scale(0)}40%{transform:scale(1)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.hero{background:#ecffff;padding:60px 0;position:relative;overflow:hidden}.hero-content{color:#000;position:relative;z-index:1}.hero-title{font-size:3.5rem;font-weight:700;margin-bottom:1rem;line-height:1.2}.hero-subtitle{font-size:1.2rem;margin-bottom:3rem;opacity:0.9;line-height:1.6}.hero-cta{margin-top:2rem}.hero-cta .btn{padding:12px 30px;font-weight:600;transition:transform 0.3s ease;background:linear-gradient(111.42deg, #67e8f9, #93c4fd);border:none;border-radius:10px}.hero-cta .btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,0.1)}.hero .chat-card{border:4px solid #66e7f9;border-radius:25px}.hero .scroll-down-button{background:#2f7973 !important}.hero .scroll-down-button:hover{background:#2a6c66 !important}.hero .chat-header{position:relative;background:linear-gradient(111.42deg, #eefbfe, #eef9ff);border-radius:10px;padding:12px 16px;max-width:100%;color:#295c5a;border:1px solid rgba(233,236,239,0.5);margin-bottom:20px}@media (max-width: 768px){.hero{padding:70px 0}.hero-cta .btn{width:100%}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1rem;margin-bottom:2rem}.hero .chat-card{margin-top:2rem}}.chat-card{box-shadow:0 8px 30px rgba(0,0,0,0.12);padding:24px;width:100%;max-width:480px}.chat-messages{max-height:300px}.case-showcase{background:linear-gradient(111.42deg, rgba(0,183,183,0.74902), rgba(0,93,255,0.835294));color:#fff;position:relative}.case-showcase::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,0.05);pointer-events:none}.case-showcase .container{padding:0 50px}.case-showcase h1{color:#fff;margin-bottom:2.5rem;text-align:center;line-height:1.2;letter-spacing:-0.02em;animation:titleFadeIn 0.8s ease-out forwards}.case-showcase .chat-input-button{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:12px 20px;color:#64748b;text-decoration:none;transition:all 0.3s ease}.case-showcase .chat-input-button:hover{background:#f1f5f9;border-color:#cbd5e1;color:#475569}.case-showcase .chat-input-button:hover .bi-arrow-right{transform:translateX(5px);color:#475569}.case-showcase .chat-input-button .bi-arrow-right{color:#64748b;font-size:1.2rem;transition:transform 0.3s ease}@media (max-width: 768px){.case-showcase .container{padding:0 20px}}.hone-your-skills{background-color:#d1f8ff}.hone-your-skills .lead{color:#295c5a}.hone-your-skills .h1{color:#1e293b}@media (max-width: 768px){.hone-your-skills{padding-top:70px !important;padding-bottom:70px !important}}.feature-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,0.05);transition:all 0.3s ease;position:relative;overflow:hidden;margin-bottom:50px}.feature-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px rgba(0,0,0,0.1)}.feature-card:hover .feature-card-button{transform:translateY(0)}.feature-card img{width:100%;height:400px;padding:0;border-radius:16px 16px 0 0;object-fit:cover;transition:all 0.3s ease}.feature-card .card-body{padding:2rem;transition:all 0.3s ease}.feature-card-button{position:absolute;bottom:0;left:0;right:0;font-weight:600;padding:1.5rem 2rem;color:#1e293b;background:linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 20%, #fff 100%);transition:all 0.3s ease;text-decoration:none;transform:translateY(100%);display:flex;align-items:center;justify-content:center;justify-content:space-between}.feature-card-button:after{content:'→';font-size:1.2rem;transition:transform 0.3s ease}.feature-card-button:hover{color:#00b7b7}.feature-card-button:hover:after{transform:translateX(5px)}.feature-card-img{max-width:35px;max-height:35px;margin-right:10px}.feature-card-title{margin-top:5px}.feature-card.offset-top{margin-top:6rem}@media (max-width: 768px){.feature-card{margin-bottom:0 !important;margin-top:20px}.feature-card img{height:250px}.feature-card.offset-top{margin-top:0}.feature-card:hover{transform:none}.feature-card:hover .card-body{transform:none}.feature-card .feature-card-button{display:none}}.feature-card-box .col-lg-6{padding:0 30px}@media (max-width: 768px){.feature-card-box .col-lg-6{margin-top:0 !important;padding:0 calc(var(--bs-gutter-x)*.5) !important}}.showcase-wrapper{padding:2rem}@media (max-width: 768px){.showcase-wrapper{padding:1rem}.showcase-wrapper h1{margin:2rem 0}}.case-menu{max-height:500px;overflow-y:auto;padding-right:1rem}.case-menu::-webkit-scrollbar{width:6px}.case-menu::-webkit-scrollbar-track{background:rgba(255,255,255,0.1);border-radius:3px}.case-menu::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.2);border-radius:3px}.case-menu-item{padding:18px;border-radius:12px;margin-bottom:1rem;cursor:pointer;transition:all 0.3s ease;background:#fff;border:3px solid transparent}.case-menu-item:hover,.case-menu-item.active{background:rgba(255,255,255,0.9);transform:translateX(5px)}.case-menu-item.active{border-color:#65c1d1}.case-menu-item:last-child{margin-bottom:0}.case-menu-title{font-size:1.1rem;margin-bottom:0.5rem;color:#1e293b}.case-menu-desc{font-size:0.9rem;color:#98a3b5;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 768px){.case-menu{max-height:1000px;padding-right:0}.case-menu-item:hover,.case-menu-item.active{transform:none}}.case-content{height:100%;background:#fff;border-radius:16px;padding:2rem;transition:all 0.3s ease;position:relative}.case-content .chat-header{margin-bottom:20px;border-bottom:1px solid rgba(0,0,0,0.1)}.case-content .chat-input-button{position:absolute;bottom:2rem;width:calc(100% - 4rem)}@media (max-width: 768px){.case-content{display:none}}.case-description{color:#1e293b;font-size:1rem;line-height:1.6}.greeting-text{font-size:0.95rem;line-height:1.5;margin-bottom:0}.case-title{font-size:1.1rem;color:#1e293b;font-weight:600;margin-bottom:0}.case-author{font-size:1rem;color:#98a3b5;margin-bottom:0}.user-count{opacity:0.9;margin-top:1rem;margin-left:0.5rem;font-size:1.1rem}@media (max-width: 768px){.user-count{text-align:center}}.pulse-button{animation:pulse 3s infinite;position:relative}