.container{max-width:600px;margin:2rem auto;padding:1rem;font-family:Segoe UI,sans-serif}.styled-list{counter-reset:item;list-style:none;padding-left:0}.styled-list li{counter-increment:item;margin:1rem 0;padding:1rem 1.5rem;background:#f0f8ff;border-left:5px solid var(--nav-p);border-radius:.5rem;position:relative;transition:all .3s ease}.styled-list li:before{content:counter(item) ".";position:absolute;left:-2.5rem;top:50%;transform:translateY(-50%);font-weight:700;font-size:1.2rem;color:var(--nav-p)}.styled-list li:hover{background:#e0f2f1;transform:translateX(5px);box-shadow:0 4px 12px rgba(0,0,0,.1)}