@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.slider-container{position:relative;max-width:960px;margin:auto;padding:1.5em 2em;font-family:"Poppins",sans-serif}.slide{display:none;animation:fadeIn .8s ease-in-out;background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);color:#eaf6ff;border-radius:20px;padding:2em;box-shadow:0 10px 40px rgba(0,0,0,.35);line-height:1.6;overflow-wrap:break-word;min-height:60vh}.label,.slide.active{display:block}.slide h1{font-size:1.8rem;color:#00ffd5;margin-bottom:1.5rem}.label{font-weight:600;font-size:1.1rem;color:#4fffd2;margin-top:1rem}.detail{font-size:1rem;color:#cfefff;margin-bottom:1rem;padding-left:10px;border-left:2px solid rgba(255,255,255,.3)}.examples{background:rgba(255,255,255,.08);border-left:4px solid #00ffd5;padding:1em 1.5em;margin:1em 0 2em;border-radius:10px;font-size:.95rem;color:#e1f9ff}.examples code{background:rgba(255,255,255,.1);padding:2px 6px;border-radius:5px;font-family:"Fira Code",monospace;color:#fff49e}.floating-arrows{position:absolute;top:50%;left:0;right:0;height:0;pointer-events:none}.nav-arrow{pointer-events:auto;position:absolute;top:0;transform:translateY(-50%);font-size:2.5rem;color:#ffffffcc;background:rgba(0,0,0,.4);padding:10px 15px;border-radius:50%;cursor:pointer;transition:background .3s ease;user-select:none;z-index:10;backdrop-filter:blur(4px)}.nav-arrow.left{left:-40px}.nav-arrow.right{right:-40px}.nav-arrow:hover{background:rgba(255,255,255,.25)}@media screen and (max-width:768px){.slide{padding:1em;font-size:.95rem}.nav-arrow{font-size:2rem;padding:8px 12px;top:0;transform:translateY(-50%);background:rgba(255,255,255,.1);backdrop-filter:blur(4px)}.nav-arrow.left{left:10px}.nav-arrow.right{right:10px}}.slide-progress{text-align:center;color:#88f2ff;font-size:.9rem;margin-top:1em;opacity:.7}