*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;overflow-x:hidden}.presentation-container{max-width:800px;margin:2rem auto;padding:2rem 1rem;background-color:#171a22;font-family:Segoe UI,sans-serif;width:100%;box-sizing:border-box;border:1px solid #9b32ff;border-radius:20px}h1{font-size:2rem;margin-bottom:1.5rem;text-align:center}.input-box{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin-bottom:2rem;width:100%;box-sizing:border-box}.input-box input{padding:.6rem;flex:1 1 200px;color:rgb(255,255,255);max-width:250px;background-color:transparent}.input-box button,.input-box input{border:1px solid #9b32ff;border-radius:8px;font-size:1rem;min-width:0;box-sizing:border-box}.input-box button{padding:.6rem 1rem;background-color:#9b32ff;color:#ffffff;font-weight:550;cursor:pointer;transition:.2s ease;flex:1 1 150px;max-width:200px}.input-box button:hover{background-color:#8400ff}.error{color:red;text-align:center}.slides{display:grid;grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));width:100%}.slide-card,.slides{box-sizing:border-box}.slide-card{background:#1d2227;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);border:1px solid white;word-wrap:break-word}.slide-card h2{font-size:1.3rem;margin-bottom:.8rem}.slide-card ul{padding-left:1.2rem}.slide-card li{margin-bottom:.5rem}.slide-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.copy-icon{cursor:pointer;font-size:1.2rem;color:#ccc;transition:color .2s ease}.copy-icon:hover{color:#3afa7a}@media (max-width:300px){.input-box button,.input-box input{max-width:100%;width:100%}h1{font-size:1.5rem}.slide-card h2{font-size:1.1rem}.slide-card{padding:1rem}}