*{box-sizing:border-box}body{font-family:Arial,sans-serif;background:#000;margin:0;padding:0}.app{max-width:900px;margin:auto;padding:20px;text-align:center}h1{color:#fff}.event-form{display:flex;gap:10px;justify-content:center;margin-bottom:20px;flex-wrap:wrap}.event-form input,.event-form textarea,.event-form button{padding:10px;border-radius:6px;border:1px solid #555;font-size:1rem;background:#111;color:#fff;transition:all .2s ease}.event-form input[type=date]{color:#fff}.event-form input::placeholder,.event-form textarea::placeholder{color:#aaa}.event-form input:focus,.event-form textarea:focus{outline:none;border-color:#4cafef;box-shadow:0 0 8px #4cafef}.event-form button{background:linear-gradient(45deg,#4cafef,#8e44ad);color:#fff;cursor:pointer;border:none}.event-form button:hover{background:linear-gradient(45deg,#3498db,#732d91)}.event-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:15px}.event-card{background:linear-gradient(135deg,#ff7e5f,#feb47b);padding:15px;border-radius:12px;box-shadow:0 4px 15px #00000080;display:flex;flex-direction:column;justify-content:space-between;color:#fff;transition:transform .2s ease;min-height:150px}.event-card:hover{transform:scale(1.05)}.event-card h3{margin-bottom:5px}.event-card p{margin:3px 0}.card-buttons{margin-top:10px;display:flex;gap:8px}.edit-btn{background:linear-gradient(45deg,#ff9800,#ffb84d);color:#fff;border:none;padding:6px 10px;cursor:pointer;border-radius:6px}.edit-btn:hover{background:linear-gradient(45deg,#e68900,#f90)}.delete-btn{background:linear-gradient(45deg,#f44336,#ff6b6b);color:#fff;border:none;padding:6px 10px;cursor:pointer;border-radius:6px}.delete-btn:hover{background:linear-gradient(45deg,#d32f2f,#e74c3c)}.no-events{color:#aaa}