*{margin:0}.presentation-container{width:100%;height:100vh;display:flex;flex-direction:column;position:relative;overflow:hidden;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.slides-container{flex:1;position:relative;overflow:hidden}.slide{width:100%;height:100%;display:none;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.slide.active{display:flex;align-items:center;justify-content:center;padding:2rem;box-sizing:border-box;transform:translateY(0)}.slide.exit{opacity:0;transform:translateY(-20px)}.slide.slide-gradient-blue{background:linear-gradient(135deg,#6a11cb,#2575fc)}.slide.slide-gradient-purple{background:linear-gradient(135deg,#6f42c1,#e83e8c)}.slide.slide-gradient-green{background:linear-gradient(135deg,#11998e,#38ef7d)}.slide.slide-gradient-orange{background:linear-gradient(135deg,#f5576c,#f093fb)}.slide.slide-gradient-red{background:linear-gradient(135deg,#ff416c,#ff4b2b)}.slide-content{max-width:80%;text-align:center;color:#fff;opacity:0}.slide-content.fade-in{animation:fadeIn 1s forwards}.slide-content.slide-up{animation:slideUp 1s forwards}.slide-content.slide-in-left{animation:slideInLeft 1s forwards}.slide-content.slide-in-right{animation:slideInRight 1s forwards}.slide-content.pulse{animation:pulseAnimation 1s forwards}.controls{position:absolute;bottom:2rem;left:0;right:0;display:flex;justify-content:center;align-items:center;z-index:10}.nav-button{background:#ffffff4d;color:#fff;border:none;width:40px;height:40px;border-radius:50%;font-size:1.2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;margin:0 1rem;transition:background-color .3s}.nav-button:hover{background:#ffffff80}.nav-button:focus{outline:none;box-shadow:0 0 0 3px #ffffff80}.indicators{display:flex;gap:10px}.indicator{width:12px;height:12px;background-color:#ffffff4d;border:none;border-radius:50%;cursor:pointer;transition:all .3s ease;padding:0}.indicator.active{background-color:#ffffffe6;transform:scale(1.2)}.indicator:hover{background-color:#ffffff80}.slide-counter{position:absolute;bottom:1rem;right:1rem;background-color:#fff3;color:#fff;padding:.3rem .7rem;border-radius:1rem;font-size:.9rem;z-index:10}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes pulseAnimation{0%{opacity:0;transform:scale(.9)}50%{opacity:.5;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.title-slide .main-title{font-size:3.5rem;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.title-slide .subtitle{font-size:1.8rem;font-weight:400;opacity:.9}.content-slide .slide-title{font-size:2.5rem;margin-bottom:2rem;text-shadow:1px 1px 3px rgba(0,0,0,.2)}.content-slide .content-list{text-align:left;font-size:1.5rem;list-style-type:none;padding:0}.content-slide .content-list li{margin:1rem 0;padding:.5rem 1rem;border-left:3px solid rgba(255,255,255,.5);opacity:0}.content-slide .content-list li.slide-in-left{animation:slideInLeft .5s forwards}.content-slide .content-list li.zoom-in{animation:zoomIn .5s forwards}.split-slide .slide-title{font-size:2.5rem;margin-bottom:2rem}.split-slide .split-content{display:flex;gap:2rem}.split-slide .split-content .left-content{flex:1;text-align:left;font-size:1.2rem;line-height:1.6;padding-right:1rem;border-right:1px solid rgba(255,255,255,.3)}.split-slide .split-content .right-content{flex:1;text-align:left}.split-slide .split-content .right-content .right-list{list-style-type:none;padding:0}.split-slide .split-content .right-content .right-list li{margin:1rem 0;font-size:1.3rem;opacity:0}.split-slide .split-content .right-content .right-list li.zoom-in{animation:zoomIn .5s forwards}.image-slide .slide-title{font-size:2.5rem;margin-bottom:1rem}.image-slide .slide-description{font-size:1.2rem;margin-bottom:2rem;opacity:.9}.image-slide .image-container{margin:1rem auto}.image-slide .image-container .image-placeholder{background:#fff3;border-radius:10px;display:flex;align-items:center;justify-content:center;margin:0 auto;color:#ffffffb3;font-size:1.2rem;box-shadow:0 8px 20px #0003}.image-slide .image-container .image-caption{margin-top:1rem;font-style:italic;opacity:.8}@media (max-width: 992px){.split-slide .split-content{flex-direction:column}.split-slide .split-content .left-content{border-right:none;border-bottom:1px solid rgba(255,255,255,.3);padding-right:0;padding-bottom:1rem}}@media (max-width: 768px){.title-slide .main-title{font-size:2.5rem}.title-slide .subtitle{font-size:1.3rem}.content-slide .slide-title{font-size:2rem}.content-slide .content-list{font-size:1.2rem}.image-slide .image-placeholder{width:300px!important;height:225px!important}.nav-button{width:36px;height:36px}}.party-slide .celebration-message{font-size:2rem;font-weight:700;margin:2rem 0;text-align:center;background:linear-gradient(90deg,#f36,#f63,#fc3,#3f6,#36f,#c3f);background-size:600% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradientText 6s linear infinite}.party-slide .confetti-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:1}.party-slide .confetti-particle{position:absolute;border-radius:2px;opacity:.8;animation:confettiFall linear forwards;z-index:1}.color-changing-slide{transition:background-image 2s ease}.color-changing-slide .color-changing-content{background:#fff3;border-radius:10px;padding:2rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);max-width:600px;margin:0 auto;font-size:1.3rem;line-height:1.6;transition:all .5s ease}.color-changing-slide .color-changing-content:hover{transform:scale(1.02);background:#ffffff40}@keyframes gradientText{0%{background-position:0% 50%}to{background-position:600% 50%}}@keyframes confettiFall{0%{transform:translateY(-50px) rotate(0);opacity:1}50%{opacity:.8}to{transform:translateY(calc(100vh + 50px)) rotate(360deg);opacity:0}}
